@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=Manrope:wght@200..800&display=swap);.animate-fade-in{animation:fadeIn .5s ease-in-out}:root{--sidebar-w:84px;--sidebar-w-collapsed:64px;--sidebar-item-h:52px;--sidebar-item-h-collapsed:48px;--sidebar-radius:10px;--sidebar-gap:4px;--sidebar-transition:180ms cubic-bezier(0.4,0,0.2,1)}.sidebar{background:#fff;background:var(--bg-primary);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-secondary);bottom:0;box-shadow:0 1px 3px #00000014;contain:layout style paint;display:flex;flex-direction:column;left:0;margin-top:var(--navbar-height);position:fixed;top:0;transform:translateZ(0);transition:width .18s cubic-bezier(.4,0,.2,1);transition:width var(--sidebar-transition);width:84px;width:var(--sidebar-w);z-index:999}.sidebar.sidebar--collapsed{width:64px;width:var(--sidebar-w-collapsed)}.sidebar .sidebar-toggle{align-items:center;background:#0000;border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-secondary);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:100%}.sidebar .sidebar-toggle:hover{background-color:#3b82f6;background-color:var(--active-color);color:#fff;color:var(--text-inverse)}.sidebar .sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:-2px}.sidebar .sidebar-toggle .sidebar-toggle-icon{font-size:13px;font-weight:700;letter-spacing:1px;line-height:1}.sidebar .sidebar-menu{flex:1 1 auto;list-style:none;margin:0;overflow-x:visible;overflow-y:auto;overscroll-behavior:contain;padding:2px 6px 70px;scrollbar-width:thin}.sidebar .sidebar-menu::-webkit-scrollbar{width:6px}.sidebar .sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar .sidebar-menu::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}.sidebar .sidebar-singleitem{margin-bottom:4px;margin-bottom:var(--sidebar-gap);position:relative;width:100%}.sidebar .sidebar-singleitem .item-container{align-items:center;border-radius:10px;border-radius:var(--sidebar-radius);color:#1e293b;color:var(--text-primary);display:flex;flex-direction:column;gap:3px;height:52px;height:var(--sidebar-item-h);justify-content:center;text-decoration:none;transition:background-color .15s ease,color .15s ease;width:100%}.sidebar .sidebar-singleitem .item-container .icon{color:inherit;flex-shrink:0;font-size:22px;line-height:1;transition:transform .15s ease}.sidebar .sidebar-singleitem .item-container .item-name{color:inherit;font-size:10.5px;font-weight:400;line-height:1.1;text-align:center;white-space:normal;word-break:break-word}.sidebar .sidebar-singleitem .item-container .badge{align-items:center;background-color:#ff6692;border-radius:999px;color:#fff;display:flex;font-size:9.5px;font-weight:600;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:16px;top:4px}.sidebar .sidebar-singleitem.active>.item-content{background-color:#3b82f6;background-color:var(--active-color);font-weight:600}.sidebar .sidebar-singleitem.active>.item-content .icon,.sidebar .sidebar-singleitem.active>.item-content .item-name{color:#fff;color:var(--text-inverse)}.sidebar .sidebar-singleitem:hover>.item-content{background-color:#3b82f6;background-color:var(--active-color)}.sidebar .sidebar-singleitem:hover>.item-content .icon,.sidebar .sidebar-singleitem:hover>.item-content .item-name{color:#fff;color:var(--text-inverse)}.sidebar .sidebar-singleitem:hover>.item-content .icon{transform:scale(1.08)}.sidebar .sidebar-singleitem:focus-within>.item-content{background-color:#3b82f6;background-color:var(--active-color)}.sidebar .sidebar-singleitem:focus-within>.item-content .icon,.sidebar .sidebar-singleitem:focus-within>.item-content .item-name{color:#fff;color:var(--text-inverse)}.sidebar .sidebar-singleitem .item-content:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:2px}.sidebar.sidebar--collapsed{--sidebar-w:var(--sidebar-w-collapsed)}.sidebar.sidebar--collapsed .sidebar-singleitem .item-container{height:48px;height:var(--sidebar-item-h-collapsed)}.sidebar.sidebar--collapsed .sidebar-singleitem .item-container .item-name{display:none}.sidebar.sidebar--collapsed .sidebar-singleitem .item-container .icon{font-size:20px}.sidebar.sidebar--collapsed .sidebar-singleitem .badge{right:6px}@media(max-width:1200px){.sidebar{--sidebar-w:72px}}@media(max-width:992px){.sidebar{--sidebar-w:64px}.sidebar .sidebar-singleitem .item-container{height:46px}.sidebar .sidebar-singleitem .item-container .item-name{display:none}.sidebar .sidebar-singleitem .item-container .icon{font-size:19px}}@media(max-width:576px){.sidebar{--sidebar-w:56px}.sidebar .sidebar-toggle{height:26px}.sidebar .sidebar-singleitem .item-container{height:42px}.sidebar .sidebar-singleitem .item-container .icon{font-size:18px}}.submenu{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:10px;border-radius:var(--sidebar-radius);box-shadow:0 8px 24px #00000024;list-style:none;margin:0;max-height:80vh;opacity:0;overflow-y:auto;padding:6px;pointer-events:none;position:fixed;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;visibility:hidden;width:208px;z-index:1000}.submenu.submenu--open{opacity:1;pointer-events:auto;transform:translateX(0);transition:opacity .15s ease,transform .15s ease,visibility 0s linear 0s;visibility:visible}.submenu::-webkit-scrollbar{width:5px}.submenu::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}.submenu .submenu-item{margin:1px 0;position:relative}.submenu .submenu-item .submenu-item-content{border-radius:8px;color:#1e293b;color:var(--text-primary);display:block;padding:8px 10px;text-decoration:none;transition:background-color .13s ease,color .13s ease}.submenu .submenu-item .submenu-item-content .item-name{font-size:12.5px;font-weight:400}.submenu .submenu-item .submenu-item-content:hover{background-color:#3b82f6;background-color:var(--active-color);color:#fff;color:var(--text-inverse)}.submenu .submenu-item .submenu-item-content:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:-2px}.submenu .submenu-item.active>.submenu-item-content{background-color:#3b82f6;background-color:var(--active-color);color:#fff;color:var(--text-inverse);font-weight:600}.submenu .submenu-item .subsubmenu{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:10px;border-radius:var(--sidebar-radius);box-shadow:0 8px 24px #00000024;font-size:small;left:206px;list-style:none;margin:0;max-height:60vh;opacity:0;overflow-y:auto;padding:6px;pointer-events:none;position:absolute;top:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;visibility:hidden;width:200px}.submenu .submenu-item .subsubmenu::-webkit-scrollbar{width:5px}.submenu .submenu-item .subsubmenu::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}.submenu .submenu-item .subsubmenu .subsubmenu-item{margin:1px 0}.submenu .submenu-item .subsubmenu .subsubmenu-item.active a{background-color:#3b82f6;background-color:var(--active-color);color:#fff;color:var(--text-inverse)}.submenu .submenu-item .subsubmenu .subsubmenu-item a{border-radius:8px;color:#1e293b;color:var(--text-primary);display:block;padding:7px 10px;text-decoration:none;transition:background-color .13s ease,color .13s ease}.submenu .submenu-item .subsubmenu .subsubmenu-item a:hover{background-color:#3b82f6;background-color:var(--active-color);color:#fff;color:var(--text-inverse)}.submenu .submenu-item .subsubmenu .subsubmenu-item a:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:-2px}.submenu .submenu-item:focus-within .subsubmenu,.submenu .submenu-item:hover .subsubmenu{opacity:1;pointer-events:auto;transform:translateX(0);transition:opacity .15s ease,transform .15s ease,visibility 0s linear 0s;visibility:visible}@media(max-width:576px){.submenu{width:180px}.submenu .submenu-item-content{padding:7px 9px}.submenu .submenu-item-content .item-name{font-size:11.5px}.submenu .subsubmenu{left:178px;width:170px}.submenu .subsubmenu a{font-size:11px;padding:6px 8px}}.sidebar-tooltip{background-color:#1e293b;background-color:var(--text-primary);border-radius:6px;color:#fff;color:var(--bg-primary);font-size:12px;font-weight:500;padding:5px 10px;pointer-events:none;position:fixed;transform:translateY(-50%);white-space:nowrap;z-index:1000}.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}.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}.leave-management-container{background-color:#fff;background-color:var(--bg-primary);min-height:100vh}.leave-management-container .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.leave-management-container .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)}.leave-management-container .stats-grid .stat-card:before{background:linear-gradient(90deg,#3b82f6,#9dc0fa);content:"";height:4px;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease}.leave-management-container .stats-grid .stat-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-2px)}.leave-management-container .stats-grid .stat-card.total:before{background:linear-gradient(90deg,#46caeb,#a2e4f5)}.leave-management-container .stats-grid .stat-card.pending:before{background:linear-gradient(90deg,#f8c20a,#fbdb6d)}.leave-management-container .stats-grid .stat-card.approved:before{background:linear-gradient(90deg,#36c76c,#85dea6)}.leave-management-container .stats-grid .stat-card.rejected:before{background:linear-gradient(90deg,#ff6692,#ffccdb)}.leave-management-container .stats-grid .stat-card.days:before{background:linear-gradient(90deg,#3b82f6,#9dc0fa)}.leave-management-container .stats-grid .stat-card .stat-icon{font-size:2rem;opacity:.8}.leave-management-container .stats-grid .stat-card .stat-content h3{color:var(--text-color);font-size:2rem;font-weight:700;line-height:1;margin:0}.leave-management-container .stats-grid .stat-card .stat-content p{color:var(--text-color);font-size:.9rem;font-weight:500;margin:.25rem 0 0}.leave-management-container .filter-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:20px}.leave-management-container .filter-section .filter-group{align-items:center;display:flex;gap:1rem}.leave-management-container .filter-section .filter-group label{color:var(--text-color);font-size:.9rem;font-weight:600}.leave-management-container .empty-state{color:#40587f;padding:3rem 2rem;text-align:center}.leave-management-container .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.leave-management-container .empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.leave-management-container .empty-state p{font-size:1rem;opacity:.7}.leave-management-container .error-message{align-items:center;background:#ffccdb;border:1px solid #ff6692;border-radius:20px;color:#b32a4c;display:flex;gap:1rem;padding:1.5rem}.leave-management-container .error-message .error-icon{font-size:1.5rem}.leave-management-container .error-message p{font-weight:500;margin:0}@media(max-width:768px){.leave-management-container{padding:1rem}.leave-management-container .header-section h1{font-size:2rem}.leave-management-container .stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.leave-management-container .table-section .leave-table{font-size:.8rem}.leave-management-container .table-section .leave-table td,.leave-management-container .table-section .leave-table th{padding:.75rem .5rem}.leave-management-container .table-section .leave-table .comments,.leave-management-container .table-section .leave-table .responsibility{max-width:120px}.leave-management-container .filter-section .filter-group{align-items:flex-start;flex-direction:column;gap:.5rem}}@media(max-width:480px){.leave-management-container .stats-grid{grid-template-columns:1fr}.leave-management-container .leave-table .comments,.leave-management-container .leave-table .responsibility{display:none}}.general-table-wrapper{--gt-radius:20px;--gt-radius-sm:20px;--gt-header-py:8px;--gt-header-px:12px;--gt-cell-py:8px;--gt-cell-px:12px;--gt-row-font:13px;--gt-header-font:12px;font-feature-settings:"tnum" 1;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:var(--gt-radius);box-shadow:0 1px 2px #1018280a;margin-bottom:10px;margin-top:10px;overflow:hidden;width:100%;z-index:1}.general-table-wrapper.density-comfortable{--gt-header-py:11px;--gt-cell-py:12px;--gt-row-font:13.5px}.general-table-wrapper.density-spacious{--gt-header-py:14px;--gt-cell-py:16px;--gt-row-font:14px}.general-table-wrapper .table-heading-column{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary,#e5e7eb);display:flex;flex-direction:column}.general-table-wrapper .table-header{justify-content:space-between;padding:14px 16px 10px;width:100%}.general-table-wrapper .table-header,.general-table-wrapper .table-header .table-title-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.general-table-wrapper .table-header .table-title{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:-.01em;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(--bg-secondary,#f3f4f6);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:var(--gt-radius-sm);color:#475569;color:var(--text-secondary,#6b7280);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 .search-bar-container{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-secondary,#f1f5f9);padding:8px 16px;width:100%}.general-table-wrapper .search-bar-container .search-meta-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.general-table-wrapper .search-bar-container .record-count{color:#475569;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500;white-space:nowrap}.general-table-wrapper .search-bar-container .table-controls{align-items:center;display:flex;gap:8px;margin-left:auto}.general-table-wrapper .search-bar-container .page-size-selector .page-size-select{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:var(--gt-radius-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:12px;padding:5px 8px;width:100px}.general-table-wrapper .search-bar-container .page-size-selector .page-size-select:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:1px}.general-table-wrapper .search-bar-container .search-input-wrapper{max-width:280px;min-width:200px;position:relative}.general-table-wrapper .search-bar-container .search-input-wrapper .search-icon{color:#475569;color:var(--text-secondary,#9ca3af);font-size:14px;left:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.general-table-wrapper .search-bar-container .search-input-wrapper .search-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:var(--gt-radius-sm);color:#1e293b;color:var(--text-primary);font-size:12.5px;padding:6px 28px 6px 30px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.general-table-wrapper .search-bar-container .search-input-wrapper .search-input::placeholder{color:#475569;color:var(--text-secondary,#9ca3af)}.general-table-wrapper .search-bar-container .search-input-wrapper .search-input:focus{border-color:#3b82f6;border-color:var(--active-color);box-shadow:0 0 0 3px #3b82f61f;outline:none}.general-table-wrapper .search-bar-container .search-input-wrapper .clear-search-btn{align-items:center;background:none;border:none;border-radius:20px;color:#475569;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:13px;height:20px;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:20px}.general-table-wrapper .search-bar-container .search-input-wrapper .clear-search-btn:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);color:#1e293b;color:var(--text-primary)}.general-table-wrapper .search-bar-container .search-results-info{font-size:11.5px;margin-top:5px}.general-table-wrapper .search-bar-container .search-results-info .no-results{color:#ff6692;font-weight:500}.general-table-wrapper .search-bar-container .search-results-info .results-count{color:#36c76c;font-weight:500}.general-table-wrapper .table-container{max-height:calc(100vh - 320px);max-height:calc(100vh - var(--navbar-height, 60px) - 260px);overflow-x:auto;overflow-y: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(--bg-secondary,#f1f5f9)}.general-table-wrapper .table-container::-webkit-scrollbar-thumb{background:#475569;background:var(--text-secondary,#cbd5e1);border-radius:20px}.general-table-wrapper .table-container::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--text-secondary,#94a3b8)}.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(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary,#e2e8f0);color:#475569;color:var(--text-secondary,#64748b);font-size:var(--gt-header-font);font-weight:600;letter-spacing:.01em;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:#f8fafc;background-color:var(--bg-tertiary,#f1f5f9);color:#1e293b;color:var(--text-primary)}.general-table-wrapper .general-table .table-head .table-header-cell:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:-2px}.general-table-wrapper .general-table .table-head .table-header-cell.sticky-column{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);box-shadow:1px 0 0 0 #e2e8f0;box-shadow:1px 0 0 0 var(--border-secondary,#e2e8f0);left:0;position:sticky;z-index:11}.general-table-wrapper .general-table .table-head .table-header-cell.sticky-column-right{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);box-shadow:-1px 0 0 0 #e2e8f0;box-shadow:-1px 0 0 0 var(--border-secondary,#e2e8f0);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:#475569;color:var(--text-secondary,#b0b7c3);flex-shrink:0;font-size:12px;opacity:.6}.general-table-wrapper .general-table .table-head .table-header-cell .header-content .sort-icon--active{color:#3b82f6;color:var(--active-color);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{background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary,#f1f5f9);transition:background-color .12s ease}.general-table-wrapper .general-table .table-body .table-row:nth-child(2n){background-color:#fafbfc;background-color:var(--bg-zebra,#fafbfc)}.general-table-wrapper .general-table .table-body .table-row:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc)}.general-table-wrapper .general-table .table-body .table-row:last-child{border-bottom:none}.general-table-wrapper .general-table .table-body .table-row--clickable{cursor:pointer}.general-table-wrapper .general-table .table-body .table-row--selected{background-color:#eef4ff;background-color:var(--active-color-soft,#eef4ff)}.general-table-wrapper .general-table .table-body .table-row--selected:hover{background-color:#e3edff;background-color:var(--active-color-soft-hover,#e3edff)}.general-table-wrapper .general-table .table-body .table-row:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:-2px}.general-table-wrapper .general-table .table-body .table-row .table-cell{color:#1e293b;color:var(--text-primary);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(--bg-primary,#fff);position:sticky;z-index:6}.general-table-wrapper .general-table .table-body .table-row .table-cell.sticky-column{background-color:#fff!important;box-shadow:1px 0 0 0 #e2e8f0;box-shadow:1px 0 0 0 var(--border-secondary,#f1f5f9);left:0}.general-table-wrapper .general-table .table-body .table-row .table-cell.sticky-column-right{box-shadow:-1px 0 0 0 #e2e8f0;box-shadow:-1px 0 0 0 var(--border-secondary,#f1f5f9);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:#475569;color:var(--text-secondary,#9ca3af)}.general-table-wrapper .general-table .table-body .table-row:nth-child(2n) .table-cell.sticky-column-right{background-color:#fafbfc;background-color:var(--bg-zebra,#fafbfc)}.general-table-wrapper .general-table .table-body .table-row:hover .table-cell.sticky-column-right{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc)}.general-table-wrapper .general-table .table-body .table-row--selected .table-cell.sticky-column-right{background-color:#eef4ff;background-color:var(--active-color-soft,#eef4ff)}.general-table-wrapper .general-table .table-body .table-row--selected:hover .table-cell.sticky-column-right{background-color:#e3edff;background-color:var(--active-color-soft-hover,#e3edff)}.general-table-wrapper .general-table .table-body .table-row--skeleton .table-cell{padding:var(--gt-cell-py) var(--gt-cell-px)}.general-table-wrapper .general-table .table-body .table-row--skeleton .skeleton-bar{animation:gt-skeleton-pulse 1.4s ease infinite;background:linear-gradient(90deg,#f8fafc 25%,#f8fafc 37%,#f8fafc 63%);background:linear-gradient(90deg,var(--bg-secondary,#eef1f5) 25%,var(--bg-tertiary,#e2e8f0) 37%,var(--bg-secondary,#eef1f5) 63%);background-size:400% 100%;border-radius:20px;display:block;height:12px;width:70%}@keyframes gt-skeleton-pulse{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.general-table-wrapper .skeleton-bar{animation:none}}.general-table-wrapper .empty-state{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:48px 20px;text-align:center}.general-table-wrapper .empty-state .empty-icon{font-size:38px;margin-bottom:4px;opacity:.85}.general-table-wrapper .empty-state .empty-text{color:#1e293b;color:var(--text-primary);font-size:14.5px;font-weight:600;margin:0}.general-table-wrapper .empty-state .empty-subtext{color:#475569;color:var(--text-secondary,#9ca3af);font-size:12.5px;margin:0;max-width:320px}.general-table-wrapper .empty-state .empty-state-action{background:#3b82f6;background:var(--active-color,#3b82f6);border:none;border-radius:var(--gt-radius-sm);color:#fff;cursor:pointer;font-size:12.5px;font-weight:500;margin-top:10px;padding:7px 16px}.general-table-wrapper .empty-state .empty-state-action:hover{filter:brightness(.94)}.general-table-wrapper .status-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:600;line-height:1.6;padding:2px 9px;text-transform:capitalize;white-space:nowrap}.general-table-wrapper .status-chip--success{background:#16a34a1a;color:#15803d}.general-table-wrapper .status-chip--warning{background:#d977061a;color:#b45309}.general-table-wrapper .status-chip--danger{background:#dc26261a;color:#b91c1c}.general-table-wrapper .status-chip--neutral{background:#f8fafc;background:var(--bg-secondary,#f1f5f9);color:#475569;color:var(--text-secondary,#475569)}.general-table-wrapper .employee-cell{align-items:center;display:flex;gap:8px;min-width:0}.general-table-wrapper .employee-cell .employee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;width:28px}.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:#1e293b;color:var(--text-primary);font-size:var(--gt-row-font);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.general-table-wrapper .employee-cell .employee-info .employee-designation{color:#475569;color:var(--text-secondary,#6b7280);font-size:11.5px;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:var(--gt-radius-sm);color:#475569;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:26px;justify-content:center;width:26px}.general-table-wrapper .row-actions .row-action-btn .row-action-icon{font-size:15px}.general-table-wrapper .row-actions .row-action-btn:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#f1f5f9);color:#1e293b;color:var(--text-primary)}.general-table-wrapper .row-actions .row-action-btn--danger:hover{background-color:#dc262614;color:#b91c1c}.general-table-wrapper .pagination-container{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-secondary,#e5e7eb);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 16px}.general-table-wrapper .pagination-container .pagination-text{color:#475569;color:var(--text-secondary,#6b7280);font-size:12px}.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(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:var(--gt-radius-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:12.5px;height:28px;justify-content:center;min-width:28px;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:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);border-color:#3b82f6;border-color:var(--active-color)}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn:disabled{cursor:not-allowed;opacity:.4}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:1px}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn.pagination-btn-nav .pagination-icon{font-size:13px}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn.pagination-btn-number.active{background-color:#3b82f6;background-color:var(--active-color);border-color:#3b82f6;border-color:var(--active-color);color:#fff}.general-table-wrapper .pagination-container .pagination-controls .pagination-jump{align-items:center;border-left:1px solid #e2e8f0;border-left:1px solid var(--border-secondary,#e5e7eb);display:flex;gap:6px;margin-left:8px;padding-left:8px}.general-table-wrapper .pagination-container .pagination-controls .pagination-jump .pagination-jump-label{color:#475569;color:var(--text-secondary,#6b7280);font-size:12px;white-space:nowrap}.general-table-wrapper .pagination-container .pagination-controls .pagination-jump .pagination-jump-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:var(--gt-radius-sm);color:#1e293b;color:var(--text-primary);font-size:12.5px;height:28px;padding:0 6px;text-align:center;width:48px}.general-table-wrapper .pagination-container .pagination-controls .pagination-jump .pagination-jump-input:focus{border-color:#3b82f6;border-color:var(--active-color);box-shadow:0 0 0 3px #3b82f61f;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:1024px){.general-table-wrapper .table-header{padding:12px 16px 8px}}@media(max-width:768px){.general-table-wrapper{border-radius:20px}.general-table-wrapper .table-header{align-items:flex-start;flex-direction:column;gap:8px}.general-table-wrapper .search-bar-container .search-meta-controls{align-items:stretch;flex-direction:column}.general-table-wrapper .search-bar-container .table-controls{flex-wrap:wrap;margin-left:0}.general-table-wrapper .search-bar-container .search-input-wrapper{flex:1 1;max-width:none;min-width:auto}.general-table-wrapper .table-container{max-height:calc(100vh - 280px);max-height:calc(100vh - var(--navbar-height, 60px) - 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 .search-bar-container .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{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 .table-row{transition: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}}.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)}}.status-card{align-items:center;border-radius:10px;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.025em;padding:.375rem .875rem}.apply-leave-container{display:flex;max-width:100%}.apply-leave-container .subtitle{align-items:center;display:flex;justify-content:center;margin:0 0 20px}.apply-leave-container .form-section{border:none;max-width:100%}.apply-leave-container .form-section:hover{box-shadow:none}.apply-leave-container .form-section form{display:flex;flex-direction:column;max-width:100%}.apply-leave-container .form-section form .form-content .section-label{color:var(--text-color);display:block;font-size:clamp(.875rem,2vw,1rem);font-weight:400;letter-spacing:-.01em;margin-bottom:.75rem}.apply-leave-container .form-section form .form-content .form-fields{display:flex;flex:1 1;flex-direction:column;gap:1rem;grid-area:form;min-width:0;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row{display:flex;flex-direction:row;gap:1rem;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container{display:flex;flex-direction:column;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container .button-group-apply-leave{display:flex;flex-direction:row;gap:.5rem;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .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:1 1;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;min-width:max-content;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container .button-group-apply-leave button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container .button-group-apply-leave button:hover{background-color:#fff;background-color:var(--bg-primary);border-color:#3b82f6;box-shadow:0 8px 25px #017bfe26;color:#1e293b;color:var(--text-primary);transform:translateY(-2px)}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container .button-group-apply-leave button:hover:before{left:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container .button-group-apply-leave button.active{background:#3b82f6;background:var(--active-color);border-color:#3b82f6;box-shadow:0 8px 30px #017bfe4d;color:#fff;transform:translateY(-2px)}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group{border-radius:12px;box-sizing:border-box;margin-bottom:0;position:relative;transition:all .2s ease}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group label{color:#1e293b;color:var(--text-primary);display:block;font-size:clamp(.8rem,2vw,.875rem);font-weight:400;letter-spacing:-.01em;margin-bottom:.75rem}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group select{appearance:none;background-color:#fff;background-color:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:clamp(.8rem,2vw,.875rem);padding:1rem 3rem 1rem 1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group select:hover{border-color:#9dc0fa}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-input-container{align-items:center;display:flex;position:relative;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-input-container .date-input{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:clamp(.8rem,2vw,.875rem);padding:1rem 3rem 1rem 1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-input-container .date-input:hover{border-color:#9dc0fa}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-input-container .date-input::placeholder{color:#9ca3af;font-style:italic}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-input-container .calendar-icon{cursor:pointer;font-size:clamp(1rem,3vw,1.2rem);position:absolute;right:12px;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-input-container .calendar-icon:hover{transform:scale(1.1)}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container{display:flex;gap:1rem;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container .date-field{display:flex;flex:1 1;flex-direction:column}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container .date-field label{color:#1e293b;color:var(--text-primary);display:block;font-size:clamp(.8rem,2vw,.875rem);font-weight:400;letter-spacing:-.01em;margin-bottom:.75rem}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container .date-field .date-input-container{align-items:center;display:flex;position:relative;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container .date-field .date-input-container .date-input{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:clamp(.8rem,2vw,.875rem);padding:1rem 1rem 1rem 1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container .date-field .date-input-container .date-input:hover{border-color:#9dc0fa}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container .date-field .date-input-container .date-input::placeholder{color:#9ca3af;font-style:italic}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container .date-field .date-input-container .calendar-icon{cursor:pointer;font-size:clamp(1rem,3vw,1.2rem);position:absolute;right:12px;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container .date-field .date-input-container .calendar-icon:hover{transform:scale(1.1)}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .optional-holiday-row{display:flex;gap:1rem;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .optional-holiday-row .form-group{flex:1 1;margin-bottom:0}.apply-leave-container .form-section form .form-content .table-section{box-sizing:border-box;overflow-x:auto;transition:all .3s ease;width:100%}.apply-leave-container .form-section form .form-content .table-section .leave-balance-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.apply-leave-container .form-section form .form-content .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;margin-bottom:10px;max-width:250px;overflow:hidden;padding:5px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card:hover:not(.disabled){border-color:#3b82f6;box-shadow:0 8px 25px #017bfe26;transform:translateY(-2px)}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card.selected{background:#3b82f6;background:var(--active-color);border-color:#3b82f6;color:#fff;color:var(--text-inverse);transform:translateY(-2px)}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card.selected h4{color:#fff;color:var(--text-inverse);height:100%}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card.selected .progress-bar .progress-fill{background:linear-gradient(135deg,#3b82f6,#84b1f9);box-shadow:0 2px 8px #017bfe4d}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card.disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card.disabled:hover{border-color:#e2e8f0;box-shadow:0 2px 8px #0000000d;transform:none}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card.disabled .unavailable-overlay{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-radius:16px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card.disabled .unavailable-overlay span{background:#ff6692;border-radius:20px;color:#fff;font-size:clamp(.75rem,2vw,.8rem);font-weight:500;padding:.5rem 1rem}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .card-header{align-items:center;background-color:#0000;display:flex;justify-content:space-between;padding:0}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .card-header .selected-indicator .checkmark{align-items:center;animation:checkmarkAppear .3s ease-in-out;background:linear-gradient(135deg,#3b82f6,#6ca1f8);border-radius:50%;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .card-stats{display:flex;justify-content:space-between}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .card-stats .stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .card-stats .stat-item .stat-value{color:#1e293b;color:var(--text-primary);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .card-stats .stat-item .stat-value.used{color:#ff6692}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .card-stats .stat-item .stat-value.remaining{color:#36c76c}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .card-stats .stat-item .stat-label{color:var(--text-color);font-size:clamp(.7rem,1.5vw,.75rem);letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .progress-bar{background-color:#f3f4f6;border-radius:3px;height:6px;overflow:hidden;width:100%}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .progress-bar .progress-fill{background:linear-gradient(135deg,#3b82f6,#6ca1f8);border-radius:3px;height:100%;transition:all .3s ease}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card:before{background:linear-gradient(90deg,#0000,#017bfe1a,#0000);border:.1px solid #017bfe1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%;z-index:1}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card:hover:not(.disabled):before{left:100%}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card.selected:after{animation:selectionPulse 2s infinite;border:2px solid #3b82f6;border-radius:18px;bottom:-2px;color:#fff;color:var(--bg-primary);content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}@media(max-width:768px){.apply-leave-container .form-section form .form-content .table-section .leave-balance-cards{gap:1rem;grid-template-columns:1fr}}@media(max-width:480px){.apply-leave-container .form-section form .form-content .table-section .leave-balance-card{padding:1rem}.apply-leave-container .form-section form .form-content .table-section .leave-balance-card .card-stats{gap:.5rem}}@media(max-width:768px){.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row{flex-direction:column;gap:1rem}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container .button-group-apply-leave{flex-direction:column;gap:.75rem}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container .button-group-apply-leave button{flex:none;width:100%}.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .date-range-container,.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row .form-group .optional-holiday-row{flex-direction:column;gap:1rem}}@media(max-width:480px){.apply-leave-container .form-section form .form-content .form-fields .form-apply-leave-row{gap:.75rem}}.apply-leave-container .form-group{box-sizing:border-box;display:flex;flex-direction:column}.apply-leave-container .form-group input,.apply-leave-container .form-group textarea{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:clamp(.8rem,2vw,.875rem);line-height:1.5;padding:1rem 1.125rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.apply-leave-container .form-group input:hover,.apply-leave-container .form-group textarea:hover{border-color:#9dc0fa}.apply-leave-container .form-group textarea{height:100%;max-height:400px;min-height:200px;resize:vertical}.apply-leave-container .form-group textarea::placeholder{color:#9ca3af;font-size:clamp(.8rem,2vw,.875rem);font-style:italic}.apply-leave-container .form-group .reason-button-group{justify-content:flex-start;width:100%}.apply-leave-container .form-group .reason-button-group .reason-button{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);flex:1 1;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;max-width:200px;min-width:max-content;overflow:hidden;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.apply-leave-container .form-group .reason-button-group .reason-button:before{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.apply-leave-container .form-group .reason-button-group .reason-button:hover{box-shadow:0 6px 20px #017bfe26;transform:translateY(-2px)}.apply-leave-container .form-group .reason-button-group .reason-button:hover:before{left:100%}.apply-leave-container .form-group .reason-button-group .reason-button.active{background:linear-gradient(135deg,#3b82f6,#6ca1f8);border-color:#3b82f6;box-shadow:0 6px 25px #017bfe40;color:#fff;transform:translateY(-2px)}.apply-leave-container .button-group{box-sizing:border-box;padding:0 1rem;width:100%}@media(min-width:768px){.apply-leave-container .form-content .form-fields .form-apply-leave-row{flex-direction:row;gap:2rem}.apply-leave-container .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container{flex:1 1}.apply-leave-container .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container .button-group-apply-leave{flex-direction:row}.apply-leave-container .form-content .form-fields .form-apply-leave-row .apply-leave-duration-container .button-group-apply-leave button{flex:1 1}.apply-leave-container .reason-button-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.apply-leave-container .reason-button-group .reason-button{flex:initial}}@media(min-width:1024px){.apply-leave-container .table-section .leave-balance-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.subtitle{align-items:center;color:#a0a0a0;display:flex;font-size:1.1rem;font-weight:400;justify-content:center;margin:0 0 20px}.fallback-container .toggle-btn{border:.1px solid gray;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 20px;transition:background .3s ease,color .3s ease}.fallback-container .toggle-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.fallback-container .toggle-btn.inactive{background-color:#fff;border-color:gray;color:#333}.fallback-container .toggle-btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.fallback-container .toggle-btn:active{transform:translateY(0)}.fallback-container .fallback-table-container{margin-top:20px}.fallback-container .fallback-table-container .fallback-table{margin-bottom:30px}.fallback-container .fallback-table-container .fallback-table:last-child{margin-bottom:0}.my-logs-content .heading6{margin:0}.logs-header .logs-header-row{display:grid;grid-template-columns:1fr auto 1fr}.logs-header .view-toggle{display:flex;gap:8px;grid-column:3;justify-self:end}.logs-header .logs-subtitle{color:#a0a0a0;font-size:1.1rem;font-weight:400;grid-column:2;margin:0}.view-toggle{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;display:inline-flex;gap:4px;margin-bottom:10px;margin-left:auto;padding:4px}.toggle-item{all:unset;align-items:center;border-radius:999px;color:#475569;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;height:36px;padding:0 16px;transition:all .2s ease}.toggle-item span{line-height:1}.toggle-item:hover{background:#e2e8f0}.toggle-item.active{background:#3b82f6;box-shadow:0 4px 12px #3b82f659;color:#fff}.logs-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:20px}.logs-controls .filter-section,.logs-controls .sort-section{align-items:center;display:flex;gap:.5rem}.logs-controls .filter-section label,.logs-controls .sort-section label{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.logs-controls .sort-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease}.logs-controls .sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.logs-controls .sort-order-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.logs-controls .sort-order-btn:hover{background:#f8fafc;border-color:#3b82f6}.logs-stats{grid-gap:1rem;background-color:var(--bg-color);color:var(--text-color);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.logs-stats .stat-card{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px #0000000d;display:flex;gap:1rem;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.logs-stats .stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.logs-stats .stat-card.requested:before{background-color:#ff9800}.logs-stats .stat-card.approved:before{background-color:#4caf50}.logs-stats .stat-card.rejected:before{background-color:#f44336}.logs-stats .stat-card.total:before{background-color:#3b82f6}.logs-stats .stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.logs-stats .stat-card .stat-icon{flex-shrink:0;font-size:2rem;opacity:.8}.logs-stats .stat-card .stat-content{flex:1 1}.logs-stats .stat-card .stat-content .stat-number{color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:32px;font-weight:800;line-height:1;margin-bottom:8px}.logs-stats .stat-card .stat-content .stat-label{color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px}.logs-table-container{padding:0 20px 20px}.logs-table-container .no-data{color:#64748b;padding:4rem 2rem;text-align:center}.logs-table-container .no-data .no-data-icon{font-size:4rem;margin-bottom:1rem}.logs-table-container .no-data h3{color:#334155;font-size:1.5rem;margin:0 0 .5rem}.logs-table-container .no-data p{font-size:1rem;margin:0}.logs-table{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.logs-table .table-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;display:grid;font-size:.9rem;font-weight:600;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.5fr;letter-spacing:.05em}.logs-table .table-header .header-cell{align-items:center;border-right:1px solid #ffffff1a;display:flex;padding:1rem}.logs-table .table-header .header-cell:last-child{border-right:none}.logs-table .table-body .table-row{border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.5fr;transition:all .2s ease}.logs-table .table-body .table-row:hover{background:#f8fafc}.logs-table .table-body .table-row:last-child{border-bottom:none}.logs-table .table-body .table-row .table-cell{align-items:center;border-right:1px solid #e2e8f0;display:flex;font-size:.9rem;padding:1rem}.logs-table .table-body .table-row .table-cell:last-child{border-right:none}.status-badge{font-size:.8rem;letter-spacing:.05em;padding:.375rem .75rem}.status-badge .status-requested{background:#ff980026;border:1px solid #ff980059;color:#ff9800}.status-badge .status-approved{background:#4caf5026;border:1px solid #4caf5059;color:#2e7d32}.status-badge .status-rejected{background:#f4433626;border:1px solid #f4433659;color:#c62828}.status-badge.status-half-day{background:#daf4fb;border:1px solid #46caeb4d;color:#4ba3be}.status-badge.status-unknown{background:#e2e8f0;border:1px solid #cbd5e1;color:#475569}.time-display{display:flex;flex-direction:column;gap:.25rem}.time-display .time-value{color:#1e293b;font-weight:600}.time-display .time-note{color:#64748b;font-size:.75rem;font-style:italic}.hours-display{background:#3b82f61a;border-radius:6px;color:#3b82f6;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.manager-message{display:flex;flex-direction:column;gap:.25rem}.manager-message .message-label{color:#ea580c;font-size:.75rem;font-weight:600;letter-spacing:.05em}.manager-message .message-text{color:#334155;font-size:.8rem;line-height:1.4}@media(max-width:1200px){.logs-table .table-header,.logs-table .table-row{grid-template-columns:1.2fr .8fr .8fr .8fr .8fr 1.2fr}}@media(max-width:992px){.my-logs-container{padding:1rem}.logs-header{padding:2rem 1rem}.logs-header .logs-title{font-size:2rem}.logs-controls{align-items:stretch;flex-direction:column;gap:1rem}.logs-controls .filter-section,.logs-controls .sort-section{justify-content:space-between}.logs-stats{grid-template-columns:repeat(2,1fr)}.logs-stats .stat-card .stat-icon{font-size:1.5rem}.logs-stats .stat-card .stat-content .stat-number{font-size:24px}}@media(max-width:768px){.logs-table .table-header,.logs-table .table-row{gap:0;grid-template-columns:1fr}.logs-table .table-header{display:none}.logs-table .table-row .table-cell{border-bottom:1px solid #e2e8f0;border-right:none;padding:.75rem 1rem}.logs-table .table-row .table-cell:before{color:#475569;content:attr(data-label);display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem}.logs-table .table-row .table-cell:last-child{border-bottom:none}.logs-stats{grid-template-columns:1fr}.logs-header .logs-title{font-size:1.75rem}}@media(max-width:480px){.my-logs-container{padding:.5rem}.logs-header{padding:1.5rem 1rem}.logs-header .logs-title{font-size:1.5rem}.logs-header .logs-subtitle{font-size:1rem}.logs-controls,.logs-stats,.logs-table-container{padding:1rem}.logs-stats .stat-card{gap:.75rem;padding:1rem}.logs-stats .stat-card .stat-icon{font-size:1.25rem}.logs-stats .stat-card .stat-content .stat-number{font-size:20px}.logs-stats .stat-card .stat-content .stat-label{font-size:12px}}.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}.mytimehseet-container{height:60px;margin-bottom:20px;position:relative}.mytimehseet-container .mytimesheet-subtitle{align-items:center;color:#a0a0a0;display:flex;font-size:1.1rem;font-weight:400;justify-content:center;margin:0 0 20px}.mytimehseet-container .timesheet-button{background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#1e293b;font-weight:500;padding:10px 20px;position:absolute;right:0;top:-10px;transition:all .3s ease}.mytimehseet-container .timesheet-button:hover{color:#1e293b;transform:scale(1.1)}.full-timesheet-report{border-radius:20px;padding:0 20px auto}.edit-modal{background-color:#fff;border-radius:20px;left:50%;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.edit-modal button{margin-right:20px}.edit-modal h2{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.edit-modal .task-name{border-bottom:1px solid #eee;font-size:18px;font-weight:500;margin-top:20px;padding-bottom:5px}.edit-modal label{color:#333;display:block;font-weight:500;margin-top:15px}.edit-modal input{border:1px solid #ddd;border-radius:6px;font-size:15px;margin-top:5px;padding:10px;width:100%}.edit-modal input:focus{border-color:#fff;outline:none}.edit-modal .cancel,.edit-modal .save{border:none;border-radius:25px;cursor:pointer;font-weight:500;margin-top:20px;padding:10px 20px;transition:background-color .2s ease}.edit-modal .cancel.save,.edit-modal .save.save{background-color:#36c76c;color:#fff}.edit-modal .cancel.save:hover,.edit-modal .save.save:hover{background-color:#ebfaf0;color:#1e293b}.edit-modal .cancel.cancel,.edit-modal .save.cancel{background-color:#ff6692;color:#fff}.edit-modal .cancel.cancel:hover,.edit-modal .save.cancel:hover{background-color:#ffccdb;color:#1e293b}.edit-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998}.listofholidays-container{background-color:#fff;background-color:var(--bg-primary);border-radius:20px;color:#1e293b;color:var(--text-primary);min-height:90dvh}.listofholidays-container .branch-badges{display:flex;flex-wrap:wrap;gap:.4rem}.listofholidays-container .branch-badge{background:#017bfe1f;border-radius:999px;color:#3b82f6;font-size:.75rem;font-weight:600;padding:.25rem .6rem;white-space:nowrap}.listofholidays-container .stats-container{margin-bottom:2.5rem}.listofholidays-container .stats-container .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.listofholidays-container .stats-container .stat-card{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 6px #0000000d;color:#1e293b;color:var(--text-primary);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.listofholidays-container .stats-container .stat-card:hover{box-shadow:0 8px 25px #0000001a;color:var(--bg-active);transform:translateY(-2px)}.listofholidays-container .stats-container .stat-card:before{border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.listofholidays-container .stats-container .stat-card.mandatory:before{background:linear-gradient(90deg,#46caeb,#3b82f6)}.listofholidays-container .stats-container .stat-card.total:before{background:linear-gradient(90deg,#f8c20a,#d3b943)}.listofholidays-container .stats-container .stat-card.upcoming:before{background:linear-gradient(90deg,#36c76c,#2b9b39)}.listofholidays-container .stats-container .stat-card.optional:before{background:linear-gradient(90deg,#ff6692,#b32a4c)}.listofholidays-container .stats-container .stat-card .stat-icon{align-items:center;background:#017bfe1a;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.listofholidays-container .stats-container .stat-card .stat-content{flex:1 1}.listofholidays-container .stats-container .stat-card .stat-content h3{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:400;line-height:1;margin:0 0 .25rem}.listofholidays-container .stats-container .stat-card .stat-content p{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:500;margin:0}.listofholidays-container .filters{align-items:center;border-radius:20px;display:flex;gap:2rem;justify-content:space-between}.listofholidays-container .filters .sort-section label{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600}.listofholidays-container .filters .filter-buttons{border-radius:20px;display:flex;gap:.5rem;padding:.5rem}.listofholidays-container .filters .filter-buttons .filter-button{border:.1px solid #ccc;border-radius:30px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.listofholidays-container .filters .filter-buttons .filter-button:not(.active){background:#0000;color:#1e293b;color:var(--text-primary)}.listofholidays-container .filters .filter-buttons .filter-button:not(.active):hover{color:var(--bg-active);transform:translateY(-1px)}.listofholidays-container .filters .filter-buttons .filter-button.active{background:linear-gradient(135deg,#3b82f6,#6ca1f8);box-shadow:0 4px 15px #017bfe4d;color:#fff;transform:translateY(-1px)}.listofholidays-container .loading-overlay{position:relative}.listofholidays-container .loading-overlay:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10}.listofholidays-container .error-message{background:linear-gradient(135deg,#ffccdb,#ffe6ed);border-left:4px solid #ff6692;border-radius:10px;color:#b32a4c;font-weight:600;margin-bottom:1rem;padding:1rem 1.5rem}@media(max-width:1024px){.listofholidays-container .stats-container .stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){.listofholidays-container{padding:1rem}.listofholidays-container .page-subtitle{font-size:1rem;margin-bottom:1rem}.listofholidays-container .filters{align-items:stretch;flex-direction:column;gap:1rem}.listofholidays-container .filters .filter-buttons{flex-wrap:wrap;justify-content:center}.listofholidays-container .filters .filter-select,.listofholidays-container .filters .sort-section{width:100%}.listofholidays-container .stats-container .stats-grid{grid-template-columns:1fr}.listofholidays-container .stat-card .stat-content h3{font-size:1.5rem}.listofholidays-container .stat-card .stat-icon{margin:0 auto}.listofholidays-container .listofholidays-table{overflow-x:auto}.listofholidays-container .listofholidays-table table{min-width:600px}}@media(max-width:480px){.listofholidays-container .filter-buttons .filter-button{font-size:.8rem;padding:.5rem 1rem}.listofholidays-container .stat-card .stat-content h3{font-size:1.25rem}.listofholidays-container .stat-card .stat-content p{font-size:.8rem}}@media(max-width:768px){.listofholidays-container{padding:1rem}.listofholidays-container .display6{font-size:2rem;margin-bottom:1.5rem}.listofholidays-container .filters{align-items:stretch;flex-direction:column;gap:1rem}.listofholidays-container .filters .filter-buttons{flex-wrap:wrap;justify-content:center}.listofholidays-container .filters .filter-select{width:100%}.listofholidays-container .statistics-section{grid-template-columns:1fr}.listofholidays-container .listofholidays-table{overflow-x:auto}.listofholidays-container .listofholidays-table table{min-width:600px}}@media(max-width:480px){.listofholidays-container .filter-buttons .filter-button{font-size:.8rem;padding:.5rem 1rem}.listofholidays-container .statistics-section .stat-card{padding:1rem}.listofholidays-container .statistics-section .stat-card .stat-value{font-size:1.5rem}}.policy-container .policy-header{text-align:center}.policy-container .confirmation-content{display:flex;flex-direction:row;gap:20px}.terms-accepted-container{align-items:center;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:60vh;padding:4rem 2rem;text-align:center}.terms-accepted-container .success-icon{animation:bounce 1s ease-in-out;margin-bottom:2rem}.terms-accepted-container .success-title{color:#10b981;font-size:2rem;font-weight:700;margin-bottom:1rem}.terms-accepted-container .success-message{color:var(--text-color);font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.terms-accepted-container .acceptance-date small{color:#475569;color:var(--text-secondary);font-style:italic}.error-container{align-items:center;display:flex;justify-content:center;min-height:50vh}.error-container .error-content{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:3rem;text-align:center;width:100%}.error-container .error-content .error-icon{font-size:3rem;margin-bottom:1rem}.error-container .error-content .error-title{color:#dc2626;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.error-container .error-content .error-message{color:#6b7280;margin-bottom:2rem}.error-container .error-content .retry-button{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.error-container .error-content .retry-button:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.policy-content{margin-bottom:3rem}.policy-content .policy-document{background:var(--bg-seconday);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #00000014;margin:0 auto;padding:1rem}.policy-content .policy-list{display:flex;flex-direction:column}.policy-content .policy-section .policy-info .policy-point{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.policy-content .policy-section .policy-info .policy-point .bullet{color:#3b82f6;color:var(--active-color);font-size:1.2rem;font-weight:700;margin-top:.1rem;min-width:1rem}.policy-content .policy-section .policy-info .policy-point .text{color:var(--text-color);font-size:1rem;line-height:1.7;text-align:justify}.no-policies{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;margin:0 auto;padding:4rem 2rem;text-align:center}.no-policies .no-policies-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.no-policies .no-policies-title{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-policies .no-policies-message{color:#6b7280;line-height:1.6}.acceptance-section{margin:0 auto;padding:2rem}.acceptance-section .checkbox-container{margin-bottom:2rem}.acceptance-section .checkbox-container .checkbox-label{align-items:flex-start;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;gap:1rem;line-height:1.6;position:relative}.acceptance-section .checkbox-container .checkbox-label .checkbox-input{appearance:none;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;margin-top:.1rem;position:relative;transition:all .3s ease;width:20px}.acceptance-section .checkbox-container .checkbox-label .checkbox-input:checked{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#3b82f6}.acceptance-section .checkbox-container .checkbox-label .checkbox-input:hover{border-color:#3b82f6}.acceptance-section .checkbox-container .checkbox-label .checkmark{height:20px;left:0;pointer-events:none;position:absolute;top:.1rem;width:20px}.acceptance-section .checkbox-container .checkbox-label .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);transition:opacity .3s ease;width:6px}.acceptance-section .checkbox-container .checkbox-label .checkbox-input:checked+.checkmark:after{opacity:1}.acceptance-section .checkbox-container .checkbox-label .checkbox-text{font-weight:500;text-align:justify}@media(max-width:768px){.policy-container{padding:1rem}.policy-container .policy-header .page-title{font-size:2rem}.policy-container .acceptance-section,.policy-container .policy-content .policy-document{padding:1.5rem}.policy-container .acceptance-section .checkbox-container .checkbox-label{align-items:flex-start;flex-direction:column;gap:.5rem}.policy-container .acceptance-section .checkbox-container .checkbox-label .checkbox-input{margin-top:0}.policy-container .terms-accepted-container{padding:2rem 1rem}.policy-container .terms-accepted-container .success-title{font-size:1.5rem}}@media(max-width:480px){.policy-container{padding:.5rem}.policy-container .policy-header .page-title{font-size:1.8rem}.policy-container .acceptance-section .submit-container .submit-button{font-size:1rem;padding:.875rem 2rem}}.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}}.reimbursements{min-height:80vh}.reimbursements .page-header{margin-bottom:20px;text-align:center}.reimbursements .stats-container{margin-bottom:20px}.reimbursements .stats-container .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.reimbursements .stats-container .stat-card{align-items:center;background-color:var(--bg-color);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 6px #0000000d;color:var(--text-color);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.reimbursements .stats-container .stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.reimbursements .stats-container .stat-card:before{border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.reimbursements .stats-container .stat-card.total:before{background:linear-gradient(90deg,#46caeb,#3b82f6)}.reimbursements .stats-container .stat-card.pending:before{background:linear-gradient(90deg,#f8c20a,#d3b943)}.reimbursements .stats-container .stat-card.approved:before{background:linear-gradient(90deg,#36c76c,#2b9b39)}.reimbursements .stats-container .stat-card.amount:before{background:linear-gradient(90deg,#ff6692,#b32a4c)}.reimbursements .stats-container .stat-card .stat-icon{align-items:center;background:#017bfe1a;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.reimbursements .stats-container .stat-card .stat-content{flex:1 1}.reimbursements .stats-container .stat-card .stat-content h3{color:var(--text-color);font-size:2rem;font-weight:700;line-height:1;margin:0 0 .25rem}.reimbursements .stats-container .stat-card .stat-content p{color:var(--text-color);font-size:.9rem;font-weight:500;margin:0}.reimbursements .form-section{background:#fff;background-color:var(--bg-color);border-radius:20px;color:var(--text-color)}.reimbursements .form-section .reimbursement-form .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.reimbursements .form-section .reimbursement-form .form-grid .form-group.full-width{grid-column:span 2}.reimbursements .form-section .reimbursement-form .form-group{display:flex;flex-direction:column;width:100%}.reimbursements .form-section .reimbursement-form .form-group label{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:400;margin-bottom:0}.reimbursements .form-section .reimbursement-form .form-group .form-input{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ddd;border-radius:12px;color:#1e293b;color:var(--text-primary);font-size:14px;padding:10px;transition:all .3s ease}.reimbursements .form-section .reimbursement-form .form-group .form-input::placeholder{color:#94a3b8}.reimbursements .form-section .reimbursement-form .form-group .form-input.textarea{margin-top:0;min-height:56px;resize:vertical}.reimbursements .form-section .reimbursement-form .form-group .currency-input{align-items:center;display:flex;position:relative}.reimbursements .form-section .reimbursement-form .form-group .currency-input .currency-symbol{color:#94a3b8;font-weight:600;left:1rem;pointer-events:none;position:absolute;z-index:1}.reimbursements .form-section .reimbursement-form .form-group .currency-input .form-input.currency{padding-left:2.5rem;width:100%}.reimbursements .form-section .reimbursement-form .form-actions{display:flex;justify-content:center}.reimbursements .form-section .reimbursement-form .form-actions .submit-button{align-items:center;background-color:#36c76c;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:10px;transition:all .3s ease}.reimbursements .form-section .reimbursement-form .form-actions .submit-button:hover:not(:disabled){background-color:#2b9f56;box-shadow:0 8px 25px #36c76c4d;transform:translateY(-2px)}.reimbursements .form-section .reimbursement-form .form-actions .submit-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.reimbursements .history-section{border-radius:20px;margin-bottom:1rem}.reimbursements .history-section .table-container{border-radius:20px;overflow-x:auto}.reimbursements .history-section .table-container :global(.general-table){background:#fff;border-collapse:collapse;width:100%}.reimbursements .history-section .table-container :global(.general-table) thead{background:linear-gradient(135deg,#f8fafc,#017bfe0d)}.reimbursements .history-section .table-container :global(.general-table) thead th{border-bottom:2px solid #ccc;color:#1e293b;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.reimbursements .history-section .table-container :global(.general-table) tbody tr{border-bottom:1px solid #cccccc4d;transition:all .2s ease}.reimbursements .history-section .table-container :global(.general-table) tbody tr:hover{background:#017bfe05}.reimbursements .history-section .table-container :global(.general-table) tbody tr:last-child{border-bottom:none}.reimbursements .history-section .table-container :global(.general-table) tbody tr td{color:#1e293b;font-size:.95rem;padding:1rem;vertical-align:middle}.reimbursements .history-section .action-buttons{display:flex;gap:.5rem}.reimbursements .history-section .action-buttons .cancel-icon-button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:768px){.reimbursements{padding:1rem}.reimbursements .page-header .page-title{font-size:2rem}.reimbursements .stats-container .stats-grid{gap:1rem;grid-template-columns:1fr}.reimbursements .form-section,.reimbursements .history-section{padding:1.5rem}.reimbursements .form-section .reimbursement-form .form-grid{gap:1rem;grid-template-columns:1fr}.reimbursements .stat-card{padding:1rem}.reimbursements .stat-card .stat-icon{font-size:2rem;height:50px;width:50px}.reimbursements .stat-card .stat-content h3{font-size:1.5rem}}@media(max-width:480px){.reimbursements .page-header .page-title{font-size:1.75rem}}.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;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}.emergency-funds{min-height:80vh}.emergency-funds .page-header{margin-bottom:20px;text-align:center}.emergency-funds .stats-container{margin-bottom:20px}.emergency-funds .stats-container .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.emergency-funds .stats-container .stat-card{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 6px #0000000d;color:#1e293b;color:var(--text-primary);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.emergency-funds .stats-container .stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.emergency-funds .stats-container .stat-card:before{border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.emergency-funds .stats-container .stat-card.total:before{background:linear-gradient(90deg,#46caeb,#3b82f6)}.emergency-funds .stats-container .stat-card.pending:before{background:linear-gradient(90deg,#f8c20a,#d3b943)}.emergency-funds .stats-container .stat-card.approved:before{background:linear-gradient(90deg,#36c76c,#2b9b39)}.emergency-funds .stats-container .stat-card.amount:before{background:linear-gradient(90deg,#ff6692,#b32a4c)}.emergency-funds .stats-container .stat-card .stat-icon{align-items:center;background:#017bfe1a;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.emergency-funds .stats-container .stat-card .stat-content{flex:1 1}.emergency-funds .stats-container .stat-card .stat-content h3{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1;margin:0 0 .25rem}.emergency-funds .stats-container .stat-card .stat-content p{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:500;margin:0}.emergency-funds .form-section{background-color:#fff;background-color:var(--bg-primary);border-radius:20px;color:#1e293b;color:var(--text-primary)}.emergency-funds .form-section .emergency-fund-form .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.emergency-funds .form-section .emergency-fund-form .form-grid .form-group.full-width{grid-column:span 2}.emergency-funds .form-section .emergency-fund-form .form-group{display:flex;flex-direction:column;width:100%}.emergency-funds .form-section .emergency-fund-form .form-group label{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.emergency-funds .form-section .emergency-fund-form .form-group .form-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:12px;color:#1e293b;color:var(--text-primary);font-size:14px;padding:12px;transition:all .3s ease}.emergency-funds .form-section .emergency-fund-form .form-group .form-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.emergency-funds .form-section .emergency-fund-form .form-group .form-input::placeholder{color:#94a3b8}.emergency-funds .form-section .emergency-fund-form .form-group .form-input.textarea{margin-top:0;min-height:56px;resize:vertical}.emergency-funds .form-section .emergency-fund-form .form-group .currency-input{align-items:center;display:flex;position:relative}.emergency-funds .form-section .emergency-fund-form .form-group .currency-input .currency-symbol{color:#94a3b8;font-weight:600;left:1rem;pointer-events:none;position:absolute;z-index:1}.emergency-funds .form-section .emergency-fund-form .form-group .currency-input .form-input.currency{padding-left:2.5rem;width:100%}.emergency-funds .form-section .emergency-fund-form .form-group .installment-display{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:12px;color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;min-height:44px;padding:12px}.emergency-funds .form-section .emergency-fund-form .error-message{background:#dc35451a;border:1px solid #dc354533;border-radius:8px;color:#ff6692;font-size:.9rem;font-weight:500;margin:1rem 0;padding:.75rem 1rem}.emergency-funds .form-section .emergency-fund-form .form-actions{border-bottom:.1px solid #ccc;display:flex;justify-content:center;padding-bottom:1.5rem}.emergency-funds .form-section .emergency-fund-form .form-actions .submit-button{align-items:center;background-color:#36c76c;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:12px 24px;transition:all .3s ease}.emergency-funds .form-section .emergency-fund-form .form-actions .submit-button:hover:not(:disabled){background-color:#2b9f56;box-shadow:0 8px 25px #36c76c4d;transform:translateY(-2px)}.emergency-funds .form-section .emergency-fund-form .form-actions .submit-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.emergency-funds .history-section{border-radius:20px;margin-bottom:2rem}.emergency-funds .history-section .table-container{border-radius:20px;box-shadow:none;overflow-x:auto;position:relative}.emergency-funds .history-section .table-container :global(.general-table){background:#fff;border-collapse:collapse;width:100%}.emergency-funds .history-section .table-container :global(.general-table) thead{background:linear-gradient(135deg,#f8fafc,#017bfe0d)}.emergency-funds .history-section .table-container :global(.general-table) thead th{border-bottom:2px solid #ccc;color:#1e293b;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.emergency-funds .history-section .table-container :global(.general-table) tbody tr{border-bottom:1px solid #cccccc4d;transition:all .2s ease}.emergency-funds .history-section .table-container :global(.general-table) tbody tr:hover{background:#017bfe05}.emergency-funds .history-section .table-container :global(.general-table) tbody tr:last-child{border-bottom:none}.emergency-funds .history-section .table-container :global(.general-table) tbody tr td{color:#1e293b;font-size:.95rem;padding:1rem;vertical-align:middle}.emergency-funds .history-section .action-buttons{display:flex;gap:.5rem}.emergency-funds .history-section .action-buttons .cancel-icon-button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:768px){.emergency-funds{padding:1rem}.emergency-funds .page-header .page-title{font-size:2rem}.emergency-funds .stats-container .stats-grid{gap:1rem;grid-template-columns:1fr}.emergency-funds .form-section,.emergency-funds .history-section{padding:1.5rem}.emergency-funds .form-section .emergency-fund-form .form-grid{gap:1rem;grid-template-columns:1fr}.emergency-funds .stat-card{padding:1rem}.emergency-funds .stat-card .stat-icon{font-size:2rem;height:50px;width:50px}.emergency-funds .stat-card .stat-content h3{font-size:1.5rem}}@media(max-width:480px){.emergency-funds .page-header .page-title{font-size:1.75rem}}.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)}.custom-ess-container{display:flex;flex-direction:column;margin:5px;min-height:100vh}.custom-menu{display:flex;flex-wrap:wrap;gap:8px;margin:0 10px 10px;position:sticky;top:-10px;z-index:100}@media(max-width:768px){.custom-menu{-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:16px;scrollbar-width:none}.custom-menu::-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}}.payroll-container{color:#1e293b;color:var(--text-primary)}.payroll-container,.payroll-container .payroll-card{background-color:#fff;background-color:var(--bg-primary);border-radius:20px}.payroll-container .payroll-card{border:1px solid #ffffff1a;box-shadow:0 4px 6px #0000000d;margin:2rem auto 0;max-width:480px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.payroll-container .payroll-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.payroll-container .payroll-card:before{background:linear-gradient(90deg,#3b82f6,#6ca1f8);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.payroll-container .payroll-form{display:flex;flex-direction:column;gap:1.5rem}.payroll-container .payroll-actions{display:flex;justify-content:flex-end}.payroll-container .error-message{background:linear-gradient(135deg,#ffccdb,#ffe6ed);border-left:4px solid #ff6692;border-radius:10px;color:#b32a4c;font-weight:600;margin-bottom:1rem;padding:1rem 1.5rem}.payroll-container .loading-overlay{position:relative}.payroll-container .loading-overlay:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;content:"";inset:0;position:absolute;z-index:10}@media(max-width:768px){.payroll-container{padding:1rem}.payroll-container .page-subtitle{font-size:1rem;margin-bottom:1rem}.payroll-container .payroll-card{margin-top:1.5rem;padding:1.25rem}.payroll-container .payroll-actions{justify-content:center}}@media(max-width:480px){.payroll-container .payroll-card{padding:1rem}}.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{border:none;border-radius:20px;cursor:pointer;font-weight:600;min-width:150px;padding:10px;transition:all .3s ease}.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}}.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}}.navbar{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary);box-shadow:0 1px 6px #0000000f;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:space-between;left:0;padding:0;right:0;transition:box-shadow .2s ease;z-index:1000}.navbar,.navbar .navbar-left{align-items:center;display:flex}.navbar .navbar-left{flex-shrink:0;gap:10px;margin-left:10px}.navbar .navbar-left .company-logo{border-radius:8px;max-height:50px;object-fit:contain;transition:transform .2s ease;width:auto}.navbar .navbar-left .company-logo:hover{transform:scale(1.02)}.navbar .navbar-left .company-name{color:var(---text-primary);font-size:clamp(.8rem,1vw + .2rem,1rem);font-weight:600;margin-left:10px}.navbar .navbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.navbar .navbar-right .search-container{margin:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar .navbar-right .search-container .search-input{background:#fff;border:1px solid #ccc;border-radius:100%;box-sizing:border-box;color:#1e293b;font-family:inherit;font-weight:400;height:40px;outline:none;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.navbar .navbar-right .search-container .search-input.expanded{background:#fff;border-color:#3b82f6;border-radius:10px;box-shadow:0 0 0 3px #017bfe1a;padding-left:40px;width:280px}.navbar .navbar-right .search-container .search-input.expanded::placeholder{color:#0006;font-weight:400}.navbar .navbar-right .search-container .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a}.navbar .navbar-right .search-container .search-icon{color:#00000080;cursor:pointer;font-size:18px;left:13px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease}.navbar .navbar-right .search-container .search-icon:hover{color:#3b82f6}.navbar .navbar-right .search-container .filtered-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 8px 24px #00000014;left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.navbar .navbar-right .search-container .filtered-menu .filtered-item{color:#1e293b;display:block;font-size:14px;font-weight:400;padding:12px 16px;text-decoration:none;transition:all .2s ease}.navbar .navbar-right .search-container .filtered-menu .filtered-item:last-child{border-bottom:none}.navbar .navbar-right .search-container .filtered-menu .filtered-item:hover{background:#017bfe0d;color:#3b82f6;padding-left:20px}.navbar .navbar-right .search-container .filtered-menu .filtered-item:first-child{border-radius:12px 12px 0 0}.navbar .navbar-right .search-container .filtered-menu .filtered-item:last-child{border-radius:0 0 12px 12px}.navbar .navbar-right .updates-container{position:relative}.navbar .navbar-right .updates-container .updates-button{font-size:18px;padding:10px;position:relative}.navbar .navbar-right .updates-container .updates-button .update-dot{background:#ff6692;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.navbar .navbar-right .updates-container .updates-menu{animation:dropdown-in .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:14px;box-shadow:0 12px 28px #00000014;color:#1e293b;color:var(--text-primary);max-width:340px;min-width:320px;overflow:hidden;padding:0;position:absolute;right:0;top:100%;z-index:1001}.navbar .navbar-right .updates-container .updates-menu .updates-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:0;padding:14px 18px}.navbar .navbar-right .updates-container .updates-menu .updates-header h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:.2px;margin:0}.navbar .navbar-right .updates-container .updates-menu .update-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary);padding:14px 18px;transition:background .15s ease}.navbar .navbar-right .updates-container .updates-menu .update-item:hover{background:#017bfe08}.navbar .navbar-right .updates-container .updates-menu .update-item:last-of-type{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary)}.navbar .navbar-right .updates-container .updates-menu .update-item .version{background:#017bfe1a;border-radius:6px;color:#3b82f6;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;margin-bottom:6px;padding:2px 8px;text-transform:uppercase}.navbar .navbar-right .updates-container .updates-menu .update-item p{color:#1e293b;color:var(--text-primary);font-size:13px;line-height:1.5;margin:0;opacity:.75}.navbar .navbar-right .updates-container .updates-menu .view-all{border-radius:0 0 14px 14px;color:#3b82f6;display:block;font-size:13px;font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:background .15s ease}.navbar .navbar-right .updates-container .updates-menu .view-all:hover{background:#017bfe0d}.navbar .navbar-right .quick-access-container{position:relative}.navbar .navbar-right .quick-access-container .quick-access-button{font-size:20px;padding:10px}.navbar .navbar-right .quick-access-container .quick-access-button svg{transition:transform .2s ease}.navbar .navbar-right .quick-access-container .quick-access-button:hover svg{transform:rotate(90deg)}.navbar .navbar-right .quick-access-container .quick-access-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:12px;box-shadow:0 8px 24px #00000014;color:#1e293b;color:var(--text-primary);min-width:200px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1001}.navbar .navbar-right .quick-access-container .quick-access-menu a{align-items:center;border-bottom:1px solid #0000000a;color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;font-weight:400;padding:12px 16px;text-decoration:none;transition:all .2s ease}.navbar .navbar-right .quick-access-container .quick-access-menu a:last-child{border-bottom:none}.navbar .navbar-right .quick-access-container .quick-access-menu a:hover{background:#017bfe0d;color:#3b82f6;padding-left:20px}.navbar .navbar-right .quick-access-container:hover .quick-access-menu{opacity:1;transform:translateY(0);visibility:visible}.navbar .navbar-right .punch-in-container{position:relative}.navbar .navbar-right .punch-in-container .punch-in-button{font-size:20px;padding:10px;transition:all .2s ease}.navbar .navbar-right .punch-in-container .punch-in-button.punched-in{background:#36c76c1a;color:#36c76c}.navbar .navbar-right .punch-in-container .punch-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 8px 24px #00000014;min-width:240px;padding:16px;position:absolute;right:0;top:calc(100% - 20px);z-index:1001}.navbar .navbar-right .punch-in-container .punch-dropdown .punch-type-option{border-radius:8px;cursor:pointer;font-size:14px;font-weight:400;margin-bottom:4px;padding:10px 12px;transition:all .2s ease}.navbar .navbar-right .punch-in-container .punch-dropdown .punch-type-option:last-child{margin-bottom:0}.navbar .navbar-right .punch-in-container .punch-dropdown .punch-type-option.selected,.navbar .navbar-right .punch-in-container .punch-dropdown .punch-type-option:hover{background:#017bfe0d;color:#3b82f6}.navbar .navbar-right .punch-in-container .punch-dropdown .punch-comment-box{background:#fff;border:1px solid #ccc;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;height:80px;margin:12px 0;outline:none;padding:12px;resize:none;transition:border-color .2s ease;width:100%}.navbar .navbar-right .punch-in-container .punch-dropdown .punch-comment-box:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a}.navbar .navbar-right .punch-in-container .punch-dropdown .punch-comment-box::placeholder{color:#0006}.navbar .navbar-right .punch-in-container .punch-dropdown .button-with-icon{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.navbar .navbar-right .punch-in-container .punch-dropdown .button-with-icon:hover{background:#0b63f3;transform:translateY(-1px)}.navbar .navbar-right .notification-bell{font-size:20px;padding:10px;position:relative}.navbar .navbar-right .notification-bell:after{background:#ff6692;border:2px solid #fff;border-radius:50%;content:"";height:8px;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s ease;width:8px}.navbar .navbar-right .notification-bell.has-notifications:after{opacity:1}.navbar .navbar-right .profile-menu-container{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);position:relative}.navbar .navbar-right .profile-menu-container .profile-button{align-items:center;display:flex;gap:8px;padding:6px 12px 6px 6px}.navbar .navbar-right .profile-menu-container .profile-button .profile-avatar{border:2px solid #017bfe1a;border-radius:50%;height:32px;object-fit:cover;transition:all .2s ease;width:32px}.navbar .navbar-right .profile-menu-container .profile-button svg{color:#1e293b;color:var(--text-primary);font-size:16px;transition:transform .2s ease}.navbar .navbar-right .profile-menu-container .profile-button:hover .profile-avatar{border-color:#3b82f6}.navbar .navbar-right .profile-menu-container .profile-button:hover svg{transform:rotate(180deg)}.navbar .navbar-right .profile-menu-container .profile-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:12px;box-shadow:0 8px 24px #00000014;color:#1e293b;color:var(--text-primary);min-width:200px;opacity:0;padding:15px;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1001}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info{align-items:center;border-bottom:1px solid #00000014;display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info .profile-details{flex:1 1}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info .profile-details .profile-name{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info .profile-details .profile-role{color:#0009;font-size:12px;font-weight:400;margin-bottom:0}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info .profile-details .profile-role .role{background:#017bfe1a;border-radius:12px;color:#3b82f6;font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a{align-items:center;border-radius:8px;color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;font-weight:400;margin-bottom:4px;padding:5px;text-decoration:none;transition:all .2s ease}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a:last-child{margin-bottom:0}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a:hover{background:#017bfe0d;color:#3b82f6;padding-left:16px}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a.logout-a{color:#ff6692;cursor:pointer}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a.logout-a:hover{background:#ff66920d;color:#ff6692}.navbar .navbar-right .profile-menu-container:hover .profile-menu{opacity:1;transform:translateY(0);visibility:visible}.nav-button,.navbar .navbar-right .notification-bell,.navbar .navbar-right .profile-menu-container .profile-button,.navbar .navbar-right .punch-in-container .punch-in-button,.navbar .navbar-right .quick-access-container .quick-access-button,.navbar .navbar-right .updates-container .updates-button{align-items:center;background:#0000;background-color:#fff;background-color:var(--bg-primary);border:none;border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;outline:none;padding:10px;position:relative;transition:all .2s ease}.nav-button:hover,.navbar .navbar-right .notification-bell:hover,.navbar .navbar-right .profile-menu-container .profile-button:hover,.navbar .navbar-right .punch-in-container .punch-in-button:hover,.navbar .navbar-right .quick-access-container .quick-access-button:hover,.navbar .navbar-right .updates-container .updates-button:hover{background:#017bfe14;color:#3b82f6;transform:translateY(-1px)}.nav-button:active,.navbar .navbar-right .notification-bell:active,.navbar .navbar-right .profile-menu-container .profile-button:active,.navbar .navbar-right .punch-in-container .punch-in-button:active,.navbar .navbar-right .quick-access-container .quick-access-button:active,.navbar .navbar-right .updates-container .updates-button:active{transform:translateY(0)}@media(max-width:1024px){.navbar{padding:10px}.navbar .navbar-right{gap:6px}.navbar .navbar-right .search-container .search-input.expanded{width:220px}}@media(max-width:768px){.navbar{min-height:56px;padding:5px}.navbar .navbar-left .company-name{display:none}.navbar .navbar-left .company-logo{height:36px}.navbar .navbar-right{gap:4px}.navbar .navbar-right .quick-access-container,.navbar .navbar-right .search-container{display:none}.navbar .navbar-right .punch-in-container .punch-dropdown,.navbar .navbar-right .punch-in-container .quick-access-menu,.navbar .navbar-right .quick-access-container .punch-dropdown,.navbar .navbar-right .quick-access-container .quick-access-menu{min-width:180px;right:-10px}.navbar .navbar-right .profile-menu-container .profile-menu{min-width:220px;right:-10px;top:-10px}.navbar .navbar-right .nav-button,.navbar .navbar-right .notification-bell,.navbar .navbar-right .profile-menu-container .profile-button,.navbar .navbar-right .punch-in-container .punch-in-button,.navbar .navbar-right .quick-access-container .quick-access-button,.navbar .navbar-right .updates-container .updates-button{font-size:18px;padding:8px}.navbar .navbar-right .profile-button{padding:4px 8px 4px 4px!important}.navbar .navbar-right .profile-button .profile-avatar{height:28px!important;width:28px!important}.navbar .navbar-right .profile-button svg{font-size:14px}}@media(max-width:480px){.navbar{min-height:52px;padding:0}.navbar .navbar-left .company-logo{height:32px}.navbar .navbar-right{gap:2px}.navbar .navbar-right .search-container{display:none}.navbar .navbar-right .profile-menu-container .profile-menu,.navbar .navbar-right .punch-in-container .punch-dropdown,.navbar .navbar-right .punch-in-container .quick-access-menu,.navbar .navbar-right .quick-access-container .punch-dropdown,.navbar .navbar-right .quick-access-container .quick-access-menu{left:8px;max-width:none;min-width:auto;position:fixed;right:8px;top:58px;width:auto}.navbar .navbar-right .nav-button,.navbar .navbar-right .notification-bell,.navbar .navbar-right .profile-menu-container .profile-button,.navbar .navbar-right .punch-in-container .punch-in-button,.navbar .navbar-right .quick-access-container .quick-access-button,.navbar .navbar-right .updates-container .updates-button{font-size:16px;padding:6px}.navbar .navbar-right .profile-button{gap:4px;padding:2px 6px 2px 2px!important}.navbar .navbar-right .profile-button .profile-avatar{height:24px!important;width:24px!important}.navbar .navbar-right .profile-button svg{font-size:12px}}@media(max-width:360px){.navbar{padding:4px 6px}.navbar .navbar-right{gap:1px}.navbar .navbar-right .search-container .search-input{height:28px;width:28px}.navbar .navbar-right .search-container .search-input.expanded{width:140px}.navbar .navbar-right .nav-button,.navbar .navbar-right .notification-bell,.navbar .navbar-right .profile-menu-container .profile-button,.navbar .navbar-right .punch-in-container .punch-in-button,.navbar .navbar-right .quick-access-container .quick-access-button,.navbar .navbar-right .updates-container .updates-button{font-size:14px;padding:4px}}.open-modal-button{background:#36c76c;border:1px solid #36c76c33;border-radius:20px;color:#fff;font-weight:500;padding:4px;transition:all .2s ease}.open-modal-button:hover{background:#2da75b;box-shadow:0 4px 12px #36c76c4d;transform:translateY(-1px)}.filtered-menu::-webkit-scrollbar,.quick-access-menu::-webkit-scrollbar,.updates-menu::-webkit-scrollbar{width:4px}.filtered-menu::-webkit-scrollbar-track,.quick-access-menu::-webkit-scrollbar-track,.updates-menu::-webkit-scrollbar-track{background:#0000}.filtered-menu::-webkit-scrollbar-thumb,.quick-access-menu::-webkit-scrollbar-thumb,.updates-menu::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.filtered-menu::-webkit-scrollbar-thumb:hover,.quick-access-menu::-webkit-scrollbar-thumb:hover,.updates-menu::-webkit-scrollbar-thumb:hover{background:#0000004d}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.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%}}.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}.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}.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{box-sizing:border-box;display:flex}.team-leave-apply-container .team-leave-employee-select{flex:0 0 30%;min-width:250px}.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header{position:relative;width:100%}.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header .team-leave-role-buttons{display:flex;gap:.5rem;position:absolute;right:-10px;top:-10px;z-index:10}.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header .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:clamp(.7rem,1.8vw,.75rem);font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header .team-leave-role-buttons .team-leave-role-btn:hover{background-color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #017bfe26;color:#3b82f6;transform:translateY(-1px)}.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header .team-leave-role-buttons .team-leave-role-btn.active{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 15px #017bfe40;color:#fff}.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header .team-leave-role-buttons .team-leave-role-btn:active{transform:translateY(0)}@media(max-width:768px){.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header .team-leave-role-buttons{justify-content:flex-start;margin-top:.5rem;position:relative;right:auto;top:auto}.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header .team-leave-role-buttons .team-leave-role-btn{font-size:.7rem;padding:.35rem .7rem}}@media(max-width:480px){.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header .team-leave-role-buttons{flex-wrap:wrap;gap:.4rem}.team-leave-apply-container .team-leave-employee-select .team-leave-employee-header .team-leave-role-buttons .team-leave-role-btn{font-size:.65rem;padding:.3rem .6rem}}.team-leave-apply-container .team-leave-form-section{max-width:100%;width:100%}.team-leave-apply-container .team-leave-form-section form{display:flex;flex-direction:column;max-width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .section-label{color:var(--text-color);display:block;font-size:clamp(.875rem,2vw,1rem);font-weight:400;letter-spacing:-.01em;margin-bottom:.75rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields{display:flex;flex:1 1;flex-direction:column;gap:10px;grid-area:form;min-width:0;width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row{display:flex;flex-direction:row;gap:1rem;width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-employee-select{flex:0 0 30%;min-width:250px}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-date-section{align-items:center;display:flex;gap:20px;justify-content:center}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group{border-radius:10px;padding:0;width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .select-input-field{margin:0}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group label{color:#1e293b;color:var(--text-primary);display:block;font-size:clamp(.8rem,2vw,.875rem);font-weight:400;letter-spacing:-.01em;margin-bottom:.75rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-container{align-items:center;display:flex;gap:20px;margin-bottom:1rem;position:relative;width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-container .team-leave-date-field{flex:1 1}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-container .team-leave-date-field label{margin-bottom:.5rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-container .team-leave-date-input{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:clamp(.8rem,2vw,.875rem);padding:1rem 1rem 1rem 1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-container .team-leave-date-input:hover{border-color:#9dc0fa}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-container .team-leave-date-input::placeholder{color:#9ca3af;font-style:italic}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-container .team-leave-calendar-icon-btn{background:none;border:none;cursor:pointer;font-size:clamp(1rem,3vw,1.2rem);padding:0;position:absolute;right:12px;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-container .team-leave-calendar-icon-btn:hover{transform:scale(1.1)}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-fallback-container{margin-bottom:1rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-summary{background-color:#fff;border-left:4px solid #3b82f6;border-radius:8px;margin-top:.75rem;padding:.75rem 1rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group .team-leave-date-range-summary .team-leave-summary-text{color:#1e293b;color:var(--text-primary);font-size:clamp(.8rem,2vw,.875rem);font-weight:500}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group textarea{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:clamp(.8rem,2vw,.875rem);line-height:1.5;min-height:120px;padding:1rem 1.125rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group textarea:hover{border-color:#9dc0fa}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-form-group textarea::placeholder{color:#9ca3af;font-size:clamp(.8rem,2vw,.875rem);font-style:italic}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select{display:flex;flex-direction:row;gap:1.5rem;width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select>:first-child{flex:7 1}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select>:last-child{flex:3 1}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container{display:flex;flex-direction:column;width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container h3,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container h3{color:#1e293b;color:var(--text-primary);font-size:clamp(.875rem,2vw,1rem);font-weight:500;letter-spacing:-.01em;margin-bottom:.75rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:25px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;max-width:200px;min-width:min-content;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button:before,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button:hover:not(:disabled),.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button:hover:not(:disabled){background-color:#fff;background-color:var(--bg-primary);border-color:#3b82f6;box-shadow:0 8px 25px #017bfe26;color:#1e293b;color:var(--text-primary);transform:translateY(-2px)}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button:hover:not(:disabled):before,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button:hover:not(:disabled):before{left:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button.active,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button.active{background:#3b82f6;background:var(--active-color);border-color:#3b82f6;box-shadow:0 8px 30px #017bfe4d;color:#fff;transform:translateY(-2px)}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button.disabled,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button:disabled,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button.disabled,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button.disabled:hover,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button:disabled:hover,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button.disabled:hover,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button:disabled:hover{border-color:#e2e8f0;box-shadow:none;transform:none}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-reason-container{position:relative;width:100%}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-reason-container .team-leave-reason-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-reason-container .team-leave-reason-buttons .team-leave-reason-button{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:clamp(.75rem,2vw,.8rem);font-weight:500;padding:.6rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-reason-container .team-leave-reason-buttons .team-leave-reason-button:hover{background-color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #017bfe26;color:#3b82f6;transform:translateY(-1px)}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-reason-container .team-leave-reason-buttons .team-leave-reason-button:active{box-shadow:0 2px 6px #017bfe33;transform:translateY(0)}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-reason-container .team-leave-suggestions{display:none}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-no-leave-types{color:var(--text-color);font-style:italic;padding:2rem;text-align:center}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-no-leave-types p{font-size:clamp(.875rem,2vw,1rem);margin:0}.team-leave-apply-container .team-leave-form-section form .team-leave-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0;padding:1rem}.team-leave-apply-container .team-leave-form-section form .team-leave-error ul{color:#dc2626;margin:0;padding-left:1.5rem}.team-leave-apply-container .team-leave-form-section form .team-leave-error ul li{font-size:clamp(.8rem,2vw,.875rem);margin-bottom:.25rem}.team-leave-apply-container .team-leave-form-section form .team-leave-error-text{color:#dc2626;display:block;font-size:clamp(.75rem,1.8vw,.8rem);margin-top:.5rem}.team-leave-apply-container .team-leave-form-section form .team-leave-submit-button{align-self:flex-start;margin-top:2rem}@media(max-width:768px){.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row{flex-direction:column;gap:1rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-date-section,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-employee-select{flex:1 1;min-width:auto}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group{flex-direction:column;gap:.75rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button,.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button{flex:none;width:100%}}@media(max-width:480px){.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row{gap:.75rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row .team-leave-date-range-container{flex-direction:column;gap:1rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select{gap:1rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-reason-container .team-leave-reason-buttons{gap:.4rem}.team-leave-apply-container .team-leave-form-section form .team-leave-form-content .team-leave-form-fields .team-leave-reason-container .team-leave-reason-buttons .team-leave-reason-button{font-size:.7rem;padding:.5rem .8rem}}@media(min-width:768px){.team-leave-apply-container .team-leave-form-content .team-leave-form-fields .team-leave-form-row,.team-leave-apply-container .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select{flex-direction:row;gap:2rem}.team-leave-apply-container .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container,.team-leave-apply-container .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container{flex:1 1}.team-leave-apply-container .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group,.team-leave-apply-container .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group{flex-direction:row}.team-leave-apply-container .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-duration-container .team-leave-button-group button,.team-leave-apply-container .team-leave-form-content .team-leave-form-fields .team-leave-form-row-select .team-leave-type-container .team-leave-button-group button{flex:1 1}}.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{background:#fff;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);min-height:100vh}.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;color:#333}.team-loan-approval .team-loan-container{margin-top:20px}.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{background:#fff;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);min-height:90dvh}.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;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;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}.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:60px;--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:16px;scroll-behavior:smooth}body{background-color:#f8fafc;background-color:var(--bg-secondary);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{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);max-height:60px;max-height:var(--navbar-height);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:60px;margin-top:var(--navbar-height);min-height:calc(100dvh - 60px);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:2rem;padding:var(--spacing-xl)}}@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))}.sidebar{width:90px;width: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))}.sidebar{width:90px;width:var(--sidebar-width)}.custom-content,.main-content,.sidebar{padding:.5rem;padding:var(--spacing-sm)}.custom-content{border-radius:8px;border-radius:var(--border-radius-sm)}.navbar{height:60px;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))}.sidebar{width:90px;width: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))}.sidebar{width:90px;width: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))}.sidebar{width:90px;width: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}}.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:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.analytics-dashboard .stats-card{gap:12px;padding:16px}.analytics-dashboard .stats-card__icon{height:36px;width:36px}.analytics-dashboard .stats-card__title{font-size:.75rem;margin:0 0 4px}.analytics-dashboard .stats-card__value{font-size:1.5rem;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:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stats-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.stats-card:before{background:#3b82f6;background:var(--active-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:4px}.stats-card:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 8px 20px #00000014;transform:translateY(-3px)}.stats-card:hover:before{transform:scaleY(1)}.stats-card:hover .stats-card__icon{transform:scale(1.1)}.stats-card__icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:transform .2s cubic-bezier(.25,.46,.45,.94);width:48px}.stats-card--blue .stats-card__icon{background:#3b82f61a;color:#3b82f6}.stats-card--purple .stats-card__icon{background:#8b5cf61a;color:#8b5cf6}.stats-card--green .stats-card__icon{background:#10b9811a;color:#10b981}.stats-card--orange .stats-card__icon{background:#f59e0b1a;color:#f59e0b}.stats-card__content{flex:1 1;min-width:0}.stats-card__title{color:#475569;color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stats-card__value{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 4px}.stats-card__subtitle{color:#64748b;color:var(--text-muted);font-size:.8125rem;line-height:1.4;margin:0}.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:flex-start;flex-direction:column;gap:12px}.stats-card__icon{height:40px;width:40px}.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}}
/*# sourceMappingURL=main.ad936de8.css.map*/