@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=QuickSand:wght@300;400;500;600;700&display=swap";@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}table{border-collapse:collapse}.slick-dots li button:before{color:#a1a1a1;font-size:10px}.slick-dots li.slick-active button:before{color:#3180a9}.ql-editor{height:200px}._default-button{background-color:#fff!important;color:#212121!important;transition:background-color .1s;border:1px solid #a1a1a1}._default-button:hover{background-color:#e6e6e6!important}._primary-button{background-color:#2c6ecb!important;color:#fff!important;transition:background-color .1s}._primary-button:hover{background-color:#2357a1!important}._success-button{background-color:#5b9540!important;color:#fff!important;transition:background-color .1s}._success-button:hover{background-color:#457131!important}._destroy-button{background-color:#d82c0d!important;color:#fff!important;transition:background-color .1s}._destroy-button:hover{background-color:#a8220a!important}h1,h2,h3,h4,h5,h6{font-family:QuickSand,sans-serif}#toast-root{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2147483647;isolation:isolate}@font-face{font-family:DM Sans;src:url(/assets/fonts/DM-Sans/DMSans-VariableFont.ttf) format("truetype-variations");font-weight:1 999}#root,body{font-family:QuickSand,sans-serif;letter-spacing:.8px}textarea{font-family:QuickSand,sans-serif;font-size:1rem}:root{font-size:14px}@media all and (max-width: 1290px){:root{font-size:13px}}@media all and (max-width: 992px){:root{font-size:12px}}@media all and (max-width: 768px){:root{font-size:11px}}@media all and (max-width: 576px){:root{font-size:10px}}*{margin:0;padding:0;box-sizing:border-box}* ::-webkit-scrollbar{width:7px;height:7px}@media all and (max-width: 576px){* ::-webkit-scrollbar{width:4px;height:4px}}* ::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:4px}* ::-webkit-scrollbar-thumb{background-color:#b3b3b3;border-radius:4px}html{scroll-behavior:smooth}body{position:relative;background-color:#fff}.sidenav-container{position:sticky;left:0;top:0;height:100dvh;min-height:100dvh;max-width:240px;background:#fff;border-right:1px solid #e6e6e7;box-shadow:2px 0 12px #0402020a;z-index:10;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}@media all and (max-width: 576px){.sidenav-container{display:none}}.sidenav-header{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 14px;border-bottom:1px solid #e6e6e7;background:#fff}.sidenav-header-logo{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0}.sidenav-header-logo-img{height:28px;width:28px;object-fit:contain;flex-shrink:0}.sidenav-header-logo-text{font-family:QuickSand,sans-serif;font-size:1.143rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidenav-tenant-selector{flex-shrink:0;padding:12px 10px;border-bottom:1px solid #e6e6e7;margin-bottom:4px}.sidenav-tenant-selector__expand{display:flex;flex-direction:column;gap:.571rem}.sidenav-tenant-selector__label{display:flex;align-items:center;gap:.571rem;font-size:.857rem;font-weight:600;color:#313131}.sidenav-tenant-selector__label span{white-space:nowrap}.sidenav-tenant-selector__select{width:100%}.sidenav-tenant-selector__select .react-select__control{min-height:36px!important;background:#fff!important;border:1px solid #e6e6e7!important;border-radius:8px!important}.sidenav-tenant-selector__select .react-select__control:hover{background:#ede7fa!important;border-color:#8860d066!important}.sidenav-tenant-selector__select .react-select__value-container,.sidenav-tenant-selector__select .react-select__single-value,.sidenav-tenant-selector__select .react-select__input-container{color:#313131;font-size:.857rem}.sidenav-tenant-selector__select .react-select__placeholder,.sidenav-tenant-selector__select .react-select__indicator{color:#8c9196}.sidenav-tenant-selector__select .react-select__menu{background:#fff;border:1px solid #e6e6e7;border-radius:8px;box-shadow:0 4px 12px #00000014}.sidenav-tenant-selector__select .react-select__option{color:#313131}.sidenav-tenant-selector__select .react-select__option--is-focused{background:#ede7fa!important}.sidenav-tenant-selector__select .react-select__option--is-selected{background:#e3d9f7!important;color:#8860d0!important;font-weight:600}.sidenav-tenant-selector__collapse{display:flex;align-items:center;justify-content:center;width:100%;height:36px;border-radius:8px;background:#ede7fa;color:#8860d0;cursor:default;transition:background .15s ease}.sidenav-items{flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 6px;overflow-y:auto;overflow-x:hidden}.sidenav-container:not(.is-expanded) .sidenav-items{scrollbar-width:none}.sidenav-container:not(.is-expanded) .sidenav-items::-webkit-scrollbar{display:none}.sidenav-container.is-expanded .sidenav-items{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.sidenav-container.is-expanded .sidenav-items::-webkit-scrollbar{width:4px}.sidenav-container.is-expanded .sidenav-items::-webkit-scrollbar-track{background:transparent}.sidenav-container.is-expanded .sidenav-items::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.sidenav-wrapper{width:100%}.sidenav-wrapper.onboarding-tour-target{position:relative;z-index:9999}.sidenav-item{-webkit-user-select:none;user-select:none;width:100%;position:relative;padding-block:2px}.sidenav-link{display:flex;align-items:center;position:relative;width:100%;min-height:40px;padding:8px 10px;border-radius:8px;color:#313131;background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease;text-decoration:none;outline:none}.sidenav-link:hover{background:#ede7fa!important;color:#313131}.sidenav-link.active,.sidenav-link.active .sidenav-link-icon{color:#8860d0}.sidenav-link.active .sidenav-link-text{color:#8860d0;font-weight:600}.sidenav-link.expanded{padding-right:28px}.sidenav-link.construction{opacity:.85}.sidenav-link-inner{flex:1;display:flex;align-items:center;min-width:0;gap:10px}.sidenav-link-icon{position:relative;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1.143rem;color:#8c9196;transition:color .15s ease}.sidenav-link-text{font-size:.857rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}.sidenav-link-chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#8c9196;flex-shrink:0}.sidenav-parent{width:100%;display:flex;flex-direction:column;gap:0}.sidenav-parent.active .sidenav-link.parent,.sidenav-parent.active .sidenav-link.parent .sidenav-link-icon,.sidenav-parent.active .sidenav-link.parent .sidenav-link-text{color:#8860d0}.sidenav-parent.expanded .sidenav-children{margin-left:12px;padding-left:10px;border-left:2px solid #e6e6e7}.sidenav-children{display:flex;flex-direction:column;gap:2px;padding-block:2px 4px}.construction-badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;box-shadow:0 1px 3px #f59e0b66;z-index:2}.construction-badge svg{width:8px;height:8px}.sidenav-wrapper.under-construction .sidenav-link.construction:hover,.sidenav-parent.under-construction .sidenav-link.construction:hover{background:#ede7fa!important;opacity:1}.construction-popover{position:fixed;left:264px;z-index:1000;width:300px;background:#fff;border:1px solid #e6e6e7;border-radius:12px;box-shadow:0 8px 24px #0000001a,0 0 0 1px #00000008;overflow:hidden;pointer-events:all}.construction-popover-header{padding:14px 14px 10px;display:flex;gap:12px;align-items:flex-start;position:relative}.construction-popover-icon-wrapper{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f59e0b4d}.construction-popover-icon-main{font-size:20px;color:#fff;z-index:2}.construction-popover-icon-secondary{position:absolute;top:-2px;right:-2px;font-size:12px;color:#fffffff2;background:#0003;border-radius:50%;padding:2px;z-index:3}.construction-popover-content{flex:1;min-width:0}.construction-popover-title{font-size:1rem;font-weight:700;color:#313131;margin:0 0 4px;letter-spacing:.02em}.construction-popover-description{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.construction-popover-close{position:absolute;top:10px;right:10px;width:24px;height:24px;border:none;background:#ede7fa;color:#8c9196;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:background .15s ease,color .15s ease}.construction-popover-close:hover{background:#ede7fa!important;color:#313131}.construction-popover-footer{padding:10px 14px 12px;border-top:1px solid #e6e6e7;background:#00000005}.construction-popover-features{display:flex;gap:14px;align-items:center}.construction-popover-feature{display:flex;align-items:center;gap:6px;font-size:.857rem;color:#8c9196}.construction-popover-feature-icon{font-size:12px;color:#8860d0}.construction-popover-arrow{position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #e6e6e7}.construction-popover-arrow:after{content:"";position:absolute;left:1px;top:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #ffffff}.mobile-sidenav{position:fixed;bottom:0;left:0;right:0;width:calc(100dvw - 2.286rem);background:#100b18;border-top:1px solid rgba(136,96,208,.2);z-index:1000;box-shadow:0 -4px 20px #00000026;margin:1.143rem;border-radius:16px;box-shadow:#00000059 0 5px 15px}@media all and (max-width: 576px){.mobile-sidenav{display:block}}@media (min-width: 576px){.mobile-sidenav{display:none}}.mobile-sidenav-items{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 12px;height:64px;position:relative}.mobile-sidenav-items>span{min-width:0}.mobile-sidenav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border-radius:12px;position:relative;text-decoration:none;color:#3e1e79;transition:all .2s ease;min-width:0;height:100%}.mobile-sidenav-item-icon{display:flex;align-items:center;justify-content:center;font-size:20px;color:#3e1e79;transition:all .2s ease;position:relative}.mobile-sidenav-item .notification-badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;border-radius:10px;background:#cd5353;color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid #100b18;z-index:1}.mobile-sidenav-item-label{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.mobile-sidenav-item-indicator{position:absolute;top:0;left:0;width:100%;height:3px;background:#8860d0;border-radius:0 0 4px 4px;box-shadow:0 2px 8px #8860d066}.mobile-sidenav-item.active{color:#8860d0}.mobile-sidenav-item.active .mobile-sidenav-item-icon{color:#8860d0;transform:scale(1.1)}.mobile-sidenav-item.active .mobile-sidenav-item-label{color:#8860d0;font-weight:600}.mobile-sidenav-item:active{background-color:#8860d01a}.mobile-sidenav-item-container{display:flex;flex-direction:column;height:100%;width:100%;min-width:0}.mobile-sidenav-item-container>span{height:100%}.mobile-sidenav .floatingbutton-wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.mobile-sidenav-floating-button{width:56px;height:56px;border-radius:50%;transform:translateY(-40%)!important;border:none;background:linear-gradient(135deg,#8860d0,#8860d0cc);box-shadow:0 4px 16px #8860d066,0 8px 24px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-sidenav-floating-button svg{width:24px;height:24px;stroke:#fff}.mobile-sidenav-floating-button:active{transform:translate(-50%) scale(.95);box-shadow:0 2px 8px #8860d04d,0 4px 12px #0000001a}.mobile-sidenav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1001;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-sidenav-drawer{position:fixed;bottom:0;left:0;right:0;max-height:90vh;background:#100b18;border-radius:16px 16px 0 0;z-index:1002;display:flex;flex-direction:column;box-shadow:0 -12px 40px #0006,0 -4px 16px #0003;overflow:hidden}.mobile-sidenav-drawer-header{padding:8px 0 0;border-bottom:1px solid rgba(136,96,208,.08)}.mobile-sidenav-drawer-header-content{display:flex;align-items:center;justify-content:space-between;flex-direction:row;padding:.571rem .571rem .857rem}.mobile-sidenav-drawer-calendar-preference{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:3px;padding:4px;border-radius:12px;border:1.5px solid rgba(136,96,208,.2);background:#8860d00a;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.mobile-sidenav-drawer-calendar-preference:active{transform:scale(.98);background:#8860d014}.mobile-sidenav-drawer-calendar-tab{padding:8px 16px;font-size:1rem;font-weight:500;color:#fff;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-width:44px;text-align:center;pointer-events:none}.mobile-sidenav-drawer-calendar-tab--active{background:#8860d0;color:#fff;font-weight:600}.mobile-sidenav-drawer-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#1b1925cc;border:1px solid rgba(136,96,208,.1);color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-sidenav-drawer-close:active{background:#282828;transform:scale(.9)}.mobile-sidenav-drawer-content{flex:1;overflow-y:auto;padding:8px 0 24px;scrollbar-width:thin;scrollbar-color:rgba(136,96,208,.3) transparent}.mobile-sidenav-drawer-content::-webkit-scrollbar{width:6px}.mobile-sidenav-drawer-content::-webkit-scrollbar-track{background:transparent}.mobile-sidenav-drawer-content::-webkit-scrollbar-thumb{background:#8860d04d;border-radius:3px}.mobile-drawer-nav-item{display:flex;align-items:center;gap:16px;padding:18px 24px;margin:0 12px 4px;border-radius:12px;text-decoration:none;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;background:transparent}.mobile-drawer-nav-item-icon{display:flex;align-items:center;justify-content:center;font-size:24px;color:#3e1e79;min-width:28px;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-drawer-nav-item-text{font-size:1.286rem;font-weight:500;flex:1;letter-spacing:.2px}.mobile-drawer-nav-item.isActive{background:linear-gradient(90deg,#8860d026,#8860d014);color:#8860d0}.mobile-drawer-nav-item.isActive .mobile-drawer-nav-item-icon{color:#8860d0;transform:scale(1.1)}.mobile-drawer-nav-item.isActive .mobile-drawer-nav-item-text{font-weight:600;color:#8860d0}.mobile-drawer-nav-item.isActive:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#8860d0;border-radius:0 2px 2px 0;box-shadow:0 0 8px #8860d080}.mobile-drawer-nav-item.isActive{background:#8860d014;transform:scale(.98)}.mobile-drawer-parent-item{margin:0 12px 8px;background:transparent;border-radius:12px;overflow:hidden}.mobile-drawer-parent-item.active .mobile-drawer-parent-header{background:linear-gradient(90deg,#8860d01f,#8860d00f)}.mobile-drawer-parent-item-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;margin:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:12px;background:transparent;border:none;width:100%}.mobile-drawer-parent-item-header-content{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.mobile-drawer-parent-item-header:active{background:#8860d01a!important;transform:scale(.98)}.mobile-drawer-parent-item-icon{display:flex;align-items:center;justify-content:center;font-size:24px;color:#3e1e79;min-width:28px;flex-shrink:0;transition:all .2s ease}.mobile-drawer-parent-item-text{font-size:1.286rem;font-weight:500;color:#000;flex:1;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-drawer-parent-item-chevron{display:flex;align-items:center;justify-content:center;color:#3e1e79;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px;height:28px;border-radius:50%;background:#1b192580;flex-shrink:0;margin-left:8px}.mobile-drawer-parent-item-children{background:#1b192533;padding:8px 0 8px 20px;margin:0;border-radius:0;overflow:hidden}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav{background:#fff;border-top-color:#8860d01a}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-item{color:#222}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-item-icon{color:#222;-webkit-user-select:none;user-select:none}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-item.active{color:#8860d0}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-item.active .mobile-sidenav-item-icon{color:#8860d0}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-item.active .mobile-sidenav-item-label{color:#8860d0}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-item .notification-badge{border-color:#fff}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-floating-button{background:linear-gradient(135deg,#8860d0,#8860d0cc)}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-drawer{background:#fff}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-drawer-header{border-bottom-color:#8860d014}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-drawer-header-content h3{color:#000}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-drawer-calendar-preference{border-color:#8860d033;background:#8860d00a}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-drawer-calendar-preference:active{background:#8860d014}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-drawer-calendar-tab{color:#000;pointer-events:none}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-drawer-calendar-tab--active{background:#8860d0;color:#fff}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-drawer-close{background:#fffc;border-color:#8860d01a;color:#000}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-sidenav-drawer-close:active{background:#e3d9f7}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-nav-item{color:#000}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-nav-item-icon{color:#222}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-nav-item.isActive{background:#8860d014;color:#8860d0}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-nav-item.isActive .mobile-drawer-nav-item-icon{color:#8860d0}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-nav-item.isActive .mobile-drawer-nav-item-text{color:#8860d0}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-parent-item.active .mobile-drawer-parent-header{background:linear-gradient(90deg,#8860d01a,#8860d00d)}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-parent-item-header:active{background:#8860d014!important}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-parent-item-header-content .mobile-drawer-parent-icon{color:#222}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-parent-item-header-content .mobile-drawer-parent-text{color:#000}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-parent-item-chevron{color:#222;background:#ffffff80}body:not(:has(.payrollHistoryPage.dark,.payrollPage.dark,.payrollRunPage.dark)) .mobile-drawer-parent-item-children{background:#ede7fa33}.mobile-construction-popover-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-construction-popover-wrapper{position:fixed;left:50%;transform:translate(-50%);z-index:1004;width:calc(100vw - 32px);max-width:360px}.mobile-construction-popover{width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 8px 32px #0006,0 0 0 1px #8860d033;overflow:hidden;pointer-events:all}.mobile-construction-popover-header{padding:20px;display:flex;gap:16px;align-items:flex-start;position:relative}.mobile-construction-popover-icon-wrapper{position:relative;flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,orange,#ff8c00);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffa5004d;animation:mobile-pulse 2s ease-in-out infinite}.mobile-construction-popover-icon-main{font-size:28px;color:#fff;z-index:2}.mobile-construction-popover-icon-secondary{position:absolute;top:-4px;right:-4px;font-size:18px;color:#ffffffe6;background:#0000004d;border-radius:50%;padding:3px;z-index:3}.mobile-construction-popover-content{flex:1;min-width:0}.mobile-construction-popover-title{font-size:1.286rem;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:.3px}.mobile-construction-popover-description{font-size:1rem;color:#ffffffbf;margin:0;line-height:1.6}.mobile-construction-popover-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff1a;color:#ffffffb3;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:all .2s ease}.mobile-construction-popover-close:active{background:#fff3;color:#fff;transform:scale(.9)}.mobile-construction-popover-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.mobile-construction-popover-features{display:flex;gap:20px;align-items:center;justify-content:center}.mobile-construction-popover-feature{display:flex;align-items:center;gap:8px;font-size:1rem;color:#fffc}.mobile-construction-popover-feature-icon{font-size:16px;color:#8860d0}.mobile-construction-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:linear-gradient(135deg,orange,#ff8c00);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;box-shadow:0 2px 6px #ffa50066;z-index:10;animation:mobile-pulse-badge 2s ease-in-out infinite;border:2px solid white}.mobile-construction-badge svg{width:11px;height:11px}.mobile-sidenav-item.under-construction,.mobile-drawer-nav-item.under-construction,.mobile-drawer-parent-item.under-construction{opacity:.7}.mobile-sidenav-item.under-construction .mobile-sidenav-item-icon,.mobile-sidenav-item.under-construction .mobile-drawer-nav-item-icon,.mobile-sidenav-item.under-construction .mobile-drawer-parent-item-icon,.mobile-drawer-nav-item.under-construction .mobile-sidenav-item-icon,.mobile-drawer-nav-item.under-construction .mobile-drawer-nav-item-icon,.mobile-drawer-nav-item.under-construction .mobile-drawer-parent-item-icon,.mobile-drawer-parent-item.under-construction .mobile-sidenav-item-icon,.mobile-drawer-parent-item.under-construction .mobile-drawer-nav-item-icon,.mobile-drawer-parent-item.under-construction .mobile-drawer-parent-item-icon{position:relative}@keyframes mobile-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ffa5004d}50%{transform:scale(1.05);box-shadow:0 6px 16px #ffa50080}}@keyframes mobile-pulse-badge{0%,to{transform:scale(1);box-shadow:0 2px 6px #ffa50066}50%{transform:scale(1.1);box-shadow:0 3px 8px #ffa50099}}.btn{padding:12px 15px;background-color:#8860d0;font-size:1.143rem;border:none;color:#fff;border-radius:4px;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;transition:all ease .3s;font-family:QuickSand;-webkit-user-select:none;user-select:none;outline:none}.btn.outline{background-color:transparent;border:1px solid #8860d0;color:#8860d0}.btn.outline:hover{background-color:#8f67d9;color:#e7e7e7}.btn:hover{background-color:#8f67d9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#fff!important;background-color:#919090}.btn-secondary:hover{background-color:#a1a1a1}.btn-critical{background-color:#d82c0d}.btn-critical:hover{background-color:#bc2200}.btn-success{background-color:#00b286}.btn-success:hover{background-color:#189576}.btn-scale-down{padding:9px 12px;font-size:1rem}.chip-container{border-radius:20px;padding:.286rem .571rem;width:100px}.chip-container .chip{text-transform:uppercase;color:#fff;font-size:.714rem!important;font-weight:400!important;cursor:pointer}.collapse{cursor:pointer;padding:2rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background-color:#fcfdff;border-radius:20px;margin-bottom:24px;box-shadow:0 2px 15px #0000001a;transition:all .3s ease-in-out}@media all and (max-width: 992px){.collapse{padding:1.75rem}}@media all and (max-width: 768px){.collapse{padding:1.5rem}}@media all and (max-width: 576px){.collapse{padding:1.25rem}}.collapse:hover{box-shadow:0 2px 32px #0000001a}.collapse-headings{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;color:#222;margin-bottom:0;font-size:24px;font-weight:500;line-height:1.25}@media all and (max-width: 992px){.collapse-headings{font-size:20px!important}}@media all and (max-width: 768px){.collapse-headings{font-size:18px!important}}@media all and (max-width: 576px){.collapse-headings{font-size:16px!important}}.collapse-headings .collapse-icons{display:flex;align-items:center;justify-content:center;flex-direction:row;width:40px;min-height:40px;-webkit-user-select:none;user-select:none}.collapse-headings .collapse-icons .collapse-arrow{width:24px;transform:translateZ(0) scaleZ(1) rotateX(0) rotateY(0) rotate(0) skew(0);transform-style:preserve-3d;transition:transform .3s ease-in-out}.collapse-headings .collapse-icons .collapse-arrow.open{transform:translateZ(0) scaleZ(1) rotateX(180deg) rotateY(0) rotate(0) skew(0)}.collapse-content{padding:20px 0 0;color:#475467}.compwrapper-container,.compwrapper-container .compwrapper-content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%;flex-grow:1;flex-shrink:1}.compwrapper-container .compwrapper-content{border-top-left-radius:20px;overflow:hidden}.compwrapper-container .compwrapper-content:not(:has(.wfh-report-modal-overlay,.reports-modal-overlay)){position:relative;z-index:1}@media all and (max-width: 576px){.compwrapper-container .compwrapper-content{padding-bottom:calc(1.429rem + 72px)}}.compwrapper-container:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark),.compwrapper-container .compwrapper-content:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark){background-color:#1b1925;min-height:calc(100dvh - 64px)}.compwrapper-container:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container,.compwrapper-container .compwrapper-content:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container{background-color:#100b18}.compwrapper-container:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-left .header-menu,.compwrapper-container .compwrapper-content:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-left .header-menu{background-color:#1b1925;border-color:#8c9196;color:#8c9196}.compwrapper-container:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-left .breadcrumb-link,.compwrapper-container .compwrapper-content:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-left .breadcrumb-link{color:#8c9196}.compwrapper-container:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-left .breadcrumb-link.active,.compwrapper-container .compwrapper-content:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-left .breadcrumb-link.active{color:#8860d0}.compwrapper-container:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-left a:before,.compwrapper-container .compwrapper-content:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-left a:before{color:#8c9196}.compwrapper-container:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-right .announcement-button,.compwrapper-container .compwrapper-content:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-right .announcement-button{background-color:#1b1925}.compwrapper-container:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-right .announcement,.compwrapper-container .compwrapper-content:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-right .announcement{color:#fff}.compwrapper-container:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-right .logged-user-container .logged-user-name,.compwrapper-container .compwrapper-content:has(.payrollPage.dark,.payrollHistoryPage.dark,.payrollRunPage.dark) .header-container .header-right .logged-user-container .logged-user-name{color:#fff;font-weight:500}.display-element{width:max-content}.display-element:has(.documents-section-content-item-modal){width:unset!important}.info-bar{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;padding:18px 30px;border-radius:4px;gap:10px}.info-bar.info{background-color:#8860d01f}.info-bar.success{background-color:#4e9f4c1f}.info-bar.warning{background-color:#f8b0461f}.info-bar.error{background-color:#cd53531f}.info-bar.primary{background-color:#3180a91f}.info-bar-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}.info-bar-container .info-bar-icon{width:20px;display:flex;align-items:center;justify-content:flex-start;flex-direction:row}.info-bar-container .info-bar-text{padding-left:10px;font-size:14px}.fileInputCustom>.input-interface{font-size:14px!important;position:relative;width:100%;border-radius:4px;border:1px solid #f3effc!important;color:#000;height:52px;outline:none;padding:8px 14px!important;background-color:#2c6ecb11;resize:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.fileInputCustom>.input-interface>.text{color:#8c9196;cursor:default}.fileInputCustom>.input-interface>.icon{color:#8860d0;font-size:large}.fileInputCustom>.input-interface:hover{transition:all .3s ease-in-out;border:1px solid #8860d0!important}.fileInputCustom>.input-interface:focus{outline-offset:0px;outline:none;border:1px solid #8860d0!important}.fileInputCustom>.input-interface:focus::placeholder{color:#8c9196}.fileInputCustom>.input-interface:focus:hover{transition:all .3s ease-in-out;border:1px solid #8860d0!important}.fileInputCustom>.input-interface:focus:focus{outline-offset:0px;outline:none;border:1px solid #8860d0!important}.header-container{position:sticky;top:0;left:0;border-bottom:1px solid rgba(136,96,208,.3);background-color:#fff;display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;z-index:99}@media all and (max-width: 992px){.header-container{padding-top:10px;margin-bottom:10px}}@media all and (max-width: 768px){.header-container{padding-top:10px;margin-bottom:10px}}@media all and (max-width: 576px){.header-container{display:none}}.header-container .header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;padding:.571rem}.header-container .header-left{flex:1;display:flex;align-items:center;padding-left:.571rem}.header-container .header-left .header-breadcrumb{text-transform:capitalize;font-weight:700;font-size:.857rem}.header-container .header-left .header-menu{font-size:1.6rem;margin-right:12px;cursor:pointer;transition:color .1s;display:block;position:relative;top:1px;color:#000;background-color:#fff;width:1.6rem;min-width:1.6rem;height:1.6rem;min-height:1.6rem;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid #d1d1d1;box-shadow:0 1px 3px #0000001a}@media all and (max-width: 992px){.header-container .header-left .header-menu{display:flex}}.header-container .header-left .header-menu:hover{color:#8860d0}.header-container .header-right{display:flex;align-items:center;gap:.857rem}.header-container .header-right .header-actions{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:.857rem}.header-container .header-right .header-actions .theme{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:row;color:#8860d0}.header-container .header-right .header-actions .header-calendar-preference{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2px;padding:2px;border-radius:8px;border:1px solid rgba(136,96,208,.2);background:#8860d00a}.header-container .header-right .header-actions .header-calendar-tab{padding:4px 10px;font-size:.714rem;font-weight:500;color:#313131;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-width:32px;text-align:center}.header-container .header-right .header-actions .header-calendar-tab:hover{background:#8860d014;color:#8860d0}.header-container .header-right .header-actions .header-calendar-tab--active{background:#8860d0;color:#fff;font-weight:600}.header-container .header-right .header-actions .header-calendar-tab--active:hover{background:#8860d0;color:#fff}.header-container .header-right .header-actions .header-onboarding-tour-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:6px;padding:6px 12px;font-size:.857rem;font-weight:500;color:#8860d0;background:#8860d014;border:1px solid rgba(136,96,208,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.header-container .header-right .header-actions .header-onboarding-tour-btn:hover{background:#8860d01f;border-color:#8860d059}.header-container .header-right .header-buttons{padding-right:8px;display:flex;align-items:center}.header-container .header-right .header-buttons-add{background:none;border:none;outline:none;font-size:1.2rem;color:#a1a1a1;width:1.6rem;height:1.6rem;margin:0 8px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;border:1px solid #d1d1d1;transition:background .1s,color .1s}.header-container .header-right .header-buttons-add:hover{background:#a1a1a1;color:#fff}.header-container .header-right .logged-user{cursor:pointer;padding-left:12px;border-left:1.5px solid #a1a1a1}.header-container .header-right .logged-user-container{display:flex;align-items:center}.header-container .header-right .logged-user-container .logged-user-icon{background:#fff;width:1.6rem;height:1.6rem;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#000;border:1px solid #d1d1d1;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:background .1s}.header-container .header-right .logged-user-container .logged-user-icon img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover}.header-container .header-right .logged-user-container .logged-user-name{padding:0 8px;color:#000;font-weight:500;font-size:.857rem}.header-container .header-right .logged-user-container .logged-user-arrow-down{color:#000;position:relative;top:2px;font-size:1.2rem}.header-container .header-right .logged-user .logged-user-info{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.header-container .header-right .logged-user .logged-user-info .logged-user-role{font-size:.571rem;color:#a1a1a1;padding:0 8px;font-weight:600}.header-container .header-right .logged-user .menuItem{font-size:.857rem;width:100%;text-align:left}.header-container .header-right .logged-user .menuItem .red{color:#cd5353!important}.header-container .header-right .logged-user .menuItem .switch-company-button{padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;color:#8860d0}.header-container .header-right .logged-user .menuItem .switch-company-button-icon{margin-top:4px}.header-container .header-right .logged-user .menuItem .back-button{padding:0;margin:0;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:10px;flex-wrap:nowrap;color:#3e1e79}.header-container .header-right .logged-user .menuItem .back-button-icon{margin-top:4px}.header-container .header-right .logged-user .menuItem:hover{background-color:#e7e7e7}.header-container .header-right .menu-header{display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden;width:180px;padding:8px 16px;gap:8px}.header-container .header-right .menu-header-avatar-img{height:24px;width:24px;border-radius:50%;border:1px solid #4f4f4f;overflow:hidden;object-fit:contain;object-position:center}.header-container .header-right .menu-header-content{display:flex;align-items:start;justify-content:flex-start;flex-direction:column}.header-container .header-right .menu-header-content-company-name{font-size:.857rem;padding-bottom:2px;width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-container .header-right .menu-header-content-user-role{font-size:.714rem;color:#8c9196}.header-container .header-right .menu-list{display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden;width:180px;padding:8px 12px;gap:8px;transition:all .3s ease-in-out;position:relative}.header-container .header-right .menu-list:hover{background-color:#8860d01c}.header-container .header-right .menu-list-avatar-img{height:24px;width:24px;border-radius:50%;border:1px solid #4f4f4f;overflow:hidden;object-fit:contain;object-position:center}.header-container .header-right .menu-list-content{display:flex;align-items:start;justify-content:flex-start;flex-direction:column}.header-container .header-right .menu-list-content-company-name{font-size:.857rem;padding-bottom:2px;width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-container .header-right .menu-list-content-user-role{font-size:.714rem;color:#8c9196}.header-container .header-right .menu-list-selected{position:absolute;right:8px;top:12px;color:#8860d0;font-size:16px}.header-container .header-right .header-notification{position:relative;display:flex;align-items:center}.header-container .header-right .header-notification .notification-trigger{position:relative;width:2rem;height:2rem;border-radius:10px;border:0;background:none;color:#8860d0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.header-container .header-right .header-notification .notification-trigger:hover,.header-container .header-right .header-notification .notification-trigger--active{background:#8860d02e}.header-container .header-right .header-notification .notification-badge{position:absolute;top:-2px;right:-2px;min-width:14px;height:14px;border-radius:10px;background:#cd5353;color:#fff;font-size:.714rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid #ffffff}.header-dropdown-container{display:inline-flex;font-size:.857rem!important}.header-dropdown-container .header-dropdown-left,.header-dropdown-container .header-dropdown-right{height:max-content;font-size:.857rem!important}.notification-dropdown{width:100%;background:#fff;border-radius:12px;border:1px solid rgba(136,96,208,.12);box-shadow:0 16px 32px #1c232d26;overflow:hidden;display:flex;flex-direction:column}.notification-dropdown__header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.notification-dropdown__header-content{display:flex;flex-direction:column;gap:2px}.notification-dropdown__close{display:none}@media all and (max-width: 576px){.notification-dropdown__close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#3e1e79;cursor:pointer;padding:8px}}.notification-dropdown__title{font-size:1rem;font-weight:600;color:#000}.notification-dropdown__subtitle{font-size:.857rem;color:#3e1e79}.notification-dropdown__action{background:none;border:none;font-size:.857rem;font-weight:500;color:#8860d0;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .2s ease}.notification-dropdown__action:hover{background:#8860d014}.notification-dropdown__list{max-height:80vh;max-width:420px;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}@media all and (max-width: 768px){.notification-dropdown__list{max-width:280px;width:100%}}@media all and (max-width: 576px){.notification-dropdown__list{max-width:none;flex:1;max-height:none}}@media all and (max-width: 576px){.notification-dropdown{border-radius:0;box-shadow:none;height:100%;width:100%;border:none}}.notification-dropdown__state{padding:60px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:20px;min-height:300px;flex:1}@media all and (max-width: 576px){.notification-dropdown__state{padding:40px 20px;justify-content:center;height:100%}}.notification-dropdown__state-icon{width:80px;height:80px;border-radius:50%;background:#8860d014;color:#8860d0;display:flex;align-items:center;justify-content:center;flex-direction:row;margin-bottom:8px}.notification-dropdown__state-icon.error{background:#cd535314;color:#cd5353}.notification-dropdown__state-content{display:flex;flex-direction:column;gap:8px;max-width:280px}.notification-dropdown__state-content h3{font-size:18px;font-weight:700;color:#000;margin:0}.notification-dropdown__state-content p{font-size:14px;line-height:1.5;color:#3e1e79;margin:0}.notification-dropdown__state-close-btn{margin-top:16px;padding:12px 32px;border-radius:14px;background:#8860d0;border:1px solid rgba(136,96,208,.1);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8860d033;display:inline-flex;align-items:center;justify-content:center}.notification-dropdown__state-close-btn:hover{background:#794cca;transform:translateY(-2px);box-shadow:0 6px 20px #8860d04d}.notification-dropdown__state-close-btn:active{transform:translateY(0) scale(.96)}.notification-dropdown__state-close-btn.error-btn{background:#cd5353;box-shadow:0 4px 12px #cd535333}.notification-dropdown__state-close-btn.error-btn:hover{background:#c73f3f;box-shadow:0 6px 20px #cd53534d}.notification-dropdown__state>span{font-size:14px;color:#3e1e79;font-weight:500;margin-top:8px}.notification-dropdown__empty{display:none}.notification-dropdown__pagination-loader{width:100%;text-align:center;padding-block:5px}.notification-dropdown__footer{border:none;background:#8860d014;color:#8860d0;font-size:.857rem;font-weight:600;padding:10px 16px;cursor:pointer;transition:background .2s ease}.notification-dropdown__footer:hover{background:#8860d02e}.notification-card{display:grid;grid-template-columns:4px 1fr;gap:10px;padding:10px 16px;transition:background .2s ease}.notification-card--unread{background:#8860d014}.notification-card:hover{background:#8860d01f}.notification-card__accent{border-radius:8px}.notification-card__accent--alert{background:#cd5353}.notification-card__accent--reminder{background:#f8b046}.notification-card__accent--update{background:#4e9f4c}.notification-card__body{display:flex;flex-direction:column;gap:4px}.notification-card__body-header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:10px}.notification-card__title{font-size:.857rem;font-weight:600;color:#000}.notification-card__description{font-size:.857rem;color:#3e1e79;margin:0}.notification-card__description>p{display:flex;flex-direction:column}.notification-card__description>p>span{display:none}.notification-card__description>p>span:first-child{display:inline-block;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-card__time{font-size:.714rem;color:#8c9196}.notification-card__badge{text-transform:capitalize;font-size:.714rem;font-weight:500;padding:3px 8px;border-radius:999px;background:#8860d01f;color:#8860d0}.notification-card__badge--alert{background:#cd53531f;color:#cd5353}.notification-card__badge--reminder{background:#f8b0462e;color:#f8b046}.notification-card__badge--update{background:#4e9f4c2e;color:#4e9f4c}.change-password-modal,.change-password-modal-form{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:10px}.change-password-modal-header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;margin:16px 0}.change-password-modal-form{margin-top:8px;width:100%;gap:8px}.change-password-modal .error-text,.change-password-modal-form .error-text{color:#dc2626;font-size:10px;text-align:start;width:100%;padding-left:3px;margin-top:-3px}.input-field-container{position:relative;width:100%}.input-field-container .password-icon,.input-field-container .search-icon{position:absolute;right:.857rem;top:.143rem;height:90%;display:flex;align-items:center;justify-content:center;flex-direction:row;color:#3e1e79;-webkit-user-select:none;user-select:none;cursor:pointer;background:transparent}@media all and (max-width: 576px){.input-field-container .password-icon,.input-field-container .search-icon{font-size:1.714rem;color:#8860d0}}.input-field-container .search-icon{font-size:1.286rem}.input-field-container .input-error{position:absolute;width:100%;bottom:-1.143rem;left:0;color:#cd5353;font-size:.714rem;padding:.143rem;font-weight:500}.input-field-container .info{position:absolute;bottom:-1.143rem;right:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:.143rem;font-size:.714rem;padding:.143rem .571rem;color:#8c9196}.textarea{font-size:1rem!important;position:relative;width:100%;border-radius:4px;border:1px solid #f3effc!important;color:#000;outline:none;padding:.571rem 1.143rem!important;background:#2c6ecb11!important;resize:none;font-family:QuickSand!important}.textarea::placeholder{color:#8c9196}.textarea:hover{transition:all .3s ease-in-out;border:1px solid #8860d0!important}.textarea:focus{outline-offset:0px;outline:none;border:1px solid #8860d0!important}.textarea:focus::placeholder{color:#8c9196}.textarea:focus:hover{transition:all .3s ease-in-out;border:1px solid #8860d0!important}.textarea:focus:focus{outline-offset:0px;outline:none;border:1px solid #8860d0!important}.textarea.disabled{color:#8c9196!important;background-color:#e7e7e7!important}.textarea.disabled:hover{cursor:not-allowed;border:1px solid #919090!important}.inputfield{font-size:1rem;position:relative;width:100%;border-radius:4px;border:1px solid #f3effc;color:#000;height:3.714rem;outline:none;padding:.571rem 1.143rem;background-color:#2c6ecb11;resize:none;font-family:QuickSand}.inputfield.scale-down{font-size:.857rem;height:2.857rem;padding:.143rem .571rem}.inputfield input::-webkit-outer-spin-button,.inputfield input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inputfield input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;font-size:1rem}.inputfield::placeholder{color:#8c9196}.inputfield:hover{transition:all .3s ease-in-out;border:1px solid #8860d0}.inputfield:focus{outline-offset:0px;outline:none;border:1px solid #8860d0}.inputfield.error{border:1px solid #cd5353}.inputfield.error.line-item{border:none;border-bottom:1px solid #cd5353}.inputfield.error:focus{border:1px solid #cd5353}.inputfield.error:focus.line-item{border:none;border-bottom:1px solid #cd5353}.inputfield.disabled{color:#8c9196!important;background:#ddddeb}.inputfield.disabled:hover{cursor:not-allowed;border:1px solid #919090}.inputfield.password{padding-right:16px}.inputfield.nepali{font-family:Preeti;font-size:14px;font-weight:500}.inputfield.nepali::placeholder{color:#8c9196;font-size:14px}.inputfield input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}.inputfield input[type=datetime-local]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none;-webkit-user-select:none;user-select:none}.dateInputField{display:flex;flex-direction:column;gap:1.5rem}.dateInputField--container-class{position:relative;width:100%}.dateInputField .label{display:flex;font-size:1.143rem;font-weight:500}.dateInputField .label>.dateInputField .label-span{font-size:.875rem;font-weight:700}.dateInputField .main-container{display:flex;width:100%;cursor:pointer;border:1px solid #e5e7eb;border-radius:4px}.dateInputField .main-container:hover{transition:all .3s ease-in-out;border:1px solid #8860d0}.dateInputField .main-container:focus{outline-offset:0px;outline:none;border:1px solid #8860d0}.dateInputField .main-container .prepend{color:#798692;display:flex;align-items:center;font-size:1.429rem;background-color:#2c6ecb11;padding:.571rem;padding-right:0}.dateInputField .main-container .datePickerWrapper{width:100%}.dateInputField .main-container .datePickerComp{cursor:pointer;width:100%;text-align:left;border:none}.dateInputField .main-container .datePickerComp--prepend{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left-width:0}.dateInputField .main-container .datePickerComp--error{border-color:#fca5a5}.dateInputField .main-container .datePickerComp--calendar{font-size:13px;padding-bottom:12px;padding-inline:5px;font-family:QuickSand;background-color:#fff}.dateInputField .date-picker-error-paragraph{position:absolute;left:1.5rem;font-size:.875rem;line-height:1.25rem;color:#fca5a5}.timeInputField{display:flex;flex-direction:column;gap:1.5rem}.timeInputField--container-class{position:relative;width:100%}.timeInputField .label{display:flex;font-size:1.143rem;font-weight:500}.timeInputField .label>.timeInputField .label-span{font-size:.875rem;font-weight:700}.timeInputField .main-container{display:flex;width:100%;cursor:pointer;border-radius:4px;border:1px solid #f3effc;color:#000;height:3.714rem;outline:none;padding:.571rem 1.143rem;background-color:#2c6ecb11}.timeInputField .main-container:hover{transition:all .3s ease-in-out;border:1px solid #8860d0}.timeInputField .main-container:focus{outline-offset:0px;outline:none;border:1px solid #8860d0}.timeInputField .main-container .prepend{color:#798692;display:flex;align-items:center;font-size:1.429rem;background-color:#2c6ecb11;padding:.571rem;padding-right:0}.timeInputField .main-container .react-time-picker__wrapper{border:none}.timeInputField .main-container .react-time-picker__wrapper .react-time-picker__clear-button{display:none}.timeInputField .main-container .timePickerWrapper{width:100%}.timeInputField .main-container .timePickerComp{border-color:#e5e7eb;cursor:pointer;width:100%;text-align:left;border:none}.timeInputField .main-container .timePickerComp--prepend{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left-width:0}.timeInputField .main-container .timePickerComp--error{border-color:#fca5a5}.timeInputField .time-picker-error-paragraph{position:absolute;left:1.5rem;font-size:.875rem;line-height:1.25rem;color:#fca5a5}.date-input-date-picker-header{margin:10px;display:flex;justify-content:center;gap:15px}.date-input-date-picker-input-wrapper{display:flex;justify-content:center;gap:5px}.date-input-date-picker-year-input,.date-input-date-picker-month-input{border:0px;font-size:16px;font-family:QuickSand;cursor:pointer}.date-input-date-picker-year-input:focus,.date-input-date-picker-month-input:focus{outline:none}.date-input-date-picker-back-btn,.date-input-date-picker-next-btn{cursor:pointer;border:0px;background-color:#8860d033!important;color:#8860d0;padding:4px;border-radius:5px;font-size:20px;font-family:QuickSand}.react-datepicker{border-color:#8860d0!important}.react-datepicker__header{background-color:#fff!important;border-bottom:0px!important}.menu-container{background-color:#fff;padding:6px 0;box-shadow:0 6px 20px #00000014;border:1px solid #f1f1f1;border-radius:10px;margin:0;position:relative}.menu-container-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.menu-item{padding:10px 24px;display:block;background-color:#fff;border:none;outline:none;cursor:pointer;transition:background-color .3s}.menu-item:hover,.menu-item:active{background-color:#f3effc}.menu-item:focus{outline:1px solid #e1e1e1}.menu-item.danger{color:#ffb17a}.menu-separator{width:100%;border-bottom:1px solid #f3effc;margin:5px 0}dialog[open]{animation:show .3s ease normal}dialog[open]::backdrop{opacity:1;transition:all .3s ease-in-out}dialog.hide{animation:hide .3s ease normal}dialog.hide::backdrop{opacity:0;transition:all .3s ease-in-out}dialog::backdrop{background-color:#00000080;transition:all .3s ease-in-out}@keyframes show{0%{opacity:0;scale:.5;transform-origin:0 0}to{opacity:1;scale:1;transform-origin:0 0}}@keyframes hide{to{opacity:0;scale:.5;transform-origin:0 0}0%{opacity:1;scale:1;transform-origin:0 0}}.modal::backdrop{background-color:#00000080}.modal{background-color:#fff;border-radius:10px;border:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-content-wrapper{padding:.857rem}.modal-content-wrapper>.modal-title{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #d1d1d1;padding:.857rem 0;margin-bottom:.857rem;position:sticky;z-index:100;top:0;right:0;bottom:0;left:0;background-color:#fff;font-weight:600}.modal-content-wrapper>.modal-title>.close-btn{font-size:1.429rem;cursor:pointer}.modal-content-wrapper .close-btn-absolute{position:absolute;right:.857rem;top:.857rem;font-size:1.429rem;cursor:pointer}.modal--md{width:768px}.modal--lg{width:992px}.modal--sm{width:576px}.modal--responsive{width:fit-content}@media all and (max-width: 768px){.modal--responsive{width:100%}}.selectfield{width:100%;text-align:left}.selectfield .css-26l3qy-menu{z-index:100}.selectfield-container{position:relative;width:100%}.selectfield-container .selectfield__error{position:absolute;width:100%;bottom:-1.143rem;left:0;color:#cd5353;font-size:.714rem;padding:.143rem;font-weight:500}.tab{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column}.tab-trigger-element{display:flex;align-items:center;justify-content:center;flex-direction:row}.tab-title{display:flex;border-bottom:1px solid #e6e6e7;align-items:center}.tab-title-left{flex:1;display:flex;align-items:center}.tab-title-left .tab-item{padding:10px 12px;font-size:14px;cursor:pointer;color:#212121;position:relative;border-radius:4px 4px 0 0;transition:all .2s ease-in-out;margin:0 2px}.tab-title-left .tab-item.submitted{background-color:#cae3be}.tab-title-left .tab-item.notsubmitted{background-color:#ffdcdc}.tab-title-left .tab-item.cantbeentered{background-color:#ffb3b3}.tab-title-left .tab-item.tempsubmitted{background-color:#ffeb99}.tab-title-left .tab-item-indicator,.tab-title-left .tab-item-indicator-badge{position:absolute;top:5px;right:5px;height:5px;width:5px;padding:2px;border-radius:50%;background-color:#4e9f4c;font-size:10px;text-align:center;color:#fff}.tab-title-left .tab-item-indicator.red,.tab-title-left .red.tab-item-indicator-badge{background-color:#cd5353}.tab-title-left .tab-item-indicator.green,.tab-title-left .green.tab-item-indicator-badge{background-color:#4e9f4c}.tab-title-left .tab-item-indicator.yellow,.tab-title-left .yellow.tab-item-indicator-badge{background-color:#f8b046}.tab-title-left .tab-item-indicator.orange,.tab-title-left .orange.tab-item-indicator-badge{background-color:#ffa366}.tab-title-left .tab-item-indicator-badge{top:-2px;right:-3px;height:16px;width:max-content;min-width:16px;padding:2px}.tab-title-left .tab-item-indicator-badge.red{background-color:#cd5353}.tab-title-left .tab-item-indicator-badge.green{background-color:#4e9f4c}.tab-title-left .tab-item-indicator-badge.yellow{background-color:#f8b046}.tab-title-left .tab-item-indicator-badge.orange{background-color:#ffa366}.tab-title-left .tab-item:first-child{margin-left:0}.tab-title-left .tab-item:last-child{margin-right:0}.tab-title-left .tab-item:hover{background:#a1a1a1}.tab-title-left .tab-item.active{background:#8860d0;color:#fff}.vertical-tab{display:flex}.vertical-tab-titles{margin-right:20px;border-right:1px solid #e6e6e7;width:200px;min-width:200px}.vertical-tab-titles .tab-item{padding:10px 12px;cursor:pointer;color:#212121;position:relative;border-radius:4px 0 0 4px;transition:all .2s ease-in-out}.vertical-tab-titles .tab-item:first-child{margin-left:0}.vertical-tab-titles .tab-item:last-child{margin-right:0}.vertical-tab-titles .tab-item:hover{background:#a1a1a1}.vertical-tab-titles .tab-item.active{background:#8860d0;color:#fff}.vertical-tab-body{margin-top:-10px;width:100%}.table-container{width:100%}.table-container--horizontal-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.table-container .data-table{width:100%;background-color:#ffffff09;min-width:100%}.table-container .data-table--has-resized{width:auto;min-width:100%}.table-container .data-table--stripped tbody tr:nth-child(2n){background-color:#ffffff09}.table-container .data-table--stripped tbody tr:nth-child(odd){background-color:#fff}.table-container .data-table--hover tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.table-container .data-table tr th,.table-container .data-table tr td{padding:15px;text-align:center}.table-container .data-table tr th{padding:20px}.table-container .data-table tr th.table-header--sticky{background:#fbf9fd;box-shadow:2px 0 4px #0000000d}.table-container .data-table tr td{transition:background .2s ease,transform .2s ease,opacity .2s ease,border .2s ease}.table-container .data-table tr td.table-cell--sticky{background:#fff;box-shadow:2px 0 4px #0000000d}.table-container .data-table--stripped tbody tr td.table-cell--sticky{background:#fff}.table-container .data-table--stripped tbody tr:nth-child(2n) td.table-cell--sticky{background:#f7f3fb}.table-container .data-table--stripped tbody tr:nth-child(odd) td.table-cell--sticky{background:#fff}.table-container .data-table tbody{color:#444}.table-container .data-table tbody .action-button{cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.table-container .data-table thead{border-bottom:1.5px solid rgba(136,96,208,.1)}.table-container .data-table thead .table-header{position:relative;font-weight:600;letter-spacing:.01em;color:#3e1e79;transition:color .2s ease;-webkit-user-select:none;user-select:none}.table-container .data-table thead .table-header--dragging{opacity:.5;cursor:grabbing!important;background:#8860d01a}.table-container .data-table thead .table-header--drag-over{border-left:3px solid #8860d0;background:#8860d014}.table-container .data-table thead .table-header--non-draggable{cursor:not-allowed!important;position:relative}.table-container .data-table thead .table-header--non-draggable:after{content:"🔒";position:absolute;top:4px;right:4px;font-size:10px;opacity:.6}.table-container .data-table thead .table-header--non-draggable:hover{background:#8860d008}.table-container .data-table thead .table-header--sortable .table-header__button{cursor:pointer}.table-container .data-table thead .table-header--sortable:hover,.table-container .data-table thead .table-header--sortable:focus-within{color:#000}.table-container .data-table thead .table-header--sorted{color:#8860d0}.table-container .data-table thead .table-header__content{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container .data-table thead .table-header__button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;outline:none;padding:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;transition:color .2s ease}.table-container .data-table thead .table-header__button:focus-visible{box-shadow:0 0 0 2px #8860d040;border-radius:6px}.table-container .data-table thead .table-header__icon{transition:transform .2s ease,color .2s ease;color:inherit}.table-container .data-table thead .table-header--sortable:hover .table-container .data-table thead .table-header__icon,.table-container .data-table thead .table-header--sortable:focus-within .table-container .data-table thead .table-header__icon{transform:translateY(1px)}.table-container .data-table thead .table-header__resizer{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background:transparent;z-index:10;-webkit-user-select:none;user-select:none;transition:background .2s ease}.table-container .data-table thead .table-header__resizer:hover{background:#8860d04d}.table-container .data-table thead .table-header__resizer:active{background:#8860d0}.table-container .data-table thead .table-header--resize-mode{position:relative}.table-container .data-table thead .table-header--resize-mode:hover .table-header__resizer{background:#8860d033}.table-container .data-table thead .table-header--resizing .table-header__resizer{background:#8860d0;width:2px}.table-container .data-table--resize-mode .table-header{position:relative}.table-container .data-table--resize-mode .table-header__resizer{display:block}.table-container .data-table--resize-mode tbody tr td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container .data-table--reorder-mode thead .table-header{cursor:grab;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.table-container .data-table--reorder-mode thead .table-header:active{cursor:grabbing}.table-container .data-table--reorder-mode thead .table-header:hover{background:#8860d00d}.table-container .data-table--reorder-mode thead .table-header--dragging{cursor:grabbing!important;opacity:.4;transform:scale(.98);box-shadow:0 4px 12px #8860d033;background:#8860d026;position:relative;z-index:1000}.table-container .data-table--reorder-mode thead .table-header--dragging:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px dashed #8860d0;pointer-events:none;animation:dragPulse 1.5s ease-in-out infinite}.table-container .data-table--reorder-mode thead .table-header--drag-over{border-left:4px solid #8860d0;background:#8860d01f;position:relative;transform:translate(2px);box-shadow:-2px 0 8px #8860d026}.table-container .data-table--reorder-mode thead .table-header--drag-over:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:#8860d0;animation:pulse 1s ease-in-out infinite}.table-container .data-table--reorder-mode thead .table-header--non-draggable{cursor:not-allowed!important}.table-container .data-table--reorder-mode thead .table-header--non-draggable:hover{background:#8860d005}.table-container .data-table--reorder-mode tbody tr .table-cell--dragging{opacity:.4;background:#8860d014;transform:scale(.98);transition:opacity .2s ease,transform .2s ease,background .2s ease;position:relative}.table-container .data-table--reorder-mode tbody tr .table-cell--dragging:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed rgba(136,96,208,.4);pointer-events:none}.table-container .data-table--reorder-mode tbody tr .table-cell--drag-over{background:#8860d01a;border-left:2px solid #8860d0;transform:translate(2px);transition:background .2s ease,transform .2s ease,border .2s ease}@keyframes dragPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.table-container .data-table--no-bg{background:none!important}.table-container .table-pagination{display:flex;width:100%;justify-content:center;padding:10px}.table-column-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:.571rem;left:0;position:sticky}.table-column-controls__button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1.5px solid rgba(136,96,208,.2);border-radius:6px;color:#3e1e79;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000a;outline:none}.table-column-controls__button:hover{background:#8860d00d;border-color:#8860d0;color:#8860d0;transform:translateY(-1px);box-shadow:0 4px 8px #8860d026}.table-column-controls__button:active{transform:translateY(0);box-shadow:0 2px 4px #00000014}.table-column-controls__button.active{background:#8860d01a;border-color:#8860d0;color:#8860d0;box-shadow:0 2px 8px #8860d033}.table-column-controls__button svg{transition:transform .2s ease;width:16px;height:16px}.table-column-controls__button.active svg{transform:scale(1.1)}@media (max-width: 768px){.table-column-controls__button--resize,.table-column-controls__button--reorder{display:none}}.table-column-controls__dropdown{background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;min-width:200px;max-width:260px;overflow:hidden;border:1px solid rgba(136,96,208,.1);transform-origin:top right;animation:dropdownScaleIn .15s ease-out}@keyframes dropdownScaleIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.table-column-controls__header{padding:10px 14px;background:linear-gradient(135deg,#8860d014,#8860d00a);border-bottom:1px solid rgba(136,96,208,.1);font-weight:600;font-size:12px;color:#000;letter-spacing:.2px}.table-column-controls__list{max-height:240px;overflow-y:auto;padding:4px 0}.table-column-controls__list::-webkit-scrollbar{width:4px}.table-column-controls__list::-webkit-scrollbar-track{background:#8860d00d}.table-column-controls__list::-webkit-scrollbar-thumb{background:#8860d04d;border-radius:2px}.table-column-controls__list::-webkit-scrollbar-thumb:hover{background:#8860d080}.table-column-controls__item{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none}.table-column-controls__item:hover{background:#8860d00f}.table-column-controls__item.visible{background:#8860d008}.table-column-controls__item.compulsory{background:#8860d00d;border-left:2px solid #8860d0}.table-column-controls__item.compulsory:hover{background:#8860d014}.table-column-controls__item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.table-column-controls__item:has(input:disabled){opacity:.7;cursor:not-allowed}.table-column-controls__item:has(input:disabled):hover{background:#8860d00d}.table-column-controls__item:has(input:disabled).compulsory:hover{background:#8860d014}.table-column-controls__checkbox{display:flex;align-items:center;justify-content:center;color:#8c9196;transition:all .2s ease;flex-shrink:0;width:14px;height:14px}.table-column-controls__checkbox svg{width:14px;height:14px}.table-column-controls__item.visible .table-column-controls__checkbox{color:#8860d0}.table-column-controls__item.compulsory .table-column-controls__checkbox{color:#8860d0;opacity:.8}.table-column-controls__item.compulsory.visible .table-column-controls__checkbox{opacity:1}.table-column-controls__item:hover .table-column-controls__checkbox{transform:scale(1.1)}.table-column-controls__item:has(input:disabled):hover .table-column-controls__checkbox{transform:none}.table-column-controls__label{flex:1;font-size:12px;color:#000;font-weight:400;transition:color .2s ease;display:flex;align-items:center;gap:6px}.table-column-controls__item.visible .table-column-controls__label{color:#000;font-weight:500}.table-column-controls__badge{display:inline-flex;align-items:center;padding:1px 6px;background:#8860d026;color:#8860d0;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-left:auto;white-space:nowrap}.table-column-controls__footer{padding:8px 14px;border-top:1px solid rgba(136,96,208,.1);background:#8860d005;display:flex;flex-direction:column;gap:6px}.table-column-controls__action{width:100%;padding:6px 12px;background:#8860d01a;border:1px solid rgba(136,96,208,.2);border-radius:4px;color:#8860d0;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.table-column-controls__action:hover{background:#8860d026;border-color:#8860d0;transform:translateY(-1px);box-shadow:0 2px 6px #8860d033}.table-column-controls__action:active{transform:translateY(0)}.table-column-controls__action.active{background:#8860d033;border-color:#8860d0;box-shadow:0 0 0 2px #8860d033;font-weight:600}.table-column-controls__action svg{flex-shrink:0}body:has(.payrollHistoryTable.dark) .table-container .data-table{background-color:transparent!important}body:has(.payrollHistoryTable.dark) .table-container .data-table thead tr th{color:#fff}body:has(.payrollHistoryTable.dark) .table-container .data-table tbody tr{cursor:pointer}body:has(.payrollHistoryTable.dark) .table-container .data-table tbody tr:hover{background-color:#100b18;box-shadow:0 0 0 3px #9c84d833}body:has(.payrollHistoryTable.dark) .table-container .data-table tbody tr:hover td{color:#fff}body:has(.payrollHistoryTable.dark) .table-container .data-table tbody tr td{cursor:pointer;color:#8c9196}.tooltip-container{position:relative}.tooltip{pointer-events:none;width:fit-content;max-width:200px;position:absolute;top:0;left:0;z-index:999!important;background-color:#000;font-size:x-small;color:#fff;border-radius:5px;transform:translateY(-120%);opacity:0;display:none}.tooltip>.tooltip-arrow{z-index:-1;position:absolute;width:0;height:0;bottom:0;left:50%;transform:translate(-50%) translateY(50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid black}.tooltip--shown{opacity:1;display:block}.tooltip--top{transform:translateY(-110%)}.tooltip--top>.tooltip-arrow{bottom:0;left:50%;transform:translate(-50%) translateY(50%)}.tooltip--between{left:50%;transform:translate(-50%,-110%);width:max-content}.tooltip--between>.tooltip-arrow{bottom:0;left:50%;transform:translate(-50%) translateY(50%)}.tooltip--customTop{transform:translate(80%,-110%)}.tooltip--customTop>.tooltip-arrow{bottom:0;left:50%;transform:translate(-50%) translateY(50%)}.tooltip--bottom{transform:translateY(70%)}.tooltip--bottom>.tooltip-arrow{top:0;left:50%;transform:translate(-50%) translateY(-50%) rotate(180deg)}.tooltip--left{transform:translate(-80%,-10%)}.tooltip--left>.tooltip-arrow{top:50%;left:100%;transform:translate(-50%) translateY(-50%) rotate(270deg)}.tooltip--right{top:50%;transform:translateY(-50%);left:100%}.tooltip--right>.tooltip-arrow{top:50%;left:0;transform:translate(-50%) translateY(-50%) rotate(90deg)}.tooltip>.tooltip-title{padding:10px;z-index:1;white-space:pre-wrap;word-wrap:break-word}.toggle{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:44px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;transition:opacity .2s ease-in-out}.toggle__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#8860d040;transition:background .2s ease-in-out}.toggle__thumb{position:relative;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #2d225626;transform:translate(2px);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.toggle--checked .toggle__track{background:linear-gradient(135deg,#8860d0,#9c80ce)}.toggle--checked .toggle__thumb{transform:translate(22px);box-shadow:0 4px 12px #8860d059}.toggle--disabled{cursor:not-allowed;opacity:.5}.pagination,.pagination-container{display:flex;align-items:stretch;justify-content:space-between;flex-direction:row;gap:4px;cursor:pointer}.pagination-left,.pagination-right{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:6px;border:1px solid #d1d1d1;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out;width:max-content;height:2.1rem;text-align:center;color:#313131;-webkit-user-select:none;user-select:none}.pagination-left:hover,.pagination-right:hover{background-color:#d1d1d1}.pagination-left svg,.pagination-right svg{flex-shrink:0;color:gray}.pagination-left-disabled,.pagination-right-disabled{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:6px;border:1px solid #d1d1d1;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out;width:max-content;height:2.1rem;text-align:center;color:#313131;-webkit-user-select:none;user-select:none}.pagination-left-disabled:hover,.pagination-right-disabled:hover{background-color:#d1d1d1}.pagination-left-disabled svg,.pagination-right-disabled svg{flex-shrink:0;color:gray}.pagination-left-disabled,.pagination-right-disabled{border-color:#d1d1d1;background-color:#efefef;color:#a1a1a1;pointer-events:none}.pagination-numbers,.pagination-numbers-active{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:6px;border:1px solid #d1d1d1;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out;width:max-content;height:2.1rem;text-align:center;color:#313131;-webkit-user-select:none;user-select:none}.pagination-numbers:hover,.pagination-numbers-active:hover{background-color:#d1d1d1}.pagination-numbers svg,.pagination-numbers-active svg{flex-shrink:0;color:gray}.pagination-numbers,.pagination-numbers-active{min-width:2.1rem;width:max-content}.pagination-numbers-active{border-color:#a1a1a1;background-color:#8860d0;color:#fff}.card{background-color:#fff;padding:2.571rem;border-radius:8px;box-shadow:0 0 15px -5px #8860d080;height:100%;width:100%}.breadcrumb-container .breadcrumb{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}.breadcrumb-container .breadcrumb a{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;text-decoration:none;color:#000!important}.breadcrumb-container .breadcrumb a+a:before{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;padding:.286rem;color:#000;content:"/ "}.breadcrumb-container .breadcrumb-link{color:#313131}.breadcrumb-container .breadcrumb-link.active{color:#8860d0}.update-user-image-profile-picture{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;height:200px;width:200px;background-color:#f5f5f5;margin:.857rem 0;border-radius:50%;overflow:hidden;cursor:pointer;background:#0000004d;color:#fff}.update-user-image-profile-picture-update{position:absolute;cursor:pointer}.update-user-image-profile-picture>img{height:100%;object-fit:cover}.update-user-image .ok-cancel-icons{display:flex;justify-content:center;align-items:center;justify-content:space-around;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;background-color:#f5f5f580}.update-user-image .ok-cancel-icons-ok-icon,.update-user-image .ok-cancel-icons-cancel-icon{font-size:40px;padding:5px;color:#fff;border-radius:50%;background-color:#7c7c7c}.update-user-image-update{display:flex;align-items:center;justify-content:center;flex-direction:row;position:absolute;width:100%;height:20%;background:#0000004d;cursor:pointer}.update-user-image-update-icon{z-index:2;color:#fff}.update-user-image-update-input{visibility:hidden}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.714rem}.image-viewer-overlay .image-viewer-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.143rem 1.714rem;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);z-index:10;cursor:default}.image-viewer-overlay .image-viewer-header-left{display:flex;align-items:center;gap:.857rem}.image-viewer-overlay .image-viewer-header-title{color:#fff;font-size:1.286rem;font-weight:600;margin:0}.image-viewer-overlay .image-viewer-header-counter{color:#ffffffb3;font-size:1rem;background:#ffffff1a;padding:4px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-viewer-overlay .image-viewer-header-close{background:none;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-viewer-overlay .image-viewer-header-close:hover{background:#fff3;transform:scale(1.1)}.image-viewer-overlay .image-viewer-header-close:active{transform:scale(.95)}.image-viewer-overlay .image-viewer-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:90vw;max-height:80vh;position:relative;overflow:hidden}.image-viewer-overlay .image-viewer-container .image-viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none}.image-viewer-overlay .image-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.image-viewer-overlay .image-viewer-nav:hover:not(:disabled){background:#fff3;transform:translateY(-50%) scale(1.1)}.image-viewer-overlay .image-viewer-nav:active:not(:disabled){transform:translateY(-50%) scale(.95)}.image-viewer-overlay .image-viewer-nav:disabled{opacity:.3;cursor:not-allowed}.image-viewer-overlay .image-viewer-nav.image-viewer-prev{left:1.714rem}.image-viewer-overlay .image-viewer-nav.image-viewer-next{right:1.714rem}.image-viewer-overlay .image-viewer-controls{position:absolute;bottom:2.286rem;left:50%;transform:translate(-50%);display:flex;gap:.571rem;background:#0009;padding:.571rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.image-viewer-overlay .image-viewer-controls-btn{background:#ffffff1a;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:600}.image-viewer-overlay .image-viewer-controls-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.image-viewer-overlay .image-viewer-controls-btn:active:not(:disabled){transform:scale(.95)}.image-viewer-overlay .image-viewer-controls-btn:disabled{opacity:.3;cursor:not-allowed}.image-viewer-overlay .image-viewer-thumbnails{position:absolute;bottom:0;left:0;right:0;display:flex;gap:.571rem;padding:1.143rem 1.714rem;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.image-viewer-overlay .image-viewer-thumbnails::-webkit-scrollbar{height:6px}.image-viewer-overlay .image-viewer-thumbnails::-webkit-scrollbar-track{background:transparent}.image-viewer-overlay .image-viewer-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.image-viewer-overlay .image-viewer-thumbnails::-webkit-scrollbar-thumb:hover{background:#ffffff80}.image-viewer-overlay .image-viewer-thumbnails .image-viewer-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:#ffffff1a;transition:all .2s ease;padding:0;position:relative}.image-viewer-overlay .image-viewer-thumbnails .image-viewer-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.image-viewer-overlay .image-viewer-thumbnails .image-viewer-thumbnail:hover{border-color:#ffffff80;transform:scale(1.05)}.image-viewer-overlay .image-viewer-thumbnails .image-viewer-thumbnail:hover img{transform:scale(1.1)}.image-viewer-overlay .image-viewer-thumbnails .image-viewer-thumbnail.active{border-color:#8860d0;box-shadow:0 0 0 2px #8860d0,0 0 20px #8860d080}@media (max-width: 768px){.image-viewer-overlay{padding:1.143rem}.image-viewer-overlay .image-viewer-header{padding:.857rem 1.143rem}.image-viewer-overlay .image-viewer-header-title{font-size:1.143rem}.image-viewer-overlay .image-viewer-header-counter{font-size:.857rem;padding:2px 8px}.image-viewer-overlay .image-viewer-container{max-width:95vw;max-height:70vh}.image-viewer-overlay .image-viewer-nav{width:48px;height:48px}.image-viewer-overlay .image-viewer-nav.image-viewer-prev{left:.571rem}.image-viewer-overlay .image-viewer-nav.image-viewer-next{right:.571rem}.image-viewer-overlay .image-viewer-controls{bottom:1.714rem;padding:.286rem}.image-viewer-overlay .image-viewer-controls-btn{width:36px;height:36px;font-size:.857rem}.image-viewer-overlay .image-viewer-thumbnails{padding:.857rem 1.143rem;gap:.286rem}.image-viewer-overlay .image-viewer-thumbnails .image-viewer-thumbnail{width:60px;height:60px}}.three-dots-loader{display:flex;justify-content:center;align-items:center;gap:10px;height:100px}.three-dots-loader .dot{width:16px;height:16px;background:#7c3aed;border-radius:50%;animation:bounce 1s infinite;animation-delay:calc(var(--i) * .3s)}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.tags-input-wrapper{display:flex;flex-direction:column;gap:4px}.tags-input-wrapper .error-text{color:#dc2626;font-size:13px;margin-left:4px;opacity:1;animation:fadeOut 2s ease forwards}.tags-input{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid #f3f3f3;background:#f1f5fc;border-radius:4px;min-height:52px;cursor:text;transition:border-color .2s ease}.tags-input:hover{border:1px solid #7449c0}.tags-input:focus-within{border:1px solid #7449c0}.tags-input .tag{display:flex;align-items:center;background-color:#dbeafe;color:#7449c0;padding:4px 10px;border-radius:9999px;line-height:1;font-weight:500}.tags-input .tag .remove-btn{margin-left:6px;border:none;background:none;font-size:16px;color:#7449c0;cursor:pointer;line-height:1}.tags-input .tag .remove-btn:hover{color:#1d4ed8}.tags-input .input-field{flex:1;min-width:120px;background:transparent;border:none;outline:none;padding:4px}.tags-input .input-field::placeholder{color:#9ca3af}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.pdf-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.714rem}.pdf-viewer-overlay .pdf-viewer-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.143rem 1.714rem;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);z-index:10;cursor:default}.pdf-viewer-overlay .pdf-viewer-header-left{display:flex;align-items:center;gap:.857rem}.pdf-viewer-overlay .pdf-viewer-header-title{color:#fff;font-size:1.286rem;font-weight:600;margin:0}.pdf-viewer-overlay .pdf-viewer-header-counter{color:#ffffffb3;font-size:1rem;background:#ffffff1a;padding:4px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-viewer-overlay .pdf-viewer-header-close{background:none;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-viewer-overlay .pdf-viewer-header-close:hover{background:#fff3;transform:scale(1.1)}.pdf-viewer-overlay .pdf-viewer-header-close:active{transform:scale(.95)}.pdf-viewer-overlay .pdf-viewer-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:90vw;max-height:80vh;position:relative;overflow:hidden}.pdf-viewer-overlay .pdf-viewer-container .pdf-viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none}.pdf-viewer-overlay .pdf-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.pdf-viewer-overlay .pdf-viewer-nav:hover:not(:disabled){background:#fff3;transform:translateY(-50%) scale(1.1)}.pdf-viewer-overlay .pdf-viewer-nav:active:not(:disabled){transform:translateY(-50%) scale(.95)}.pdf-viewer-overlay .pdf-viewer-nav:disabled{opacity:.3;cursor:not-allowed}.pdf-viewer-overlay .pdf-viewer-nav.pdf-viewer-prev{left:1.714rem}.pdf-viewer-overlay .pdf-viewer-nav.pdf-viewer-next{right:1.714rem}.pdf-viewer-overlay .pdf-viewer-controls{position:absolute;bottom:2.286rem;left:50%;transform:translate(-50%);display:flex;gap:.571rem;background:#0009;padding:.571rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.pdf-viewer-overlay .pdf-viewer-controls-btn{background:#ffffff1a;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:600}.pdf-viewer-overlay .pdf-viewer-controls-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.pdf-viewer-overlay .pdf-viewer-controls-btn:active:not(:disabled){transform:scale(.95)}.pdf-viewer-overlay .pdf-viewer-controls-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-viewer-overlay .pdf-viewer-thumbnails{position:absolute;bottom:0;left:0;right:0;display:flex;gap:.571rem;padding:1.143rem 1.714rem;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.pdf-viewer-overlay .pdf-viewer-thumbnails::-webkit-scrollbar{height:6px}.pdf-viewer-overlay .pdf-viewer-thumbnails::-webkit-scrollbar-track{background:transparent}.pdf-viewer-overlay .pdf-viewer-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.pdf-viewer-overlay .pdf-viewer-thumbnails::-webkit-scrollbar-thumb:hover{background:#ffffff80}.pdf-viewer-overlay .pdf-viewer-thumbnails .pdf-viewer-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:#ffffff1a;transition:all .2s ease;padding:0;position:relative}.pdf-viewer-overlay .pdf-viewer-thumbnails .pdf-viewer-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.pdf-viewer-overlay .pdf-viewer-thumbnails .pdf-viewer-thumbnail:hover{border-color:#ffffff80;transform:scale(1.05)}.pdf-viewer-overlay .pdf-viewer-thumbnails .pdf-viewer-thumbnail:hover img{transform:scale(1.1)}.pdf-viewer-overlay .pdf-viewer-thumbnails .pdf-viewer-thumbnail.active{border-color:#8860d0;box-shadow:0 0 0 2px #8860d0,0 0 20px #8860d080}@media (max-width: 768px){.pdf-viewer-overlay{padding:1.143rem}.pdf-viewer-overlay .pdf-viewer-header{padding:.857rem 1.143rem}.pdf-viewer-overlay .pdf-viewer-header-title{font-size:1.143rem}.pdf-viewer-overlay .pdf-viewer-header-counter{font-size:.857rem;padding:2px 8px}.pdf-viewer-overlay .pdf-viewer-container{max-width:95vw;max-height:70vh}.pdf-viewer-overlay .pdf-viewer-nav{width:48px;height:48px}.pdf-viewer-overlay .pdf-viewer-nav.pdf-viewer-prev{left:.571rem}.pdf-viewer-overlay .pdf-viewer-nav.pdf-viewer-next{right:.571rem}.pdf-viewer-overlay .pdf-viewer-controls{bottom:1.714rem;padding:.286rem}.pdf-viewer-overlay .pdf-viewer-controls-btn{width:36px;height:36px;font-size:.857rem}.pdf-viewer-overlay .pdf-viewer-thumbnails{padding:.857rem 1.143rem;gap:.286rem}.pdf-viewer-overlay .pdf-viewer-thumbnails .pdf-viewer-thumbnail{width:60px;height:60px}}.custom-modal-container .modal--confirmation{width:450px;max-width:95vw;height:max-content;border-radius:4px;overflow:hidden;border:none;box-shadow:0 10px 25px #0000001a}.custom-modal-container .modal--confirmation .modal-content-wrapper{padding:0}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner{display:flex;flex-direction:column}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-header{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;padding:.571rem .857rem;letter-spacing:0px;font-weight:500}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-header .header-title{font-size:1rem;font-weight:600;color:#444;display:flex;align-items:center;gap:10px}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-header .header-title svg{font-size:1.2rem}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-header .close-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#a1a1a1;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s ease}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-header .close-btn:hover{background:#d1d1d1;color:#1f2021}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-content{padding:1.714rem 1.143rem;text-align:left;background:#fff}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-content .confirmation-modal-main-text{font-weight:800;font-size:1.286rem;margin-bottom:.286rem;color:#000;letter-spacing:0px;line-height:1.3;white-space:normal;overflow-wrap:break-word;word-break:break-word}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-content .confirmation-modal-sub-text{font-size:.857rem;color:#666;line-height:1.5}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-footer{display:flex;width:100%;padding:0 .857rem .857rem;gap:10px}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-footer .btn{flex:1;height:40px!important;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:8px}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-footer .btn.cancel-btn{background:#fff!important;color:#555!important;border:1px solid #d1d1d1!important;border-radius:4px}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-footer .btn.cancel-btn:hover{background:#fdfdfd!important;color:#000!important}.custom-modal-container .modal--confirmation .modal-content-wrapper .confirmation-modal-container-inner .confirmation-modal-footer .btn.confirm-btn{border:none!important;border-top:1px solid transparent!important;border-radius:4px}.custom-modal-container .modal--confirmation .close-btn-absolute{display:none}.bs-date-picker{position:relative;width:100%}.bs-date-picker__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;line-height:1.5}.bs-date-picker__required{color:#ef4444;margin-left:4px}.bs-date-picker__wrapper{position:relative;width:100%}.bs-date-picker__input-wrapper{position:relative;display:flex;align-items:center;width:100%;border:1px solid #c4c4c4;border-radius:8px;background-color:transparent;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms;height:56px}.bs-date-picker__input-wrapper:hover{border-color:#8860d0}.bs-date-picker__input-wrapper:hover:not(.bs-date-picker__input-wrapper--readonly):not(.bs-date-picker__input-wrapper--error){border-color:#000}.bs-date-picker__input-wrapper--error,.bs-date-picker__input-wrapper--error:hover{border-color:#d32f2f}.bs-date-picker__input-wrapper--readonly{background-color:#fafafa;cursor:default;border-color:#e0e0e0}.bs-date-picker__input-wrapper:focus-within{border-color:#8860d0;border-width:2px}.bs-date-picker__input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-weight:400;font-size:16px;color:#000000de;padding:0;margin-left:14px}.bs-date-picker__input::placeholder{color:#00000061;opacity:1}.bs-date-picker__input:disabled{cursor:default;color:#00000061}.bs-date-picker__icon{color:#0000008a;margin-right:14px;font-size:16px;flex-shrink:0}.bs-date-picker__helper{margin-top:3px;font-size:12px;color:#0009;line-height:1.66;margin-left:14px;margin-right:14px}.bs-date-picker__helper--error{color:#d32f2f}.bs-date-picker__calendar{padding-top:5px;padding-bottom:10px;z-index:1300;background:#fff;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;min-width:320px;width:320px;overflow:hidden;color:#000000de;font-family:inherit}.bs-date-picker__calendar-header{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#fff;color:#000000de}.bs-date-picker__nav-btn{background:transparent;border:none;color:#8860d0;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;font-size:10px;width:30px;height:30px}.bs-date-picker__nav-btn:hover{background-color:#0000000a}.bs-date-picker__nav-btn:active{background-color:#00000014}.bs-date-picker__nav-btn svg{font-size:15px}.bs-date-picker__month-year{flex:1;text-align:center;font-weight:500}.bs-date-picker__today-btn{background:transparent;border:none;color:#8860d0;cursor:pointer;font-weight:600;font-size:13px;padding:6px 10px;border-radius:4px;transition:background-color .2s;line-height:1.5}.bs-date-picker__today-btn:hover{background-color:#0000000a}.bs-date-picker__calendar-grid{padding:0 16px 16px}.bs-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.bs-date-picker__weekday{text-align:center;font-weight:500;font-size:10px;color:#0009;padding:8px 0;text-transform:uppercase;width:36px;height:40px;display:flex;align-items:center;justify-content:center;margin:0 2px}.bs-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px}.bs-date-picker__day{border:none;background:transparent;padding:0;border-radius:50%;cursor:pointer;font-size:11px;color:#000000de;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:400;margin:0 auto}.bs-date-picker__day:hover:not(.bs-date-picker__day--disabled):not(.bs-date-picker__day--selected){background-color:#0000000a}.bs-date-picker__day--selected{background-color:#8860d0;color:#fff;font-weight:500}.bs-date-picker__day--selected:hover{background-color:#6b3ac3}.bs-date-picker__day--today{border:1px solid rgba(136,96,208,.12)}.bs-date-picker__day--today:not(.bs-date-picker__day--selected){border-color:#8860d03b;font-weight:500}.bs-date-picker__day--other-month{color:#00000061}.bs-date-picker__day--disabled{color:#00000061;cursor:default;pointer-events:none}.bs-date-picker__day:disabled{cursor:default}.bs-date-picker--scaled .bs-date-picker__label{font-size:12px;margin-bottom:4px}.bs-date-picker--scaled .bs-date-picker__input-wrapper{height:36px}.bs-date-picker--scaled .bs-date-picker__input{font-size:13px;margin-left:8px}.bs-date-picker--scaled .bs-date-picker__icon{font-size:18px}.onboarding-tour-spot{transition:background .2s ease}.onboarding-tour-popup{max-width:320px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.2))}.onboarding-tour-popup__arrow{position:absolute;left:-8px;top:90%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid white;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.06))}.onboarding-tour-popup__card{background:#fff;border-radius:16px;padding:20px;border:1px solid rgba(124,58,237,.12);box-shadow:0 8px 32px #7c3aed14}.onboarding-tour-popup__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:22px;margin-bottom:12px}.onboarding-tour-popup__title{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e1b4b;line-height:1.3}.onboarding-tour-popup__text{margin:0 0 14px;font-size:14px;line-height:1.5;color:#64748b}.onboarding-tour-popup__hint{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#7c3aed;font-weight:500}.onboarding-tour-popup__hint-icon{flex-shrink:0;font-size:16px}.form-card{background-color:#fff;padding:2.571rem;border-radius:20px;box-shadow:0 0 5px #0000001a;width:100%}@media all and (max-width: 576px){.form-card{padding:1.429rem;border-radius:16px;box-shadow:0 0 3px #00000014}}.carousel-card-wrapper{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.carousel-card-wrapper.grid{display:grid;align-content:flex-start;justify-content:center;align-items:center;justify-items:center;row-gap:60px}.carousel-card-wrapper .carousel-with-sibling-card{position:relative;left:12.3%;padding:0 25px;width:75.5vw;aspect-ratio:2.43}@media all and (max-width: 992px){.carousel-card-wrapper .carousel-with-sibling-card{left:5%;width:85vw;aspect-ratio:1.6;padding:5%}}@media all and (max-width: 768px){.carousel-card-wrapper .carousel-with-sibling-card{left:0;width:90vw;aspect-ratio:.8;padding:5%}}.carousel-card-wrapper .carousel-card{position:relative;padding:0;width:100%;aspect-ratio:2.43}.carousel-card-wrapper .carousel-navigators{width:inherit;position:absolute;top:40%;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.carousel-card-wrapper .carousel-navigators .prev-btn,.carousel-card-wrapper .carousel-navigators .next-btn{z-index:10;background-color:#fff;height:4rem;width:4rem;border-radius:50%;stroke-width:2px;stroke:#8860d0;filter:drop-shadow(0px 6px 24px rgba(0,0,0,.08));display:flex;align-items:center;justify-content:center;flex-direction:row;color:#8860d0;font-size:1.5rem;cursor:pointer}.carousel-card-wrapper .indicator-btn-container{position:absolute;width:inherit;bottom:20px;justify-self:center;display:flex;align-items:center;justify-content:center;gap:5px;color:#000}.carousel-card-wrapper .indicator-btn-container .indicator-btn{height:4px;width:16px;border-radius:5px;cursor:pointer}.collapsable-filter,.collapsable-filter-body{width:100%}.add-employee-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:100%;transition:all ease .3s}.add-employee-modal .form{position:relative}.add-employee-modal .form .close-icon{position:absolute;right:0;top:-10px;color:#8860d0;font-size:30px;cursor:pointer}.add-employee-modal .form .form-title{text-align:center;color:#8860d0;font-size:1.429rem;font-weight:600;margin-bottom:1.429rem}.add-employee-modal .form .input-container{display:flex;flex-direction:column;margin-bottom:1.429rem;gap:1.143rem}.add-employee-modal .form .input-container label{font-size:1.143rem}.add-employee-modal .form .submit-btn{width:100%}.events-modal{padding:1.714rem 0;animation:fadeInUp .4s ease-out}.events-modal-input-wrapper{display:flex;flex-direction:column;gap:1.143rem}.events-modal .input-container{margin-bottom:1.429rem}.events-modal .input-container:last-of-type{margin-bottom:1.714rem}.events-modal .submit-btn{width:100%;padding:16px 20px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;border-radius:12px;font-size:1.143rem;font-weight:600;box-shadow:0 4px 12px #8860d04d;transition:all .3s ease;cursor:pointer}.events-modal .submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.events-modal .submit-btn:active{transform:translateY(0)}.attendance-update-modal{min-height:400px;max-width:600px;margin:0 auto;height:100%;padding:1.143rem}.attendance-update-modal .modal-header{display:flex;align-items:center;gap:.857rem;padding-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.1);margin-bottom:1.143rem}.attendance-update-modal .modal-header .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033;flex-shrink:0}@media (max-width: 768px){.attendance-update-modal .modal-header .header-icon{width:40px;height:40px;font-size:1.286rem}}.attendance-update-modal .modal-header .header-content{flex:1;text-align:left}.attendance-update-modal .modal-header .header-content .modal-title{font-size:1.286rem;font-weight:700;color:#313131;margin:0 0 .286rem}@media (max-width: 768px){.attendance-update-modal .modal-header .header-content .modal-title{font-size:1.143rem}}.attendance-update-modal .modal-header .header-content .modal-subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.attendance-update-modal .modal-body{width:100%;display:flex;flex-direction:column;gap:1.143rem}.attendance-update-modal .modal-body .input-section{display:flex;flex-direction:column;gap:.857rem}.attendance-update-modal .modal-body .input-section .input-container{display:flex;flex-direction:column;gap:.571rem}.attendance-update-modal .modal-body .input-section .input-container .input-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:left}.attendance-update-modal .modal-body .input-section .input-container .timeinput .inputfield,.attendance-update-modal .modal-body .input-section .input-container .date-input-container .inputfield{width:100%;height:36px;border-radius:8px;border:1px solid #e6e6e7;background:#fff;font-size:.857rem;transition:all .3s ease}.attendance-update-modal .modal-body .input-section .input-container .timeinput .inputfield:focus,.attendance-update-modal .modal-body .input-section .input-container .date-input-container .inputfield:focus{outline:none;border-color:#8860d0;box-shadow:0 0 0 3px #8860d014}.attendance-update-modal .modal-body .input-section .input-container .timeinput .inputfield:hover:not(:focus),.attendance-update-modal .modal-body .input-section .input-container .date-input-container .inputfield:hover:not(:focus){border-color:#8860d04d}.attendance-update-modal .modal-body .input-section .input-container .MuiStaticTimePicker-root{width:100%}.attendance-update-modal .modal-body .input-section .input-container .MuiStaticTimePicker-root .MuiPickersToolbar-root{background:linear-gradient(135deg,#8860d0,#9c80ce);padding:.857rem}.attendance-update-modal .modal-body .input-section .input-container .MuiStaticTimePicker-root .MuiPickersLayout-root{max-width:100%}.attendance-update-modal .modal-body .input-section .input-container .MuiStaticTimePicker-root .MuiMultiSectionDigitalClockSection-item{border-radius:8px;transition:all .3s ease}.attendance-update-modal .modal-body .input-section .input-container .MuiStaticTimePicker-root .MuiMultiSectionDigitalClockSection-item:hover{background:#8860d014}.attendance-update-modal .modal-body .input-section .input-container .MuiStaticTimePicker-root .MuiMultiSectionDigitalClockSection-item.Mui-selected{background:#8860d0!important;color:#fff}.attendance-update-modal .modal-body .input-section .input-container .MuiStaticTimePicker-root .MuiTypography-root{font-family:inherit}.attendance-update-modal .modal-body .modal-actions{display:flex;gap:.857rem;justify-content:flex-end;padding-top:.857rem;border-top:1px solid rgba(136,96,208,.1)}.attendance-update-modal .modal-body .modal-actions .cancel-btn,.attendance-update-modal .modal-body .modal-actions .update-btn{min-width:120px;height:36px;font-size:.857rem;font-weight:600;border-radius:8px;transition:all .3s ease}.attendance-update-modal .modal-body .modal-actions .cancel-btn{background:#fff;border:2px solid #e6e6e7;color:#313131}.attendance-update-modal .modal-body .modal-actions .cancel-btn:hover{border-color:#3e1e79;background:#2c6ecb11}.attendance-update-modal .modal-body .modal-actions .update-btn{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none}.attendance-update-modal .modal-body .modal-actions .update-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.attendance-update-modal .modal-body .modal-actions .update-btn:active:not(:disabled){transform:translateY(0)}.attendance-update-modal .modal-body .modal-actions .update-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-update-modal .error-message{font-size:.857rem;color:#cd5353;font-weight:500;text-align:left;margin-top:.571rem}.update-checkout-modal,.update-checkIn-modal{display:flex;flex-direction:column;align-items:flex-start;gap:.857rem}.update-checkout-modal>.update-time,.update-checkout-modal .update-date,.update-checkIn-modal>.update-time,.update-checkIn-modal .update-date{width:100%;text-align:left}.update-checkout-modal>.update-time .checkin-label,.update-checkout-modal>.update-time .checkout-label,.update-checkout-modal .update-date .checkin-label,.update-checkout-modal .update-date .checkout-label,.update-checkIn-modal>.update-time .checkin-label,.update-checkIn-modal>.update-time .checkout-label,.update-checkIn-modal .update-date .checkin-label,.update-checkIn-modal .update-date .checkout-label{margin-bottom:.571rem;display:block;font-size:.857rem;font-weight:600;color:#313131}.attendance-checkbox{cursor:pointer;height:18px;width:18px;accent-color:#8860d0;transition:all .2s ease}.attendance-checkbox:disabled{cursor:not-allowed}.attendance-checkbox:hover{transform:scale(1.1)}.timesheet-filterContainer{width:100%;background:#fff;border-radius:8px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:1000}.timesheet-filterContainer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.timesheet-filterContainer__title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.timesheet-filterContainer__title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.timesheet-filterContainer__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.timesheet-filterContainer__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.timesheet-filterContainer__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.857rem}@media all and (max-width: 576px){.timesheet-filterContainer__content{grid-template-columns:1fr}}.timesheet-filterContainer__filter-field{display:flex;flex-direction:column;gap:.571rem}.timesheet-filterContainer__filter-field .filter-label{font-size:.857rem;font-weight:600;color:#313131;margin-bottom:.286rem;text-transform:capitalize}.timesheet-filterContainer__filter-field .filter-field{width:100%;height:36px;border-radius:8px;font-size:.857rem;transition:all .3s ease}.timesheet-filterContainer__filter-field .filter-field:focus-within{box-shadow:0 0 0 3px #8860d014}.timesheet-filterContainer__filter-field .timesheet-filterContainer__date-picker .MuiInputBase-root{height:36px!important;min-height:36px!important;border-radius:8px;background:#fff;font-size:.857rem;padding-right:0!important}.timesheet-filterContainer__filter-field .timesheet-filterContainer__date-picker .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.timesheet-filterContainer__filter-field .timesheet-filterContainer__date-picker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.timesheet-filterContainer__filter-field .timesheet-filterContainer__date-picker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.timesheet-filterContainer__filter-field .timesheet-filterContainer__date-picker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.timesheet-filterContainer__filter-field .timesheet-filterContainer__date-picker .MuiInputLabel-root.Mui-focused{color:#8860d0}.timesheet-filterContainer__filter-field .timesheet-filterContainer__date-picker .MuiIconButton-root{color:#8860d0;margin-right:5px}.timesheet-filterContainer__filter-field .timesheet-filterContainer__date-picker .MuiIconButton-root:hover{background:#f3effc}.timesheet-filterContainer .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff;transition:all .3s ease}.timesheet-filterContainer .react-select__control:hover{border-color:#8860d0!important}.timesheet-filterContainer .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.timesheet-filterContainer .react-select__value-container{padding:0 .571rem;height:36px}.timesheet-filterContainer .react-select__indicators{height:36px}.timesheet-filterContainer .react-select__placeholder{color:#8c9196;font-weight:400;font-size:.857rem}.timesheet-filterContainer .react-select__single-value{color:#313131;font-weight:600;font-size:.857rem}.timesheet-filterContainer .react-select__indicator{color:#8860d0;padding:.286rem}.timesheet-filterContainer .react-select__indicator-separator{display:none}.timesheet-filterContainer .react-select__menu{border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #e6e6e7;margin-top:.286rem;overflow:hidden;z-index:1000}.timesheet-filterContainer .react-select__menu-list{padding:.286rem}.timesheet-filterContainer .react-select__option{padding:.571rem .857rem;cursor:pointer;transition:all .2s ease;font-size:.857rem;border-radius:8px;margin-bottom:.286rem}.timesheet-filterContainer .react-select__option:last-child{margin-bottom:0}.timesheet-filterContainer .react-select__option--is-focused{background:#f3effc!important;color:#8860d0!important}.timesheet-filterContainer .react-select__option--is-selected{background:#8860d0!important;color:#fff!important;font-weight:600}.timesheet-filterContainer .inputfield{height:36px;font-size:.857rem;border-radius:8px;border:1px solid #e6e6e7;background:#fff;transition:all .3s ease}.timesheet-filterContainer .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 3px #8860d014}.timesheet-filterContainer .inputfield:hover{border-color:#8860d0;background:#fff}.timesheet-filterContainer .search-wrapper{position:relative;width:100%}.timesheet-filterContainer .search-wrapper .search-icon{position:absolute;top:50%;transform:translateY(-50%);color:#8860d0;font-size:1rem;z-index:1;pointer-events:none}@media (max-width: 1024px){.custom-modal-container{grid-column:span 2}}@media (max-width: 768px){.custom-modal-container{grid-column:span 1}}@media (max-width: 1024px){.button:not(.custom-modal-container .button){grid-column:span 2}}@media (max-width: 768px){.button{width:100%}}.timesheet-table-wrapper{width:100%!important;border-radius:8px;box-shadow:0 2px 12px #0000000a;animation:fadeInUp .6s ease-out .2s both}@media all and (max-width: 576px){.timesheet-table-wrapper{padding:0!important;background:#f3effc;box-shadow:none}}.timesheet-table-wrapper .table-container{border-radius:8px;overflow:auto;border:1px solid #e6e6e7;min-width:100%}.timesheet-table-wrapper .table-container table{width:100%;table-layout:auto}.timesheet-table-wrapper .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.timesheet-table-wrapper .table-container table thead th{font-weight:700;color:#313131;padding:.857rem .571rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap;vertical-align:middle}.timesheet-table-wrapper .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease;cursor:pointer}.timesheet-table-wrapper .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.timesheet-table-wrapper .table-container table tbody tr:last-child{border-bottom:none}.timesheet-table-wrapper .table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.timesheetContainer .actions{width:max-content;display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:row;column-gap:.857rem}.timesheetContainer .actions .generate-attendance,.timesheetContainer .actions .export-to-excel .btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease;white-space:nowrap}.timesheetContainer .actions .generate-attendance:hover,.timesheetContainer .actions .export-to-excel .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.timesheetContainer .actions .generate-attendance,.timesheetContainer .actions .export-to-excel .btn{width:100%}}.timesheetContainer{display:flex;flex-direction:column;align-items:center;width:100%}.timesheetContainer-title{margin-bottom:1.714rem;align-self:flex-end;font-size:1.286rem;font-weight:700;color:#8860d0}.timesheetContainer-title-employeeName{color:#313131;font-weight:600}.timesheetContainer-paginationContainer{margin-top:2.286rem;max-width:fit-content}.timesheetContainer>div:has(.leaveCard){display:flex;gap:1.143rem;margin:1.143rem 0;width:100%;flex-wrap:wrap;justify-content:center}@media (max-width: 1350px){.timesheetContainer>div:has(.leaveCard){display:grid;grid-template-columns:2fr 2fr;gap:.857rem}}@media (max-width: 968px){.timesheetContainer>div:has(.leaveCard){display:flex;justify-content:center;flex-direction:column;margin:.857rem 0;width:100%;flex-wrap:wrap;gap:.857rem}}.timesheetContainer .leaveCard-wrapper{display:flex;gap:1.143rem;margin:.857rem 0}.timesheetContainer .leaveCard{flex:1;min-width:280px;height:auto;min-height:180px;padding:0;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000a;border:1px solid #e6e6e7;transition:all .3s ease;overflow:hidden}@media all and (max-width: 576px){.timesheetContainer .leaveCard{min-height:unset}}.timesheetContainer .leaveCard:hover{box-shadow:0 4px 16px #8860d01f;transform:translateY(-2px);border-color:#8860d0}.timesheetContainer .leaveCard .leaveCard__header,.timesheetContainer .leaveCard h3:not(.leaveCard__header-title){margin:0;padding:.571rem .857rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8860d0,#9c80ce);border-bottom:2px solid rgba(255,255,255,.2)}.timesheetContainer .leaveCard .leaveCard__header{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.timesheetContainer .leaveCard--remaining{background:#fff;border:1px solid #e6e6e7}.timesheetContainer .leaveCard--remaining .title{padding:.571rem .857rem;display:flex;flex-direction:column;gap:.571rem}.timesheetContainer .leaveCard--remaining .title .custom-title{display:flex;align-items:center;justify-content:space-between;padding:.571rem;background:#2c6ecb11;border-radius:8px;border-left:3px solid #8860d0;font-size:.857rem;font-weight:500;color:#313131;transition:all .3s ease}@media all and (max-width: 576px){.timesheetContainer .leaveCard--remaining .title .custom-title{border-left:none}}.timesheetContainer .leaveCard--remaining .title .custom-title:hover{background:#fff;box-shadow:0 2px 8px #8860d01a;transform:translate(4px)}.timesheetContainer .leaveCard--remaining .title .custom-title-left{font-weight:600;color:#3e1e79}.timesheetContainer .leaveCard--remaining .title .custom-title span:last-child{font-weight:700;color:#8860d0;font-size:.857rem}.teams-timesheet-action-btn{border:none;background-color:transparent;cursor:pointer;padding:.571rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.teams-timesheet-action-btn:hover:not(:disabled){background:#8860d014;transform:scale(1.1)}.teams-timesheet-action-btn:disabled{cursor:not-allowed;opacity:.4}.teams-timesheet-action-btn:active:not(:disabled){transform:scale(.95)}.remarks-cell,.remarks-div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:.571rem .857rem;background:#2c6ecb11;border-radius:8px;min-height:40px;display:flex;align-items:center;justify-content:center;color:#3e1e79;font-size:1rem;max-width:200px;margin:0 auto;text-align:center;line-height:1.4}.generate-attendance-for-user{display:flex;flex-direction:column;gap:20px;padding:10px 1.143rem}.generate-attendance-for-user_form .input-container{display:flex;flex-direction:column;gap:.571rem;margin-bottom:1.143rem}.generate-attendance-for-user_form .input-container label{font-size:1.143rem;font-weight:600;color:#313131}.timesheet-combined-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.571rem;padding:.857rem;min-width:180px}.timesheet-combined-cell .date-row,.timesheet-combined-cell .employee-row{display:flex;align-items:center;gap:.571rem;width:100%}.timesheet-combined-cell .date-row .icon,.timesheet-combined-cell .employee-row .icon{font-size:1.143rem;color:#8860d0;flex-shrink:0}.timesheet-combined-cell .date-row{padding:.571rem .857rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:8px;border-left:3px solid #8860d0}.timesheet-combined-cell .date-row .date-text{font-size:1rem;font-weight:600;color:#313131}.timesheet-combined-cell .employee-row{padding-left:.571rem}.timesheet-combined-cell .employee-row .icon{color:#8c9196}.timesheet-combined-cell .employee-row .employee-text{font-size:1rem;font-weight:500;color:#3e1e79}.timesheet-date-cell{display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.571rem}.timesheet-date-cell .date-icon{font-size:1.143rem;color:#8860d0;flex-shrink:0}.timesheet-date-cell .date-text{font-size:1rem;font-weight:500;color:#313131;white-space:nowrap}.timesheet-employee-cell{display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.571rem}.timesheet-employee-cell .employee-icon{font-size:1.143rem;color:#8860d0;flex-shrink:0}.timesheet-employee-cell .employee-name{font-size:1rem;font-weight:600;color:#313131}.timesheet-checkinout-cell{display:flex;flex-direction:column;gap:.571rem;padding:.857rem;min-width:140px}.timesheet-checkinout-cell .checkin-section,.timesheet-checkinout-cell .checkout-section{display:flex;align-items:center;gap:.571rem}.timesheet-checkinout-cell .checkin-section .label,.timesheet-checkinout-cell .checkout-section .label{font-size:.857rem;font-weight:600;color:#3e1e79;min-width:30px}.timesheet-checkinout-cell .checkin-section .time-badge,.timesheet-checkinout-cell .checkout-section .time-badge{display:flex;align-items:center;gap:.286rem;padding:.286rem .857rem;border-radius:8px;background:linear-gradient(135deg,#8860d014,#9c80ce14);border-left:2px solid #8860d0;flex:1}.timesheet-checkinout-cell .checkin-section .time-badge .icon,.timesheet-checkinout-cell .checkout-section .time-badge .icon{font-size:1rem;color:#8860d0}.timesheet-checkinout-cell .checkin-section .time-badge span,.timesheet-checkinout-cell .checkout-section .time-badge span{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap}.timesheet-checkinout-cell .checkin-section .time-badge.disabled,.timesheet-checkinout-cell .checkout-section .time-badge.disabled{background:#2c6ecb11;border-left-color:#8c9196}.timesheet-checkinout-cell .checkin-section .time-badge.disabled .icon,.timesheet-checkinout-cell .checkout-section .time-badge.disabled .icon{color:#8c9196}.timesheet-checkinout-cell .checkin-section .time-badge.disabled span,.timesheet-checkinout-cell .checkout-section .time-badge.disabled span{color:#8c9196;font-weight:400}.timesheet-checkinout-cell .checkout-section .time-badge{background:#4e9f4c14;border-left-color:#4e9f4c}.timesheet-checkinout-cell .checkout-section .time-badge .icon{color:#4e9f4c}.timesheet-workhours-combined{display:flex;flex-direction:column;gap:.571rem;padding:.857rem;min-width:150px}.timesheet-workhours-combined.disabled .na-text{font-size:1rem;color:#8c9196;font-weight:400;text-align:center;padding:.571rem}.timesheet-workhours-combined .hours-row{display:flex;align-items:center;justify-content:space-between;padding:.286rem .857rem;border-radius:8px}.timesheet-workhours-combined .hours-row .label{font-size:.857rem;font-weight:500;min-width:50px}.timesheet-workhours-combined .hours-row .value{font-size:.857rem;font-weight:700;white-space:nowrap}.timesheet-workhours-combined .hours-row.total{background:linear-gradient(135deg,#8860d01f,#9c80ce1f);border-left:3px solid #8860d0}.timesheet-workhours-combined .hours-row.total .label,.timesheet-workhours-combined .hours-row.total .value{color:#8860d0}.timesheet-workhours-combined .hours-row.break{background:#cd535314;border-left:2px solid #cd5353}.timesheet-workhours-combined .hours-row.break .label{color:#cd5353}.timesheet-workhours-combined .hours-row.break .value{color:#cd5353;font-weight:600}.timesheet-workhours-combined .hours-row.extra{background:#4e9f4c14;border-left:2px solid #4e9f4c}.timesheet-workhours-combined .hours-row.extra .label{color:#4e9f4c}.timesheet-workhours-combined .hours-row.extra .value{color:#4e9f4c;font-weight:600}.timesheet-time-cell{display:flex;align-items:center;justify-content:center;gap:.286rem;padding:.286rem .571rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:8px;border-left:3px solid #8860d0;margin:0 auto;width:fit-content;min-width:100px}.timesheet-time-cell .time-icon{font-size:1rem;color:#8860d0;flex-shrink:0}.timesheet-time-cell .time-text{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap}.timesheet-time-cell.disabled{background:#2c6ecb11;border-left-color:#8c9196}.timesheet-time-cell.disabled .time-icon{color:#8c9196}.timesheet-time-cell.disabled span{color:#8c9196;font-weight:400}.timesheet-hours-cell{display:flex;align-items:center;justify-content:center;gap:.286rem;padding:.286rem .571rem;border-radius:8px;margin:0 auto;width:fit-content;min-width:90px}.timesheet-hours-cell .hours-icon{font-size:1rem;flex-shrink:0}.timesheet-hours-cell .hours-text{font-size:.857rem;font-weight:600;white-space:nowrap}.timesheet-hours-cell.break{background:#cd535314;border-left:3px solid #cd5353}.timesheet-hours-cell.break .hours-icon,.timesheet-hours-cell.break .hours-text{color:#cd5353}.timesheet-hours-cell.extra{background:#4e9f4c14;border-left:3px solid #4e9f4c}.timesheet-hours-cell.extra .hours-icon,.timesheet-hours-cell.extra .hours-text{color:#4e9f4c}.timesheet-hours-cell.total{background:linear-gradient(135deg,#8860d01a,#9c80ce1a);border-left:3px solid #8860d0}.timesheet-hours-cell.total .hours-icon,.timesheet-hours-cell.total .hours-text{color:#8860d0}.timesheet-hours-cell.disabled{background:#2c6ecb11;border-left-color:#8c9196}.timesheet-hours-cell.disabled .hours-icon{color:#8c9196}.timesheet-hours-cell.disabled span{color:#8c9196;font-weight:400}.timesheet-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.timesheet-empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.timesheet-empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.timesheet-empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.discord-announcement{position:relative}.discord-announcement .announcement-button{color:#8860d0;background:#fff;padding-right:8px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:100;transition:all .3s ease}.discord-announcement .modal-wrapper{position:fixed;top:0;left:0;width:100dvw;height:100dvh;z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.discord-announcement .modal-wrapper .modal-container{position:absolute;bottom:1.5rem;right:1.5rem;background:linear-gradient(145deg,#2f3136,#36393f);color:#fff;z-index:100;padding:1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 12px 40px #0006;overflow:hidden;border:1px solid #8860d0;width:340px;border-radius:12px}.discord-announcement .modal-wrapper .modal-container .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:.75rem;border-bottom:1px solid #40444b}.discord-announcement .modal-wrapper .modal-container .modal-header .header-content{display:flex;align-items:center;gap:.75rem}.discord-announcement .modal-wrapper .modal-container .modal-header .header-content .discord-icon{background:linear-gradient(135deg,#8860d0,#6c5ce7);border-radius:50%;padding:.375rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #8860d040}.discord-announcement .modal-wrapper .modal-container .modal-header .header-content .header-text h2{margin:0;font-size:1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.375rem}.discord-announcement .modal-wrapper .modal-container .modal-header .header-content .header-text p{margin:.125rem 0 0;font-size:.75rem;color:#8e9297}.discord-announcement .modal-wrapper .modal-container .modal-header .close-btn{background:#40444b;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8e9297;transition:all .2s ease}.discord-announcement .modal-wrapper .modal-container .modal-header .close-btn:hover{background:#5865f2;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body{display:flex;flex-direction:column;gap:1rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group{display:flex;flex-direction:column;gap:.375rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group:first-child{position:relative;z-index:2}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group label{font-size:.75rem;font-weight:600;color:#b9bbbe;display:flex;align-items:center;gap:.375rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container{position:relative;border-radius:6px;border:1px solid #40444b;background:#40444b;z-index:1;min-height:100px;height:auto}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-snow{border:none;background:transparent;height:auto;min-height:100px}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar.ql-snow{height:auto;min-height:36px}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-editor.ql-blank:before{color:#8e9297;font-style:normal;left:.875rem;right:.875rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar{background:#36393f;border:none;border-bottom:1px solid #40444b;border-radius:6px 6px 0 0;padding:.375rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats{margin-right:1rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats button{color:#fff;border-radius:4px;padding:.25rem;margin:0 .125rem;transition:all .2s ease;border:none}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats button:hover{background:#40444b;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats button.ql-active{background:#8860d0;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats button .ql-stroke{stroke:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats button .ql-fill{fill:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats .ql-picker{color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats .ql-picker .ql-picker-label{border-radius:4px;padding:.25rem .5rem;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats .ql-picker .ql-picker-label:hover{background:#40444b;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats .ql-picker .ql-picker-label .ql-stroke{stroke:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats .ql-picker .ql-picker-label .ql-fill{fill:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats .ql-picker .ql-picker-options{background:#2f3136;border:1px solid #40444b;border-radius:8px;box-shadow:0 4px 15px #0000004d}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats .ql-picker .ql-picker-options .ql-picker-item{color:#fff;padding:.5rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-toolbar .ql-formats .ql-picker .ql-picker-options .ql-picker-item:hover{background:#40444b}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container{background:#40444b;border:none;border-radius:0 0 6px 6px;position:relative;z-index:2;height:auto;min-height:100px}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor{color:#fff;font-size:.75rem;padding:.625rem;min-height:100px!important;max-height:160px;overflow-y:auto;position:relative;z-index:3;height:auto!important;box-sizing:border-box}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor:before{color:#8e9297;font-style:normal}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor strong{font-weight:700;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor em{font-style:italic;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor code{background:#2f3136;color:#fff;padding:.125rem .25rem;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor blockquote{border-left:4px solid #8860d0;background:#8860d01a;padding:.5rem 1rem;margin:.5rem 0;border-radius:0 4px 4px 0;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor ul,.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor ol{color:#fff;padding-left:1.5rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor ul li,.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor ol li{color:#fff;margin:.25rem 0}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor a{color:#8860d0;text-decoration:none}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .ql-container .ql-editor a:hover{text-decoration:underline}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .editor-container .char-count{position:absolute;bottom:.375rem;right:.5rem;font-size:.625rem;color:#8e9297;background:#2f3136e6;padding:.125rem .375rem;border-radius:3px;z-index:10}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor{border-radius:8px;border:1px solid #40444b;background:#40444b;overflow:hidden;position:relative}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar{background:#36393f;border:none;border-bottom:1px solid #40444b;border-radius:6px 6px 0 0;padding:.375rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats{margin-right:1rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats button{color:#8e9297;border-radius:4px;padding:.25rem;margin:0 .125rem;transition:all .2s ease;border:none}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats button:hover{background:#40444b;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats button.ql-active{background:#8860d0;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats button .ql-stroke{stroke:currentColor}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats button .ql-fill{fill:currentColor}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats .ql-picker{color:#8e9297}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label{border-radius:4px;padding:.25rem .5rem;color:#8e9297}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label:hover{background:#40444b;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label .ql-stroke{stroke:currentColor}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label .ql-fill{fill:currentColor}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-options{background:#2f3136;border:1px solid #40444b;border-radius:8px;box-shadow:0 4px 15px #0000004d}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-options .ql-picker-item{color:#fff;padding:.5rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-options .ql-picker-item:hover{background:#40444b}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container{background:#40444b;border:none;border-radius:0 0 6px 6px;position:relative;z-index:1}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor{color:#fff;font-size:.75rem;padding:.625rem;min-height:100px;max-height:160px;overflow-y:auto}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor:before{color:#8e9297;font-style:normal}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor strong{font-weight:700;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor em{font-style:italic;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor code{background:#2f3136;color:#fff;padding:.125rem .25rem;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor blockquote{border-left:4px solid #8860d0;background:#8860d01a;padding:.5rem 1rem;margin:.5rem 0;border-radius:0 4px 4px 0;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor ul,.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor ol{color:#fff;padding-left:1.5rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor ul li,.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor ol li{color:#fff;margin:.25rem 0}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor h1,.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .quill-editor .ql-container .ql-editor h2{color:#fff;margin:.5rem 0}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .char-count{position:absolute;bottom:.375rem;right:.5rem;font-size:.625rem;color:#8e9297;background:#2f3136e6;padding:.125rem .375rem;border-radius:3px;z-index:10}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content{position:relative}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .discord-textarea{width:100%;background:#40444b;border:none;color:#fff;font-size:.75rem;padding:.625rem;min-height:100px;max-height:160px;resize:vertical;font-family:inherit;outline:none}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .discord-textarea::placeholder{color:#8e9297}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .discord-textarea:focus{outline:none}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor{width:100%;background:#40444b;border:none;color:#fff;font-size:.75rem;padding:.625rem;min-height:100px;max-height:160px;font-family:inherit;outline:none;overflow-y:auto}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor:empty:before{content:attr(data-placeholder);color:#8e9297;pointer-events:none;font-style:normal}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor:focus{outline:none}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor strong{font-weight:700;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor em{font-style:italic;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor code{background:#2f3136;color:#fff;padding:.125rem .25rem;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor blockquote{border-left:4px solid #8860d0;background:#8860d01a;padding:.5rem 1rem;margin:.5rem 0;border-radius:0 4px 4px 0;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor ul,.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor ol{color:#fff;padding-left:1.5rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor ul li,.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .rich-editor ol li{color:#fff;margin:.25rem 0}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .discord-editor .editor-content .char-count{position:absolute;bottom:.375rem;right:.5rem;font-size:.625rem;color:#8e9297;background:#2f3136e6;padding:.125rem .375rem;border-radius:3px;z-index:10}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section{margin-top:.75rem;padding:.75rem;background:#2f313680;border-radius:6px;border:1px solid #40444b;max-height:160px;display:flex;flex-direction:column}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .preview-label{display:flex;align-items:center;gap:.375rem;font-size:.625rem;font-weight:600;color:#8e9297;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview{background:#2f3136;padding:.5rem;border-radius:5px;border-left:2px solid #8860d0;font-size:.75rem;line-height:1.4;color:#fff;max-height:120px;overflow-y:auto;flex:1}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview strong{font-weight:700;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview em{font-style:italic;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview code{background:#1e1f22;color:#fff;padding:.125rem .25rem;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;border:1px solid #40444b}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview blockquote{border-left:4px solid #8860d0;background:#8860d01a;padding:.5rem 1rem;margin:.5rem 0;border-radius:0 4px 4px 0;color:#fff}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview li{color:#fff;margin:.25rem 0;padding-left:.5rem;position:relative}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview li:before{content:"•";color:#8860d0;position:absolute;left:-.5rem}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview ul,.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview ol{color:#fff;padding-left:1.5rem;margin:.5rem 0}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview ul li,.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview ol li{color:#fff;margin:.25rem 0}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview a{color:#8860d0;text-decoration:none}.discord-announcement .modal-wrapper .modal-container .modal-body .form-group .preview-section .discord-preview a:hover{text-decoration:underline}.discord-announcement .modal-wrapper .modal-container .modal-body .channel-option{display:flex;align-items:center;gap:.5rem}.discord-announcement .modal-wrapper .modal-container .modal-body .channel-option .channel-icon{font-size:1rem}.discord-announcement .modal-wrapper .modal-container .mention-option{display:flex;align-items:center;gap:.5rem}.discord-announcement .modal-wrapper .modal-container .mention-option .user-avatar{font-size:1rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#5865f2;border-radius:50%;color:#fff}.discord-announcement .modal-wrapper .modal-container .mentions-preview{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.discord-announcement .modal-wrapper .modal-container .mentions-preview .mention-tag{background:#5865f2;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.discord-announcement .modal-wrapper .modal-container .mention-dropdown{background:#2f3136;border:1px solid #8860d0;border-radius:6px;box-shadow:0 3px 14px #00000040;max-height:160px;overflow-y:auto}.discord-announcement .modal-wrapper .modal-container .mention-dropdown .mention-list .mention-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;cursor:pointer;transition:background-color .2s ease;font-size:.75rem}.discord-announcement .modal-wrapper .modal-container .mention-dropdown .mention-list .mention-item:hover{background:#8860d0}.discord-announcement .modal-wrapper .modal-container .mention-dropdown .mention-list .mention-item .user-avatar{font-size:.75rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#5865f2;border-radius:50%;color:#fff}.discord-announcement .modal-wrapper .modal-container .discord-mention{background:#5865f2;color:#fff;padding:.125rem .25rem;border-radius:3px;font-size:.875rem;font-weight:500}.discord-announcement .modal-wrapper .modal-container .ql-editor .mention{background:#5865f2;color:#fff;padding:.125rem .25rem;border-radius:3px;font-weight:500;text-decoration:none}.discord-announcement .modal-wrapper .modal-container .send-btn{background:linear-gradient(135deg,#8860d0,#6c5ce7);color:#fff;border:none;border-radius:6px;padding:.625rem 1rem;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.375rem;box-shadow:0 3px 10px #8860d040}.discord-announcement .modal-wrapper .modal-container .send-btn:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 14px #8860d059}.discord-announcement .modal-wrapper .modal-container .send-btn.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 3px 10px #8860d040}.invoice-form-container{padding:0 20px}.invoice-form-container .form-title{font-size:1.571rem;font-weight:700;color:#333}.invoice-form-container .invoice-form h3{font-size:1rem;font-weight:600;color:#333;padding-bottom:.5rem}.invoice-form-container .invoice-form .section{position:relative;border-bottom:1px solid #ddd;padding:20px 0}.invoice-form-container .invoice-form .section label{font-weight:600;color:#333}.invoice-form-container .invoice-form .section .input-field{background:none;border:1px solid #ddd;height:40px;width:100%;border-radius:8px;padding:10px;font-size:1rem;transition:all .2s ease}.invoice-form-container .invoice-form .section .input-field::placeholder{color:#aaa;font-size:1rem}.invoice-form-container .invoice-form .section .input-field:hover{border-color:#bbb}.invoice-form-container .invoice-form .section .input-field:disabled{background:#f9f9f9}.invoice-form-container .invoice-form .section .input-field.disabled{cursor:not-allowed;background:#f9f9f9;pointer-events:none}.invoice-form-container .invoice-form .section .select-component{margin-top:5px}.invoice-form-container .invoice-form .section .select-component .selectfield .react-select__control{height:52px!important;min-height:52px!important;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease}.invoice-form-container .invoice-form .section .select-component .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.invoice-form-container .invoice-form .section .select-component .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important}.invoice-form-container .invoice-form .section .select-component .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7}.invoice-form-container .invoice-form .section .select-component .selectfield .react-select__option--is-focused{background:#f3effc!important}.invoice-form-container .invoice-form .section .select-component .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.invoice-form-container .invoice-form .section .invoice-input-field-container{position:relative;margin-top:5px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.invoice-form-container .invoice-form .section .invoice-input-field-container .edit-icon{position:absolute;border:none;background:transparent;top:0;right:0;transform:translate(-70%,60%);cursor:pointer;font-size:1.143rem}.invoice-form-container .invoice-form .section .css-1n4n7wl-control{border:1px solid #ddd}.invoice-form-container .invoice-form .section .css-1n4n7wl-control:focus{border:1px solid #e4e4e4}.invoice-form-container .invoice-form .section .css-1dimb5e-singleValue span{font-size:1.143rem}.invoice-form-container .invoice-form .form-billed-to{display:flex;justify-content:space-between}.invoice-form-container .invoice-form .form-billed-to h4{font-size:1rem;color:#7449c0!important;cursor:pointer}.invoice-form-container .invoice-form .form-billed-to h4:hover{color:#5d379f}.invoice-form-container .invoice-form .form-billed-to .disabled{color:#999!important;pointer-events:none}.invoice-form-container .invoice-form .form-group{display:flex;flex-direction:column}.invoice-form-container .invoice-form .form-group .vat-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom{position:relative;display:inline-block;width:18px;height:18px;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease}@media screen and (max-width: 500px){.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom{width:14px;height:14px;border-radius:2px}}.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:1px;width:3px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media screen and (max-width: 500px){.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom:after{width:2px;height:6px;left:3px}}.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox:checked+.checkbox-custom{background-color:#8860d0cc;border-color:#8860d0cc}.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox:checked+.checkbox-custom:after{display:block}.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox:not(:disabled)+.checkbox-custom:hover{border-color:#8860d0cc}.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox:disabled+.checkbox-custom{background-color:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed}.invoice-form-container .invoice-form .form-group .vat-checkbox-label .vat-checkbox:disabled~.checkbox-text{color:#9ca3af;cursor:not-allowed}.invoice-form-container .invoice-form .form-group .vat-checkbox-label .checkbox-text{font-size:14px;color:#374151;font-weight:500}@media screen and (max-width: 500px){.invoice-form-container .invoice-form .form-group .vat-checkbox-label .checkbox-text{font-size:12px}}.invoice-form-container .invoice-form .form-group__date-picker .MuiFormControl-root{width:100%}.invoice-form-container .invoice-form .form-group__date-picker .MuiFormControl-root .MuiInputBase-root{height:41px;border-radius:8px;border:0px}@media screen and (max-width: 500px){.invoice-form-container .invoice-form .form-group__date-picker .MuiFormControl-root .MuiInputBase-root input{font-size:10px}}.invoice-form-container .invoice-form .form-group__date-picker .MuiFormControl-root .MuiInputBase-root:hover{height:41px;border-radius:8px;border:0px}.invoice-form-container .invoice-form .form-group__date-picker-nepali .bs-date-picker__wrapper .bs-date-picker__input-wrapper{height:41px!important;border-radius:8px!important;border-width:2px!important;border-style:solid!important}.invoice-form-container .invoice-form .form-group__date-picker-nepali .bs-date-picker__wrapper .bs-date-picker__input-wrapper:hover{border-color:#8860d0e6!important}@media screen and (max-width: 500px){.invoice-form-container .invoice-form .form-group__date-picker-nepali .bs-date-picker__input{font-size:10px!important}}.invoice-form-container .invoice-form .form-group>label{display:flex;align-items:center;justify-content:row;flex-direction:center;gap:10px}.invoice-form-container .invoice-form .form-group>label>span{display:flex;align-items:center;justify-content:row;flex-direction:center;gap:10px}@media screen and (max-width: 720px){.invoice-form-container .invoice-form .form-group .invoice-input-field-container .nepali-date-picker .calender{left:-50px!important;font-size:11px!important;padding:15px 8px!important}}@media screen and (max-width: 500px){.invoice-form-container .invoice-form .form-group .invoice-input-field-container .nepali-date-picker .calender{left:-120px!important;font-size:11px!important;padding:15px 8px!important}}.invoice-form-container .invoice-form .form-group-row{display:flex;gap:1rem}.invoice-form-container .invoice-form .form-group-row .form-group{flex:1}.invoice-form-container .invoice-form .items-list{display:flex;flex-direction:column;padding-bottom:10px}.invoice-form-container .invoice-form .items-list .label-container,.invoice-form-container .invoice-form .items-list .item-row,.invoice-form-container .invoice-form .items-list .error-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.5rem;align-items:center;margin-top:10px}@media screen and (max-width: 500px){.invoice-form-container .invoice-form .items-list .label-container,.invoice-form-container .invoice-form .items-list .item-row,.invoice-form-container .invoice-form .items-list .error-container{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;border:1px solid rgba(136,96,208,.2);padding:12px;border-radius:8px}}.invoice-form-container .invoice-form .items-list .label-container{margin-top:1rem}.invoice-form-container .invoice-form .items-list .col{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5px;gap:5px}.invoice-form-container .invoice-form .items-list .col .input-label{text-align:left;width:100%}.invoice-form-container .invoice-form .items-list .col .input-label .required-label{color:red}@media screen and (max-width: 500px){.invoice-form-container .invoice-form .items-list .col{width:100%;gap:5px}}.invoice-form-container .invoice-form .items-list .col.readonly .input-field-container>input{background:none;border:1px;border-bottom:1px;border-radius:0}.invoice-form-container .invoice-form .items-list .col.readonly .input-field-container>input:disabled{background:none;cursor:default;border-bottom:1px}.invoice-form-container .invoice-form .items-list .error-container>span{color:#cd5353;font-size:.857rem;font-weight:500}.invoice-form-container .invoice-form .items-list .remove-btn{border:none;cursor:pointer;background:transparent;font-size:1.429rem;display:flex;color:#707070}.invoice-form-container .invoice-form .items-list .remove-btn:disabled{color:#afafaf;cursor:not-allowed}.invoice-form-container .invoice-form .items-list .remove-btn-long{border:1px solid rgba(136,96,208,.2);cursor:pointer;display:flex;flex-direction:row;gap:10px;border-radius:8px;background:transparent;font-size:1.286rem;padding:8px 0;color:#707070;font-family:QuickSand}.invoice-form-container .invoice-form .items-list .remove-btn-long:hover{background-color:#cd5353cc;color:#fff;transition-duration:300}.invoice-form-container .invoice-form .items-list .remove-btn-long:disabled{color:#afafaf;cursor:not-allowed}.invoice-form-container .invoice-form .items-list .add-btn-container{display:flex;justify-content:center;width:100%}.invoice-form-container .invoice-form .items-list .add-btn-container .add-btn{background-color:#fff;cursor:pointer;border:1px solid #ddd;color:#333;border-radius:8px;position:absolute;bottom:0;transform:translateY(50%);padding:7px 12px;transition:all .2s ease}.invoice-form-container .invoice-form .items-list .add-btn-container .add-btn:hover{background:#f4f4f4;border-color:#bbb}.invoice-form-container .invoice-form .items-list .add-btn-container .add-btn:disabled{color:#afafaf;cursor:not-allowed}.invoice-form-container .invoice-form .tax-discount{margin-top:10px;display:flex;flex-direction:column;gap:.5rem;border:none}.invoice-form-container .invoice-form .tax-discount .form-group{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.invoice-form-container .invoice-form .tax-discount .form-group .invoice-tax-discount-input-field-container{width:max-content}.invoice-form-container .invoice-form .tax-discount .form-group .invoice-tax-discount-input-field-container .input-field-container>input{background:none;border:1px;border-bottom:1px solid black;border-radius:0;text-align:end}.invoice-form-container .invoice-form .tax-discount .form-group .invoice-tax-discount-input-field-container .input-field-container>input:disabled{background:none;cursor:default;border-bottom:1px}.invoice-form-container .invoice-form .tax-discount .form-group .invoice-tax-discount-input-field-container.readonly .input-field-container>input{background:none;border:1px;border-bottom:1px;border-radius:0;text-align:end}.invoice-form-container .invoice-form .tax-discount .form-group .invoice-tax-discount-input-field-container.readonly .input-field-container>input:disabled{background:none;cursor:default;border-bottom:1px}.invoice-form-container .invoice-form .tax-discount .form-group span{color:#8c9196;font-weight:500}.invoice-form-container .invoice-form__total-amt{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-top:10px}.invoice-form-container .invoice-form__total-amt>p{width:max-content;font-size:1rem;font-weight:600;white-space:nowrap}.invoice-form-container,.invoice-form{overflow:visible!important}.invoice-main-container{padding:20px;font-stretch:expanded;width:100%;color:#333}.invoice-main-container .invoice-main__header{display:flex;justify-content:space-between;margin-top:15px;gap:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.invoice-main-container .invoice-main__header{margin-top:0;align-items:flex-start}}.invoice-main-container .invoice-main__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.invoice-main-container .invoice-main__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.invoice-main-container .invoice-main__back-btn:active{transform:translate(-2px)}.invoice-main-container .invoice-main__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.invoice-main-container .invoice-main__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media all and (max-width: 576px){.invoice-main-container .invoice-main__header-icon{display:none}}.invoice-main-container .invoice-main__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.invoice-main-container .invoice-main__title{font-size:1.429rem}}.invoice-main-container .invoice-main__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.invoice-main-container .invoice-actions{display:flex;padding:10px;gap:10px;justify-content:flex-end;flex-wrap:wrap}@media all and (max-width: 576px){.invoice-main-container .invoice-actions .save-button{overflow-wrap:break-word;padding:9px;gap:5px}}@media all and (max-width: 576px){.invoice-main-container .invoice-actions{gap:5px}}.invoice-main-container .invoice-form-preview{display:flex;align-items:stretch;justify-content:center;flex-direction:row;gap:20px;min-height:100vh;width:100%;overflow:visible;background:transparent}@media screen and (max-width: 1210px){.invoice-main-container .invoice-form-preview{display:flex;align-items:stretch;justify-content:center;flex-direction:column}.invoice-main-container .invoice-form-preview .invoice-main-form,.invoice-main-container .invoice-form-preview .invoice-main-preview{width:100%!important}}.invoice-main-container .invoice-form-preview .invoice-main-form{display:flex;flex-direction:column;border-radius:12px;width:45%;background:#fff;max-width:100%;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;overflow:hidden}.invoice-main-container .invoice-form-preview .invoice-main-form::-webkit-scrollbar{display:none}.invoice-main-container .invoice-form-preview .invoice-main-form .form-title{display:flex;align-items:center;justify-content:row;flex-direction:row;gap:10px;padding:28px 20px;border-bottom:1px solid #f0f0f0;background:#fff}@media screen and (max-width: 500px){.invoice-main-container .invoice-form-preview .invoice-main-form .form-title{padding:16px 10px}}.invoice-main-container .invoice-form-preview .invoice-main-form .form-title .icon-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#8860d0;color:#fff;font-size:16px}.invoice-main-container .invoice-form-preview .invoice-main-form .form-title h2{font-size:18px;font-weight:600;color:#111827;margin:0}.invoice-main-container .invoice-form-preview .invoice-main-form .form-title div{font-size:1.571rem;border:1px solid #ddd;display:flex;border-radius:8px;padding:3px 4px}@media all and (max-width: 768px){.invoice-main-container .invoice-form-preview .invoice-main-form{width:100%}}.invoice-main-container .invoice-form-preview .invoice-main-preview{display:flex;background:#fff;flex-direction:column;border-radius:12px;width:55%;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;overflow:hidden;flex:0 1 auto}.invoice-main-container .invoice-form-preview .invoice-main-preview .header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fff}@media screen and (max-width: 500px){.invoice-main-container .invoice-form-preview .invoice-main-preview .header{padding:16px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .preview-title{display:flex;align-items:center;gap:10px}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .preview-title .icon-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#8860d0;color:#fff;font-size:16px}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .preview-title h2{font-size:18px;font-weight:600;color:#111827;margin:0}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .preview-title .required-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#fef2f2;color:#dc2626;font-size:11px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions{display:flex;gap:8px}@media screen and (max-width: 500px){.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions{width:100%;align-items:flex-end;gap:5px}}@media screen and (max-width: 400px){.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions{align-items:center;justify-content:center}}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions .action-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;font-size:16px;border-radius:8px;transition:all .2s ease;font-weight:500}@media screen and (max-width: 500px){.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions .action-btn{border-radius:6px}}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions .action-btn:hover:not(:disabled){background:#f9fafb;border-color:#8860d0;transform:translateY(-1px)}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions .action-btn:active:not(:disabled){transform:translateY(0)}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions .action-btn.pdf-btn .pdf{display:flex;align-items:center;gap:6px;font-size:14px}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions .action-btn.pdf-btn .pdf svg{font-size:18px}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions .action-btn.pdf-btn .exporting-text{display:flex;align-items:center;gap:8px;font-size:14px}.invoice-main-container .invoice-form-preview .invoice-main-preview .header .invoice-actions .action-btn.pdf-btn .exporting-text .spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}@media all and (max-width: 768px){.invoice-main-container .invoice-form-preview .invoice-main-preview{width:100%;margin-bottom:20px;max-height:100vh}}.invoice-main-container .invoice-form-preview .invoice-main-preview .invoice-preview-container{letter-spacing:-.5px;width:100%;background:#f9fafb;padding:24px;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:flex-start;min-height:500px}@media screen and (max-width: 500px){.invoice-main-container .invoice-form-preview .invoice-main-preview .invoice-preview-container{min-height:300px}}.invoice-main-container .invoice-form-preview .invoice-main-preview .invoice-preview-container::-webkit-scrollbar{width:8px}.invoice-main-container .invoice-form-preview .invoice-main-preview .invoice-preview-container::-webkit-scrollbar-track{background:#f1f1f1}.invoice-main-container .invoice-form-preview .invoice-main-preview .invoice-preview-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.invoice-main-container .invoice-form-preview .invoice-main-preview .invoice-preview-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone{border:2px dashed #cbd5e1;border-radius:16px;padding:48px 32px;text-align:center;cursor:pointer;width:100%;max-width:600px;height:100%;background:#f9fafb;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone:hover{border-color:#8860d0;background:#faf5ff;transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed1f}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone.active{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);border-color:#7c3aed;border-width:3px;box-shadow:0 12px 32px #7c3aed33,0 0 0 4px #7c3aed1a;transform:scale(1.02)}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .dropzone-content{display:flex;flex-direction:column;align-items:center;gap:20px;pointer-events:none}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .upload-icon-wrapper{position:relative}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .upload-icon-wrapper .upload-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#8860d0;border-radius:20px;color:#fff;box-shadow:0 8px 24px #7c3aed40}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .upload-icon-wrapper .upload-icon svg{width:36px;height:36px}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .dropzone-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .dropzone-icon{font-size:48px;color:#7449c0}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .dropzone-text{font-size:18px;font-weight:600;color:#111827;margin:0;line-height:1.5}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .dropzone-text .highlight{color:#8860d0}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .dropzone-divider{display:flex;align-items:center;width:100%;margin:8px 0;color:#9ca3af;font-size:14px}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .dropzone-divider:before,.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .dropzone-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .dropzone-divider span{padding:0 16px;font-weight:500}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .browse-button{padding:10px 24px;background:#8860d0;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #7c3aed4d;pointer-events:auto}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .browse-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .browse-button:active{transform:translateY(0)}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .supported-formats{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border-radius:8px;font-size:13px;color:#6b7280;font-weight:500}.invoice-main-container .invoice-form-preview .invoice-main-preview .dropzone .supported-formats svg{color:#9ca3af}.invoice-main-container .invoice-form-preview .invoice-main-preview .file-preview-wrapper{width:100%;position:relative;display:flex;justify-content:center}.invoice-main-container .invoice-form-preview .invoice-main-preview .file-preview-wrapper .pdf-preview,.invoice-main-container .invoice-form-preview .invoice-main-preview .file-preview-wrapper .image-preview{position:relative;width:100%;background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000014}.invoice-main-container .invoice-form-preview .invoice-main-preview .file-preview-wrapper .zoom-container{width:100%;display:flex;justify-content:center;transform-origin:top center}.invoice-main-container .invoice-form-preview .invoice-main-preview .file-preview-wrapper .zoom-container img{height:auto;display:block;border-radius:8px;box-shadow:0 2px 8px #0000001a}.invoice-main-container .invoice-form-preview .invoice-main-preview .file-preview-wrapper .remove-btn{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;background:#dc2626;color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #dc26264d;z-index:10}.invoice-main-container .invoice-form-preview .invoice-main-preview .file-preview-wrapper .remove-btn svg{width:16px;height:16px}.invoice-main-container .invoice-form-preview .invoice-main-preview .file-preview-wrapper .remove-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.invoice-main-container .invoice-form-preview .invoice-main-preview .file-preview-wrapper .remove-btn:active{transform:translateY(0)}.invoice-main-container .invoice-form-preview .invoice-main-preview .zoom-wrapper{width:100%;overflow:visible;display:flex;justify-content:center;align-items:flex-start;height:100%}@media (max-width: 768px){.invoice-main-container .invoice-form-preview .invoice-main-preview .zoom-wrapper{height:auto}}@media all and (max-width: 768px){.invoice-main-container .invoice-form-preview{flex-direction:column;height:auto}}.email-modal-content .invoice-input-field-container{position:relative;margin:5px 0;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.email-modal-content .invoice-input-field-container .edit-icon{position:absolute;border:none;background:transparent;top:0;right:0;transform:translate(-70%,60%);cursor:pointer;font-size:1.143rem}.email-modal-content .email-enter-message{color:#b91c1c;font-size:.857rem}.invoice-wrapper{color:#333;border-radius:12px}.invoice-wrapper .invoice-container-wrapper{background:none;background:#fff;font-family:Lato,sans-serif;border:1px solid #e4e4e4;border-radius:12px;margin-bottom:10px;transition:all .3s ease}.invoice-wrapper .invoice-container-wrapper .invoice-container{display:flex;flex-direction:column;min-height:1123px}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;padding:30px 50px 25px;border-bottom:1px solid #e4e4e4}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-header .invoice-title h1{margin:0;font-family:Lato,sans-serif;font-size:2.571rem}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-header .invoice-title p{margin:5px 0 0;font-size:1.286rem;color:#727272}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-header .logo{width:60px;height:auto}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-details{padding:25px 50px;border-bottom:1px solid #e4e4e4;display:flex;gap:120px}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-details p{font-size:1.286rem;margin:0 0 8px;color:#727272}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-details h3{font-size:1.429rem;font-family:Lato,sans-serif}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-details .invoice-details-left,.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-details .invoice-details-right{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:40px}.invoice-wrapper .invoice-container-wrapper .invoice-container .table-wrapper{display:flex;flex-direction:column;justify-content:center;padding:25px 50px}.invoice-wrapper .invoice-container-wrapper .invoice-container .table-wrapper p{margin:0 0 8px;font-size:1.286rem;color:#727272}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table{width:100%;table-layout:fixed;margin-bottom:15px;color:#333}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table thead th:first-child{border-top-left-radius:12px}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table thead th:last-child{border-top-right-radius:12px}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table th,.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table td{padding:15px 10px;text-align:center;font-size:1.143rem;word-break:break-all}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table th{background:#f9f9f9;text-align:center}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table tbody{margin-bottom:10px}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table tbody tr{border-bottom:1px solid #e4e4e4}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table .description{width:50%;text-align:left}.invoice-wrapper .invoice-container-wrapper .invoice-container .invoice-table .total{text-align:right}.invoice-wrapper .invoice-container-wrapper .invoice-container .summary{text-align:right;background:#f9f9f9;border-radius:12px}.invoice-wrapper .invoice-container-wrapper .invoice-container .summary p{display:flex;padding:5px 10px;justify-content:space-between;margin:3px 0;font-size:1.143rem;color:#333}.invoice-wrapper .invoice-container-wrapper .invoice-container .notes-box{margin-top:auto;margin-left:50px;margin-right:50px;background:#f6f6f6;padding:15px;border-radius:12px;font-size:1.143rem;word-spacing:1px}.invoice-wrapper .invoice-container-wrapper .invoice-container .notes-box h4{font-family:Lato,sans-serif;font-weight:600}.invoice-wrapper .invoice-container-wrapper .invoice-container .notes-box ul{padding-left:20px;list-style:disc}.invoice-wrapper .invoice-container-wrapper .invoice-container .notes-box li{padding:0 10px;line-height:1.5;color:#727272}.invoice-wrapper .invoice-container-wrapper .invoice-container footer{margin-bottom:50px}.invoice-wrapper .invoice-container-wrapper .invoice-container footer .company-details{font-weight:600;display:flex;justify-content:space-between;padding:25px 50px 10px}.invoice-wrapper .invoice-container-wrapper .invoice-container footer .company-details h3{font-family:Lato,sans-serif;font-size:1.429rem}.invoice-wrapper .invoice-container-wrapper .invoice-container footer .company-details span{color:#727272}.invoice-wrapper .invoice-container-wrapper .invoice-container footer .page-number{padding:0 50px;text-align:right;color:#727272}.invoices-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.invoices-page{padding:.857rem .571rem}}.invoices-page .tab-title{margin-bottom:21px}.invoices-page .select-component .selectfield .react-select__clear-indicator{display:none}.invoices-page .select-component .selectfield .react-select__option{white-space:normal!important;word-break:break-word!important;overflow:visible!important;height:auto!important}.invoices-page .select-component .selectfield .react-select__option--is-focused{background:#f3effc!important}.invoices-page .select-component .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.invoices-page__container{max-width:1400px;margin:0 auto}.invoices-page__search-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;align-items:center;justify-content:start;width:100%}.invoices-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;display:flex;flex-direction:column;gap:.857rem;align-items:center;z-index:1000;position:relative;width:100%}.invoices-page__filter-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.1);padding-bottom:.571rem}.invoices-page__filter-title{font-size:1.143rem;margin:0;display:flex;align-items:center;gap:.571rem;color:#313131;font-weight:700}.invoices-page__filter-title:before{content:"";width:3px;height:18px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce)}.invoices-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d!important;color:#d82c0d!important;border-radius:8px;transition:all .3s ease}.invoices-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.invoices-page__search-wrapper{min-width:250px}.invoices-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.invoices-page__header{flex-direction:column;align-items:flex-start}}.invoices-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.invoices-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.invoices-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.invoices-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.invoices-page__title{font-size:1.143rem}}.invoices-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.invoices-page__create-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.invoices-page__create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.invoices-page__create-btn{width:100%}}.invoices-page__export-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.invoices-page__export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.invoices-page__export-btn{width:100%}}.invoices-page__searchfield{width:100%}.invoices-page__searchfield .inputfield{padding:0 .571rem!important;height:36px;font-size:.857rem;border-radius:8px;border:1px solid #e6e6e7;background:#fff;transition:all .3s ease;font-weight:400}.invoices-page__searchfield .inputfield::placeholder{color:#8c9196}.invoices-page__searchfield .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 3px #8860d014}.invoices-page__searchfield .inputfield:hover{border-color:#8860d0;background:#fff}.invoices-page__status-filter{min-width:280px}@media (max-width: 968px){.invoices-page__status-filter{width:100%}}.invoices-page__status-select .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff;transition:all .3s ease}.invoices-page__status-select .react-select__control:hover{border-color:#8860d0!important}.invoices-page__status-select .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.invoices-page__status-select .react-select__value-container{padding:0 .571rem;height:36px}.invoices-page__status-select .react-select__indicators{height:36px}.invoices-page__status-select .react-select__placeholder{color:#8c9196;font-weight:400;font-size:.857rem}.invoices-page__status-select .react-select__single-value{color:#313131;font-weight:600;font-size:.857rem}.invoices-page__status-select .react-select__indicator{color:#8860d0;padding:.571rem}.invoices-page__status-select .react-select__indicator-separator{display:none}.invoices-page__status-select .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;margin-top:.571rem;overflow:hidden;z-index:1000}.invoices-page__status-select .react-select__menu-list{padding:.571rem}.invoices-page__status-select .react-select__option{padding:.571rem .857rem;cursor:pointer;transition:all .2s ease;font-size:.857rem;border-radius:8px;margin-bottom:.286rem}.invoices-page__status-select .react-select__option:last-child{margin-bottom:0}.invoices-page__status-select .react-select__option--is-focused{background:#f3effc!important;color:#8860d0!important}.invoices-page__status-select .react-select__option--is-selected{background:#8860d0!important;color:#fff!important;font-weight:600}.invoices-page__filter-group{display:grid;grid-template-columns:1fr 1fr auto;gap:1.143rem;align-items:center}@media (max-width: 768px){.invoices-page__filter-group{grid-template-columns:1fr}}.invoices-page__mui-datepicker{width:100%}.invoices-page__mui-datepicker .MuiFormLabel-root{top:50%;transform:translateY(-50%);left:14px}.invoices-page__mui-datepicker .MuiInputBase-root{height:36px;border-radius:8px;background:#fff;font-size:.857rem}.invoices-page__mui-datepicker .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.invoices-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.invoices-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 4px #8860d014}.invoices-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.invoices-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.invoices-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.invoices-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap}@media (max-width: 768px){.invoices-page__clear-btn{grid-column:span 1;width:100%}}.invoices-page__content{animation:fadeInUp .6s ease-out .2s both;min-height:300px}.invoices-page__content table td{max-width:280px;white-space:normal!important;word-wrap:break-word;word-break:break-word}@media all and (max-width: 576px){.invoices-page__content table td{word-break:unset;word-wrap:unset}.invoices-page__content table td h3{text-wrap:nowrap}}.invoices-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.invoices-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.invoices-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.invoices-page__title-cell{text-align:center;padding:.286rem 0;transition:all .3s ease}.invoices-page__title-cell:hover .notice-title{color:#8860d0;transform:translate(4px)}.invoices-page__title-cell .notice-title{font-size:.857rem;font-weight:600;color:#313131;margin:0;line-height:1.4;transition:all .3s ease;display:inline-block}.invoices-page__title-cell .amount-cell.total{color:#16a34a;font-size:.857rem;font-weight:600}.invoices-page__title-cell .amount-cell.discount{color:#dc2626;font-size:.857rem;font-weight:600}.invoices-page__date-cell{padding:.571rem 0;display:flex;justify-content:center;align-items:center}.invoices-page__date-cell .date-range{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border-radius:12px;width:fit-content;transition:all .3s ease}.invoices-page__date-cell .date-range.active{background:#22c55e14}.invoices-page__date-cell .date-range.active .date-status{color:#22c55e;font-size:1.143rem}.invoices-page__date-cell .date-range.active .date-value{color:#16a34a}.invoices-page__date-cell .date-range.upcoming{background:#3b82f614}.invoices-page__date-cell .date-range.upcoming .date-status{color:#3b82f6;font-size:1.143rem}.invoices-page__date-cell .date-range.upcoming .date-value{color:#2563eb}.invoices-page__date-cell .date-range.expired{background:#9ca3af14}.invoices-page__date-cell .date-range.expired .date-status{color:#9ca3af;font-size:1.143rem}.invoices-page__date-cell .date-range.expired .date-value{color:#6b7280}.invoices-page__date-cell .date-range:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000014}.invoices-page__date-cell .date-status{font-weight:700;flex-shrink:0}.invoices-page__date-cell .date-content{display:flex;align-items:center;gap:.286rem;font-size:.857rem;color:#313131}.invoices-page__date-cell .date-value{font-weight:500;white-space:nowrap}.invoices-page__date-cell .date-separator{color:#8c9196;font-weight:400;margin:0 .286rem}.invoices-page__type-cell{display:flex;justify-content:center;align-items:center}.invoices-page__type-cell .type-badge{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem 1.429rem;border-radius:50px;border:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014;color:#fff}.invoices-page__type-cell .type-badge .type-icon{font-size:1.143rem;display:flex;align-items:center;color:#fff}.invoices-page__type-cell .type-badge .type-label{color:#fff}.invoices-page__type-cell .type-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.invoices-page__status-cell{display:flex;justify-content:center;align-items:center;padding:.571rem 0}.invoices-page__status-cell .status-badge{display:inline-flex;align-items:center;gap:.571rem;padding:.286rem .571rem;border-radius:50px;border:none;font-weight:600;font-size:.714rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.invoices-page__status-cell .status-badge .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.invoices-page__status-cell .status-badge .status-label{white-space:nowrap}.invoices-page__status-cell .status-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.invoices-page__actions-cell{display:flex;gap:.857rem;justify-content:center;align-items:center}.invoices-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.invoices-page__actions-cell .action-btn.edit-btn{background:#8860d01a;color:#8860d0}.invoices-page__actions-cell .action-btn.edit-btn:hover{background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.invoices-page__actions-cell .action-btn.delete-btn{background:#cd53531a;color:#cd5353}.invoices-page__actions-cell .action-btn.delete-btn:hover{background:#cd5353;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #cd53534d}.invoices-page__pagination{margin-top:1.714rem;display:flex;justify-content:center}.invoices-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.invoices-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.invoices-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.invoices-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.invoices-page__empty .empty-action-btn{margin-top:.857rem;height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040}.invoices-page__empty .empty-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.invoices-page .notice-type-option{display:flex;align-items:center;gap:.571rem}.invoices-page .notice-type-option .notice-type-icon{font-size:1.286rem}.invoices-page .table-container{border-radius:12px;overflow:auto;border:1px solid #e6e6e7}.invoices-page .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.invoices-page .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.invoices-page .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease}.invoices-page .table-container table tbody tr .invoices-page__employee-cell{justify-content:flex-start}.invoices-page .table-container table tbody tr .invoices-page__employee-cell .invoices-page__employee-info{align-items:flex-start}.invoices-page .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.invoices-page .table-container table tbody tr:hover .invoices-page__employee-cell .invoices-page__employee-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8860d033}.invoices-page .table-container table tbody tr:last-child{border-bottom:none}.invoices-page .table-container table tbody tr td{padding:.286rem .571rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.invoices-page__employee-cell{display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.286rem 0}.invoices-page__employee-cell .invoices-page__employee-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 6px #8860d01f}.invoices-page__employee-cell .invoices-page__employee-avatar img{width:100%;height:100%;object-fit:contain}.invoices-page__employee-cell .invoices-page__employee-avatar .invoices-page__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1rem}.invoices-page__employee-cell .invoices-page__employee-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.invoices-page__employee-cell .invoices-page__employee-info .invoices-page__employee-name{font-size:1rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.invoices-page__employee-cell .invoices-page__employee-info .invoices-page__employee-client{display:flex;align-items:center;justify-content:center;flex-direction:row;font-size:.714rem;font-weight:500;color:#fff;text-wrap:nowrap;background:linear-gradient(135deg,#8860d0cc,#9c80cecc);padding:.143rem .571rem;border-radius:8px;width:fit-content;text-transform:capitalize;text-align:center}.invoices-page__date-cell{display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.571rem .857rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:8px;margin:0 auto;width:fit-content}.invoices-page__date-cell .date-icon{font-size:1rem;color:#8860d0;flex-shrink:0}.invoices-page__date-cell .date-text{font-size:.857rem;color:#313131;font-weight:500;white-space:nowrap}.invoices-page .MuiPickersPopper-root{z-index:9999!important}.invoices-page .MuiPickersDay-root{border-radius:8px;transition:all .2s ease}.invoices-page .MuiPickersDay-root:hover{background:#f3effc}.invoices-page .MuiPickersDay-root.Mui-selected{background:#8860d0!important}.invoices-page .MuiPickersDay-root.Mui-selected:hover{background:#794cca!important}.invoices-page .MuiPickersCalendarHeader-label{color:#8860d0;font-weight:600}.invoices-page .MuiPickersArrowSwitcher-button{color:#8860d0}.invoices-page .MuiPickersArrowSwitcher-button:hover{background:#f3effc}.sales-form-container{padding:0 20px}.sales-form-container .form-title{font-size:1.571rem;font-weight:700;color:#333}.sales-form-container .sales-form h3{font-size:1rem;font-weight:600;color:#333;padding-bottom:.5rem}.sales-form-container .sales-form .section{position:relative;border-bottom:1px solid #ddd;padding:20px 0}.sales-form-container .sales-form .section label{font-weight:600;color:#333}.sales-form-container .sales-form .section .input-field{background:none;border:1px solid #ddd;height:40px;width:100%;border-radius:8px;padding:10px;font-size:1rem;transition:all .2s ease}.sales-form-container .sales-form .section .input-field::placeholder{color:#aaa;font-size:1rem}.sales-form-container .sales-form .section .input-field:hover{border-color:#bbb}.sales-form-container .sales-form .section .input-field:disabled{background:#f9f9f9}.sales-form-container .sales-form .section .select-component{margin-top:5px}.sales-form-container .sales-form .section .select-component .select-field-container .selectfield .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff!important;font-size:.857rem!important;cursor:pointer;transition:all .3s ease;box-shadow:none!important}.sales-form-container .sales-form .section .select-component .select-field-container .selectfield .react-select__control:hover{border-color:#8860d0!important}.sales-form-container .sales-form .section .select-component .select-field-container .selectfield .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.sales-form-container .sales-form .section .select-component .select-field-container .selectfield .react-select__value-container{padding:0 .571rem!important;font-size:.857rem!important}.sales-form-container .sales-form .section .select-component .select-field-container .selectfield .react-select__input-container{margin:0;padding:0;font-size:.857rem!important}.sales-form-container .sales-form .section .select-component .select-field-container .selectfield .react-select__single-value{font-size:.857rem!important;color:#313131!important}.sales-form-container .sales-form .section .select-component .select-field-container .selectfield .react-select__placeholder{font-size:.857rem!important;color:#8c9196!important}.sales-form-container .sales-form .section .select-component .select-field-container .selectfield .react-select__indicator{padding:4px!important}.sales-form-container .sales-form .section .sales-input-field-container{position:relative;margin-top:5px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.sales-form-container .sales-form .section .sales-input-field-container .edit-icon{position:absolute;border:none;background:transparent;top:0;right:0;transform:translate(-70%,60%);cursor:pointer;font-size:1.143rem}.sales-form-container .sales-form .section .css-1n4n7wl-control{border:1px solid #ddd}.sales-form-container .sales-form .section .css-1n4n7wl-control:focus{border:1px solid #e4e4e4}.sales-form-container .sales-form .section .css-1dimb5e-singleValue span{font-size:1.143rem}.sales-form-container .sales-form .form-billed-to{display:flex;justify-content:space-between}.sales-form-container .sales-form .form-billed-to h4{font-size:1rem;color:#7449c0!important;cursor:pointer}.sales-form-container .sales-form .form-billed-to h4:hover{color:#5d379f}.sales-form-container .sales-form .form-billed-to .disabled{color:#999!important;pointer-events:none}.sales-form-container .sales-form .form-group{display:flex;flex-direction:column}.sales-form-container .sales-form .form-group .vat-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom{position:relative;display:inline-block;width:18px;height:18px;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease}@media screen and (max-width: 500px){.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom{width:14px;height:14px;border-radius:2px}}.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:1px;width:3px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media screen and (max-width: 500px){.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom:after{width:2px;height:6px;left:3px}}.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox:checked+.checkbox-custom{background-color:#8860d0cc;border-color:#8860d0cc}.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox:checked+.checkbox-custom:after{display:block}.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox:not(:disabled)+.checkbox-custom:hover{border-color:#8860d0cc}.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox:disabled+.checkbox-custom{background-color:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed}.sales-form-container .sales-form .form-group .vat-checkbox-label .vat-checkbox:disabled~.checkbox-text{color:#9ca3af;cursor:not-allowed}.sales-form-container .sales-form .form-group .vat-checkbox-label .checkbox-text{font-size:14px;color:#374151;font-weight:500}@media screen and (max-width: 500px){.sales-form-container .sales-form .form-group .vat-checkbox-label .checkbox-text{font-size:12px}}.sales-form-container .sales-form .form-group__date-picker .MuiFormControl-root{width:100%}.sales-form-container .sales-form .form-group__date-picker .MuiFormControl-root .MuiInputBase-root{height:41px;border-radius:8px;border:0px}@media screen and (max-width: 500px){.sales-form-container .sales-form .form-group__date-picker .MuiFormControl-root .MuiInputBase-root input{font-size:10px}}.sales-form-container .sales-form .form-group__date-picker .MuiFormControl-root .MuiInputBase-root:hover{height:41px;border-radius:8px;border:0px}.sales-form-container .sales-form .form-group__date-picker-nepali .bs-date-picker__wrapper .bs-date-picker__input-wrapper{height:41px!important;border-radius:8px!important;border-width:2px!important;border-style:solid!important}.sales-form-container .sales-form .form-group__date-picker-nepali .bs-date-picker__wrapper .bs-date-picker__input-wrapper:hover{border-color:#8860d0e6!important}@media screen and (max-width: 500px){.sales-form-container .sales-form .form-group__date-picker-nepali .bs-date-picker__input{font-size:10px!important}}.sales-form-container .sales-form .form-group>label{display:flex;align-items:center;justify-content:row;flex-direction:center;gap:10px}.sales-form-container .sales-form .form-group>label>span{display:flex;align-items:center;justify-content:row;flex-direction:center;gap:10px}@media screen and (max-width: 720px){.sales-form-container .sales-form .form-group .sales-input-field-container .nepali-date-picker .calender{left:-50px!important;font-size:11px!important;padding:15px 8px!important}}@media screen and (max-width: 500px){.sales-form-container .sales-form .form-group .sales-input-field-container .nepali-date-picker .calender{left:-120px!important;font-size:11px!important;padding:15px 8px!important}}.sales-form-container .sales-form .form-group-row{display:flex;gap:1rem}.sales-form-container .sales-form .form-group-row .form-group{flex:1}.sales-form-container .sales-form .items-list{display:flex;flex-direction:column;padding-bottom:10px}.sales-form-container .sales-form .items-list .label-container,.sales-form-container .sales-form .items-list .item-row,.sales-form-container .sales-form .items-list .error-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.5rem;align-items:center;margin-top:10px}@media screen and (max-width: 500px){.sales-form-container .sales-form .items-list .label-container,.sales-form-container .sales-form .items-list .item-row,.sales-form-container .sales-form .items-list .error-container{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;border:1px solid rgba(136,96,208,.2);padding:12px;border-radius:8px}}.sales-form-container .sales-form .items-list .label-container{margin-top:1rem}.sales-form-container .sales-form .items-list .col{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5px;gap:5px}.sales-form-container .sales-form .items-list .col .input-label{text-align:left;width:100%}.sales-form-container .sales-form .items-list .col .input-label .required-label{color:red}@media screen and (max-width: 500px){.sales-form-container .sales-form .items-list .col{width:100%;gap:5px}}.sales-form-container .sales-form .items-list .col.readonly .input-field-container>input{background:none;border:1px;border-bottom:1px;border-radius:0}.sales-form-container .sales-form .items-list .col.readonly .input-field-container>input:disabled{background:none;cursor:default;border-bottom:1px}.sales-form-container .sales-form .items-list .error-container>span{color:#cd5353;font-size:.857rem;font-weight:500}.sales-form-container .sales-form .items-list .remove-btn{border:none;cursor:pointer;background:transparent;font-size:1.429rem;display:flex;color:#707070}.sales-form-container .sales-form .items-list .remove-btn:disabled{color:#afafaf;cursor:not-allowed}.sales-form-container .sales-form .items-list .remove-btn-long{border:1px solid rgba(136,96,208,.2);cursor:pointer;display:flex;flex-direction:row;gap:10px;border-radius:8px;background:transparent;font-size:1.286rem;padding:8px 0;color:#707070;font-family:QuickSand}.sales-form-container .sales-form .items-list .remove-btn-long:hover{background-color:#cd5353cc;color:#fff;transition-duration:300}.sales-form-container .sales-form .items-list .remove-btn-long:disabled{color:#afafaf;cursor:not-allowed}.sales-form-container .sales-form .items-list .add-btn-container{display:flex;justify-content:center;width:100%}.sales-form-container .sales-form .items-list .add-btn-container .add-btn{background-color:#fff;cursor:pointer;border:1px solid #ddd;color:#333;border-radius:8px;position:absolute;bottom:0;transform:translateY(50%);padding:7px 12px;transition:all .2s ease}.sales-form-container .sales-form .items-list .add-btn-container .add-btn:hover{background:#f4f4f4;border-color:#bbb}.sales-form-container .sales-form .items-list .add-btn-container .add-btn:disabled{color:#afafaf;cursor:not-allowed}.sales-form-container .sales-form .tax-discount{margin-top:10px;display:flex;flex-direction:column;gap:.5rem;border:none}.sales-form-container .sales-form .tax-discount .form-group{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sales-form-container .sales-form .tax-discount .form-group .sales-tax-discount-input-field-container{width:max-content}.sales-form-container .sales-form .tax-discount .form-group .sales-tax-discount-input-field-container .input-field-container>input{background:none;border:1px;border-bottom:1px solid black;border-radius:0;text-align:end}.sales-form-container .sales-form .tax-discount .form-group .sales-tax-discount-input-field-container .input-field-container>input:disabled{background:none;cursor:default;border-bottom:1px}.sales-form-container .sales-form .tax-discount .form-group .sales-tax-discount-input-field-container.readonly .input-field-container>input{background:none;border:1px;border-bottom:1px;border-radius:0;text-align:end}.sales-form-container .sales-form .tax-discount .form-group .sales-tax-discount-input-field-container.readonly .input-field-container>input:disabled{background:none;cursor:default;border-bottom:1px}.sales-form-container .sales-form .tax-discount .form-group span{color:#8c9196;font-weight:500}.sales-form-container .sales-form__total-amt{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-top:10px}.sales-form-container .sales-form__total-amt>p{width:max-content;font-size:1rem;font-weight:600;white-space:nowrap}.sales-form-container,.sales-form{overflow:visible!important}.additional-details .chip-select-container{display:flex;flex-direction:row;justify-content:start;margin-top:10px;gap:16px}.additional-details .chip-select-container .chip-select-btn{flex:1;padding:18px 24px;border-radius:8px;border:1px solid transparent;background:#f3f4f6;color:#6b7280;font-weight:600;font-size:1.1rem;font-family:QuickSand;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.additional-details .chip-select-container .chip-select-btn:hover:not(.active):not(:disabled){background:#e5e7eb;color:#374151;transform:translateY(-1px);box-shadow:0 2px 2px #0000000d}.additional-details .chip-select-container .chip-select-btn.active{background:linear-gradient(135deg,#8860d0,#794cca);color:#fff;border-color:transparent;box-shadow:0 8px 16px -4px #8860d080,0 4px 6px -2px #8860d04d;transform:translateY(-2px)}.additional-details .chip-select-container .chip-select-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:#f3f4f6;color:#9ca3af}.additional-details .chip-select-container .chip-select-btn.active:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent);border-radius:12px 12px 100% 100%;opacity:.5}.sales-main-container{padding:20px;margin-top:15px;font-stretch:expanded;width:100%;color:#333}.sales-main-container .sales-main__header{display:flex;justify-content:space-between;gap:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.sales-main-container .sales-main__header{align-items:flex-start}}.sales-main-container .sales-main__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.sales-main-container .sales-main__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.sales-main-container .sales-main__back-btn:active{transform:translate(-2px)}.sales-main-container .sales-main__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.sales-main-container .sales-main__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.sales-main-container .sales-main__header-icon{width:56px;height:56px;font-size:1.714rem}}.sales-main-container .sales-main__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.sales-main-container .sales-main__title{font-size:1.429rem}}.sales-main-container .sales-main__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.sales-main-container .sales-actions{display:flex;padding:10px;gap:10px;justify-content:end}.sales-main-container .sales-form-preview{display:flex;align-items:stretch;justify-content:center;flex-direction:row;gap:20px;min-height:100vh;width:100%;overflow:visible;background:transparent}@media screen and (max-width: 1210px){.sales-main-container .sales-form-preview{display:flex;align-items:stretch;justify-content:center;flex-direction:column}.sales-main-container .sales-form-preview .sales-main-form,.sales-main-container .sales-form-preview .sales-main-preview{width:100%!important}}.sales-main-container .sales-form-preview .sales-main-form{display:flex;flex-direction:column;border-radius:12px;width:45%;background:#fff;max-width:100%;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;overflow:hidden}.sales-main-container .sales-form-preview .sales-main-form::-webkit-scrollbar{display:none}.sales-main-container .sales-form-preview .sales-main-form .form-title{display:flex;align-items:center;justify-content:row;flex-direction:row;gap:10px;padding:28px 20px;border-bottom:1px solid #f0f0f0;background:#fff}@media screen and (max-width: 500px){.sales-main-container .sales-form-preview .sales-main-form .form-title{padding:16px 10px}}.sales-main-container .sales-form-preview .sales-main-form .form-title .icon-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#8860d0;color:#fff;font-size:16px}.sales-main-container .sales-form-preview .sales-main-form .form-title h2{font-size:18px;font-weight:600;color:#111827;margin:0}.sales-main-container .sales-form-preview .sales-main-form .form-title div{font-size:1.571rem;border:1px solid #ddd;display:flex;border-radius:8px;padding:3px 4px}.sales-main-container .sales-form-preview .sales-main-preview{display:flex;background:#fff;flex-direction:column;border-radius:12px;width:55%;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;overflow:hidden}.sales-main-container .sales-form-preview .sales-main-preview .header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fff}@media screen and (max-width: 500px){.sales-main-container .sales-form-preview .sales-main-preview .header{padding:16px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}}.sales-main-container .sales-form-preview .sales-main-preview .header .preview-title{display:flex;align-items:center;gap:10px}.sales-main-container .sales-form-preview .sales-main-preview .header .preview-title .icon-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#8860d0;color:#fff;font-size:16px}.sales-main-container .sales-form-preview .sales-main-preview .header .preview-title h2{font-size:18px;font-weight:600;color:#111827;margin:0}.sales-main-container .sales-form-preview .sales-main-preview .header .preview-title .required-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#fef2f2;color:#dc2626;font-size:11px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions{display:flex;gap:8px}@media screen and (max-width: 500px){.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions{width:100%;align-items:flex-end;gap:5px}}@media screen and (max-width: 400px){.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions{align-items:center;justify-content:center}}.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions .action-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;font-size:16px;border-radius:8px;transition:all .2s ease;font-weight:500}@media screen and (max-width: 500px){.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions .action-btn{border-radius:6px}}.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions .action-btn:hover:not(:disabled){background:#f9fafb;border-color:#8860d0;transform:translateY(-1px)}.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions .action-btn:active:not(:disabled){transform:translateY(0)}.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions .action-btn.pdf-btn .pdf{display:flex;align-items:center;gap:6px;font-size:14px}.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions .action-btn.pdf-btn .pdf svg{font-size:18px}.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions .action-btn.pdf-btn .exporting-text{display:flex;align-items:center;gap:8px;font-size:14px}.sales-main-container .sales-form-preview .sales-main-preview .header .sales-actions .action-btn.pdf-btn .exporting-text .spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container{width:100%;background:#f9fafb;padding:24px;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:center;min-height:500px}@media screen and (max-width: 500px){.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container{min-height:300px}}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container::-webkit-scrollbar{width:8px}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container::-webkit-scrollbar-track{background:#f1f1f1}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone{border:2px dashed #cbd5e1;border-radius:16px;padding:48px 32px;text-align:center;cursor:pointer;width:100%;max-width:600px;height:100%;background:#f9fafb;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone:hover{border-color:#8860d0;background:#faf5ff;transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed1f}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone.active{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);border-color:#7c3aed;border-width:3px;box-shadow:0 12px 32px #7c3aed33,0 0 0 4px #7c3aed1a;transform:scale(1.02)}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .dropzone-content{display:flex;flex-direction:column;align-items:center;gap:20px;pointer-events:none}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .upload-icon-wrapper{position:relative}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .upload-icon-wrapper .upload-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#8860d0;border-radius:20px;color:#fff;box-shadow:0 8px 24px #7c3aed40}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .upload-icon-wrapper .upload-icon svg{width:36px;height:36px}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .dropzone-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .dropzone-icon{font-size:48px;color:#7449c0}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .dropzone-text{font-size:18px;font-weight:600;color:#111827;margin:0;line-height:1.5}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .dropzone-text .highlight{color:#8860d0}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .dropzone-divider{display:flex;align-items:center;width:100%;margin:8px 0;color:#9ca3af;font-size:14px}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .dropzone-divider:before,.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .dropzone-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .dropzone-divider span{padding:0 16px;font-weight:500}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .browse-button{padding:10px 24px;background:#8860d0;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #7c3aed4d;pointer-events:auto}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .browse-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .browse-button:active{transform:translateY(0)}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .supported-formats{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border-radius:8px;font-size:13px;color:#6b7280;font-weight:500}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .dropzone .supported-formats svg{color:#9ca3af}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .file-preview-wrapper{width:100%;position:relative;display:flex;justify-content:center}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .file-preview-wrapper .pdf-preview,.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .file-preview-wrapper .image-preview{position:relative;width:100%;border-radius:12px;padding:16px}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .file-preview-wrapper .zoom-container{width:100%;display:flex;justify-content:center;transform-origin:top center}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .file-preview-wrapper .zoom-container img{height:auto;display:block;border-radius:8px;box-shadow:0 2px 8px #00000014;background-color:#fff}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .file-preview-wrapper .remove-btn{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;background:#dc2626;color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #dc26264d;z-index:10}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .file-preview-wrapper .remove-btn svg{width:16px;height:16px}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .file-preview-wrapper .remove-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.sales-main-container .sales-form-preview .sales-main-preview .sales-preview-container .file-preview-wrapper .remove-btn:active{transform:translateY(0)}.email-modal-content .sales-input-field-container{position:relative;margin:5px 0;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.email-modal-content .sales-input-field-container .edit-icon{position:absolute;border:none;background:transparent;top:0;right:0;transform:translate(-70%,60%);cursor:pointer;font-size:1.143rem}.sales-page{min-height:50vh;width:100%}.sales-page .tab-title{margin-bottom:21px}.sales-page__container{margin:0 auto}.sales-page__table-card{background:#fff;border-radius:16px;padding:1.143rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.143rem;animation:fadeInUp .6s ease-out .2s both;overflow:hidden;border:1px solid #e6e6e7}.sales-page__table-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.571rem;margin-bottom:1.143rem}.sales-page__table-header p{margin:0;text-transform:uppercase;font-size:.714rem;color:#8c9196;letter-spacing:.1em;font-weight:700}.sales-page__table-header h3{margin:.286rem 0 0;font-size:1.143rem;color:#313131;font-weight:700}.sales-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.sales-page__header{flex-direction:column;align-items:flex-start}}.sales-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.sales-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.sales-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.sales-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.sales-page__title{font-size:1.143rem}}.sales-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.sales-page__create-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.sales-page__create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.sales-page__create-btn{width:100%}}.sales-page__export-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.sales-page__export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.sales-page__export-btn{width:100%}}.sales-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;display:grid;grid-template-columns:1fr auto;gap:.857rem;align-items:center;z-index:1000;position:relative}@media (max-width: 968px){.sales-page__filters{grid-template-columns:1fr;gap:1.143rem}}@media all and (max-width: 576px){.sales-page__filters>div{flex-direction:column}}.sales-page__search-wrapper{display:flex;align-items:center;width:100%}.sales-page__searchfield{width:100%}.sales-page__searchfield .inputfield{padding:0 .571rem!important;height:36px;font-size:.857rem;border-radius:8px;border:1px solid #e6e6e7;background:#fff;transition:all .3s ease;font-weight:400}.sales-page__searchfield .inputfield::placeholder{color:#8c9196}.sales-page__searchfield .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 3px #8860d014}.sales-page__searchfield .inputfield:hover{border-color:#8860d0;background:#fff}.sales-page__status-filter{min-width:280px}@media (max-width: 968px){.sales-page__status-filter{width:100%}}.sales-page__status-select .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff;transition:all .3s ease}.sales-page__status-select .react-select__control:hover{border-color:#8860d0!important}.sales-page__status-select .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.sales-page__status-select .react-select__value-container{padding:0 .571rem;height:36px}.sales-page__status-select .react-select__indicators{height:36px}.sales-page__status-select .react-select__placeholder{color:#8c9196;font-weight:400;font-size:.857rem}.sales-page__status-select .react-select__single-value{color:#313131;font-weight:600;font-size:.857rem}.sales-page__status-select .react-select__indicator{color:#8860d0;padding:.571rem}.sales-page__status-select .react-select__indicator-separator{display:none}.sales-page__status-select .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;margin-top:.571rem;overflow:hidden;z-index:1000}.sales-page__status-select .react-select__menu-list{padding:.571rem}.sales-page__status-select .react-select__option{padding:.571rem .857rem;cursor:pointer;transition:all .2s ease;font-size:.857rem;border-radius:8px;margin-bottom:.286rem}.sales-page__status-select .react-select__option:last-child{margin-bottom:0}.sales-page__status-select .react-select__option--is-focused{background:#f3effc!important;color:#8860d0!important}.sales-page__status-select .react-select__option--is-selected{background:#8860d0!important;color:#fff!important;font-weight:600}.sales-page__filter-group{display:grid;grid-template-columns:1fr 1fr auto;gap:1.143rem;align-items:center}@media (max-width: 768px){.sales-page__filter-group{grid-template-columns:1fr}}.sales-page__mui-datepicker{width:100%}.sales-page__mui-datepicker .MuiFormLabel-root{top:50%;transform:translateY(-50%);left:14px}.sales-page__mui-datepicker .MuiInputBase-root{height:36px;border-radius:8px;background:#fff;font-size:.857rem}.sales-page__mui-datepicker .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.sales-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.sales-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 4px #8860d014}.sales-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.sales-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.sales-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.sales-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap}@media (max-width: 768px){.sales-page__clear-btn{grid-column:span 1;width:100%}}.sales-page__content{border-radius:16px;padding:0;animation:fadeInUp .6s ease-out .2s both;min-height:300px}.sales-page__content table td{white-space:normal!important;word-wrap:break-word;word-break:break-word}@media all and (max-width: 576px){.sales-page__content table td{word-break:unset;word-wrap:unset}.sales-page__content table td h3{text-wrap:nowrap}}.sales-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.sales-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.sales-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.sales-page__title-cell{text-align:center;padding:.286rem 0;transition:all .3s ease}.sales-page__title-cell:hover .notice-title{color:#8860d0;transform:translate(4px)}.sales-page__title-cell .notice-title{font-size:.857rem;font-weight:600;color:#313131;margin:0;line-height:1.4;transition:all .3s ease;display:inline-block}.sales-page__title-cell .amount-cell.total{color:#16a34a;font-size:.857rem;font-weight:600}.sales-page__title-cell .amount-cell.discount{color:#dc2626;font-size:.857rem;font-weight:600}.sales-page__date-cell{padding:.571rem 0;display:flex;justify-content:center;align-items:center}.sales-page__date-cell .date-range{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border-radius:12px;width:fit-content;transition:all .3s ease}.sales-page__date-cell .date-range.active{background:#22c55e14}.sales-page__date-cell .date-range.active .date-status{color:#22c55e;font-size:1.143rem}.sales-page__date-cell .date-range.active .date-value{color:#16a34a}.sales-page__date-cell .date-range.upcoming{background:#3b82f614}.sales-page__date-cell .date-range.upcoming .date-status{color:#3b82f6;font-size:1.143rem}.sales-page__date-cell .date-range.upcoming .date-value{color:#2563eb}.sales-page__date-cell .date-range.expired{background:#9ca3af14}.sales-page__date-cell .date-range.expired .date-status{color:#9ca3af;font-size:1.143rem}.sales-page__date-cell .date-range.expired .date-value{color:#6b7280}.sales-page__date-cell .date-range:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000014}.sales-page__date-cell .date-status{font-weight:700;flex-shrink:0}.sales-page__date-cell .date-content{display:flex;align-items:center;gap:.286rem;font-size:.857rem;color:#313131}.sales-page__date-cell .date-value{font-weight:500;white-space:nowrap}.sales-page__date-cell .date-separator{color:#8c9196;font-weight:400;margin:0 .286rem}.sales-page__type-cell{display:flex;justify-content:center;align-items:center}.sales-page__type-cell .type-badge{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem 1.429rem;border-radius:50px;border:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014;color:#fff}.sales-page__type-cell .type-badge .type-icon{font-size:1.143rem;display:flex;align-items:center;color:#fff}.sales-page__type-cell .type-badge .type-label{color:#fff}.sales-page__type-cell .type-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.sales-page__status-cell{display:flex;justify-content:center;align-items:center;padding:.571rem 0}.sales-page__status-cell .status-badge{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:50px;border:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.sales-page__status-cell .status-badge .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.sales-page__status-cell .status-badge .status-label{white-space:nowrap}.sales-page__status-cell .status-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.sales-page__actions-cell{display:flex;gap:.857rem;justify-content:center;align-items:center}.sales-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.sales-page__actions-cell .action-btn.edit-btn{background:#8860d01a;color:#8860d0}.sales-page__actions-cell .action-btn.edit-btn:hover{background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.sales-page__actions-cell .action-btn.delete-btn{background:#cd53531a;color:#cd5353}.sales-page__actions-cell .action-btn.delete-btn:hover{background:#cd5353;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #cd53534d}.sales-page__actions-cell .action-btn.link-btn{background:#2c6ecb1a;color:#2c6ecb;border:1px solid #2c6ecb}.sales-page__actions-cell .action-btn.link-btn:hover{background:#2c6ecb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2c6ecb4d}.sales-page__pagination{margin-top:1.714rem;display:flex;justify-content:center}.sales-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.sales-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.sales-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.sales-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.sales-page__empty .empty-action-btn{margin-top:.857rem;height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040}.sales-page__empty .empty-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.sales-page .notice-type-option{display:flex;align-items:center;gap:.571rem}.sales-page .notice-type-option .notice-type-icon{font-size:1.286rem}.sales-page .table-container{border-radius:8px;overflow:auto;border:1px solid #e6e6e7}.sales-page .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.sales-page .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.sales-page .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease}.sales-page .table-container table tbody tr.period-end-row td{border-bottom:2px solid #3e1e79!important}.sales-page .table-container table tbody tr .sales-page__employee-cell{justify-content:flex-start}.sales-page .table-container table tbody tr .sales-page__employee-cell .employee-info{align-items:flex-start}.sales-page .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:none!important}.sales-page .table-container table tbody tr:hover .sales-page__employee-cell .employee-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8860d033}.sales-page .table-container table tbody tr:last-child{border-bottom:none}.sales-page .table-container table tbody tr td{padding:.286rem .571rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.sales-page__employee-cell{display:flex;align-items:center;justify-content:center;gap:.857rem;padding:.571rem 0}.sales-page__employee-cell .employee-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 6px #8860d01f}.sales-page__employee-cell .employee-avatar img{width:100%;height:100%;object-fit:contain}.sales-page__employee-cell .employee-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1rem}.sales-page__employee-cell .employee-info{display:flex;flex-direction:column;gap:2px}.sales-page__employee-cell .employee-info .employee-name{font-size:.857rem;font-weight:600;color:#313131;line-height:1.3}.sales-page__employee-cell .employee-info .employee-role{font-size:.714rem;color:#3e1e79;line-height:1.2}.purchases-form-container{padding:0 20px}.purchases-form-container .form-title{font-size:1.571rem;font-weight:700;color:#333}.purchases-form-container .purchases-form h3{font-size:1rem;font-weight:600;color:#333;padding-bottom:.5rem}.purchases-form-container .purchases-form .section{position:relative;border-bottom:1px solid #ddd;padding:20px 0}.purchases-form-container .purchases-form .section label{font-weight:600;color:#333}.purchases-form-container .purchases-form .section .input-field{background:none;border:1px solid #ddd;height:40px;width:100%;border-radius:8px;padding:10px;font-size:1rem;transition:all .2s ease}.purchases-form-container .purchases-form .section .input-field::placeholder{color:#aaa;font-size:1rem}.purchases-form-container .purchases-form .section .input-field:hover{border-color:#bbb}.purchases-form-container .purchases-form .section .input-field:disabled{background:#f9f9f9}.purchases-form-container .purchases-form .section .select-component{margin-top:5px}.purchases-form-container .purchases-form .section .select-component .selectfield .react-select__control{height:52px!important;min-height:52px!important}.purchases-form-container .purchases-form .section .select-component .selectfield .react-select__menu,.purchases-form-container .purchases-form .section .select-component .selectfield .react-select__option{background:#fff;color:#000}.purchases-form-container .purchases-form .section .select-component .selectfield .react-select__option:hover{background-color:#8860d0e6;color:#fff}.purchases-form-container .purchases-form .section .select-component .selectfield .react-select__option--is-focused{color:#fff;background-color:#8860d0e6}.purchases-form-container .purchases-form .section .purchases-input-field-container{position:relative;margin-top:5px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.purchases-form-container .purchases-form .section .purchases-input-field-container .edit-icon{position:absolute;border:none;background:transparent;top:0;right:0;transform:translate(-70%,60%);cursor:pointer;font-size:1.143rem}.purchases-form-container .purchases-form .section .css-1n4n7wl-control{border:1px solid #ddd}.purchases-form-container .purchases-form .section .css-1n4n7wl-control:focus{border:1px solid #e4e4e4}.purchases-form-container .purchases-form .section .css-1dimb5e-singleValue span{font-size:1.143rem}.purchases-form-container .purchases-form .form-billed-to{display:flex;justify-content:space-between}.purchases-form-container .purchases-form .form-billed-to h4{font-size:1rem;color:#7449c0!important;cursor:pointer}.purchases-form-container .purchases-form .form-billed-to h4:hover{color:#5d379f}.purchases-form-container .purchases-form .form-billed-to .disabled{color:#999!important;pointer-events:none}.purchases-form-container .purchases-form .form-group{display:flex;flex-direction:column}.purchases-form-container .purchases-form .form-group .vat-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom{position:relative;display:inline-block;width:18px;height:18px;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease}@media screen and (max-width: 500px){.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom{width:14px;height:14px;border-radius:2px}}.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:1px;width:3px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media screen and (max-width: 500px){.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox+.checkbox-custom:after{width:2px;height:6px;left:3px}}.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox:checked+.checkbox-custom{background-color:#8860d0cc;border-color:#8860d0cc}.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox:checked+.checkbox-custom:after{display:block}.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox:not(:disabled)+.checkbox-custom:hover{border-color:#8860d0cc}.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox:disabled+.checkbox-custom{background-color:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed}.purchases-form-container .purchases-form .form-group .vat-checkbox-label .vat-checkbox:disabled~.checkbox-text{color:#9ca3af;cursor:not-allowed}.purchases-form-container .purchases-form .form-group .vat-checkbox-label .checkbox-text{font-size:14px;color:#374151;font-weight:500}@media screen and (max-width: 500px){.purchases-form-container .purchases-form .form-group .vat-checkbox-label .checkbox-text{font-size:12px}}.purchases-form-container .purchases-form .form-group__date-picker .MuiFormControl-root{width:100%}.purchases-form-container .purchases-form .form-group__date-picker .MuiFormControl-root .MuiInputBase-root{height:41px;border-radius:8px;border:0px}@media screen and (max-width: 500px){.purchases-form-container .purchases-form .form-group__date-picker .MuiFormControl-root .MuiInputBase-root input{font-size:10px}}.purchases-form-container .purchases-form .form-group__date-picker .MuiFormControl-root .MuiInputBase-root:hover{height:41px;border-radius:8px;border:0px}.purchases-form-container .purchases-form .form-group__date-picker-nepali .bs-date-picker__wrapper .bs-date-picker__input-wrapper{height:41px!important;border-radius:8px!important;border-width:2px!important;border-style:solid!important}.purchases-form-container .purchases-form .form-group__date-picker-nepali .bs-date-picker__wrapper .bs-date-picker__input-wrapper:hover{border-color:#8860d0e6!important}@media screen and (max-width: 500px){.purchases-form-container .purchases-form .form-group__date-picker-nepali .bs-date-picker__input{font-size:10px!important}}.purchases-form-container .purchases-form .form-group>label{display:flex;align-items:center;justify-content:row;flex-direction:center;gap:10px}.purchases-form-container .purchases-form .form-group>label>span{display:flex;align-items:center;justify-content:row;flex-direction:center;gap:10px}@media screen and (max-width: 720px){.purchases-form-container .purchases-form .form-group .purchases-input-field-container .nepali-date-picker .calender{left:-50px!important;font-size:11px!important;padding:15px 8px!important}}@media screen and (max-width: 500px){.purchases-form-container .purchases-form .form-group .purchases-input-field-container .nepali-date-picker .calender{left:-120px!important;font-size:11px!important;padding:15px 8px!important}}.purchases-form-container .purchases-form .form-group-row{display:flex;gap:1rem}.purchases-form-container .purchases-form .form-group-row .form-group{flex:1}.purchases-form-container .purchases-form .items-list{display:flex;flex-direction:column;padding-bottom:10px}.purchases-form-container .purchases-form .items-list .label-container,.purchases-form-container .purchases-form .items-list .item-row,.purchases-form-container .purchases-form .items-list .error-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.5rem;align-items:center;margin-top:10px}@media screen and (max-width: 500px){.purchases-form-container .purchases-form .items-list .label-container,.purchases-form-container .purchases-form .items-list .item-row,.purchases-form-container .purchases-form .items-list .error-container{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;border:1px solid rgba(136,96,208,.2);padding:12px;border-radius:8px}}.purchases-form-container .purchases-form .items-list .label-container{margin-top:1rem}.purchases-form-container .purchases-form .items-list .col{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5px;gap:5px}.purchases-form-container .purchases-form .items-list .col .input-label{text-align:left;width:100%}.purchases-form-container .purchases-form .items-list .col .input-label .required-label{color:red}@media screen and (max-width: 500px){.purchases-form-container .purchases-form .items-list .col{width:100%;gap:5px}}.purchases-form-container .purchases-form .items-list .col.readonly .input-field-container>input{background:none;border:1px;border-bottom:1px;border-radius:0}.purchases-form-container .purchases-form .items-list .col.readonly .input-field-container>input:disabled{background:none;cursor:default;border-bottom:1px}.purchases-form-container .purchases-form .items-list .error-container>span{color:#cd5353;font-size:.857rem;font-weight:500}.purchases-form-container .purchases-form .items-list .remove-btn{border:none;cursor:pointer;background:transparent;font-size:1.429rem;display:flex;color:#707070}.purchases-form-container .purchases-form .items-list .remove-btn:disabled{color:#afafaf;cursor:not-allowed}.purchases-form-container .purchases-form .items-list .remove-btn-long{border:1px solid rgba(136,96,208,.2);cursor:pointer;display:flex;flex-direction:row;gap:10px;border-radius:8px;background:transparent;font-size:1.286rem;padding:8px 0;color:#707070;font-family:QuickSand}.purchases-form-container .purchases-form .items-list .remove-btn-long:hover{background-color:#cd5353cc;color:#fff;transition-duration:300}.purchases-form-container .purchases-form .items-list .remove-btn-long:disabled{color:#afafaf;cursor:not-allowed}.purchases-form-container .purchases-form .items-list .add-btn-container{display:flex;justify-content:center;width:100%}.purchases-form-container .purchases-form .items-list .add-btn-container .add-btn{background-color:#fff;cursor:pointer;border:1px solid #ddd;color:#333;border-radius:8px;position:absolute;bottom:0;transform:translateY(50%);padding:7px 12px;transition:all .2s ease}.purchases-form-container .purchases-form .items-list .add-btn-container .add-btn:hover{background:#f4f4f4;border-color:#bbb}.purchases-form-container .purchases-form .items-list .add-btn-container .add-btn:disabled{color:#afafaf;cursor:not-allowed}.purchases-form-container .purchases-form .tax-discount{margin-top:10px;display:flex;flex-direction:column;gap:.5rem;border:none}.purchases-form-container .purchases-form .tax-discount .form-group{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.purchases-form-container .purchases-form .tax-discount .form-group .purchases-tax-discount-input-field-container{width:max-content}.purchases-form-container .purchases-form .tax-discount .form-group .purchases-tax-discount-input-field-container .input-field-container>input{background:none;border:1px;border-bottom:1px solid black;border-radius:0;text-align:end}.purchases-form-container .purchases-form .tax-discount .form-group .purchases-tax-discount-input-field-container .input-field-container>input:disabled{background:none;cursor:default;border-bottom:1px}.purchases-form-container .purchases-form .tax-discount .form-group .purchases-tax-discount-input-field-container.readonly .input-field-container>input{background:none;border:1px;border-bottom:1px;border-radius:0;text-align:end}.purchases-form-container .purchases-form .tax-discount .form-group .purchases-tax-discount-input-field-container.readonly .input-field-container>input:disabled{background:none;cursor:default;border-bottom:1px}.purchases-form-container .purchases-form .tax-discount .form-group span{color:#8c9196;font-weight:500}.purchases-form-container .purchases-form__total-amt{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-top:10px}.purchases-form-container .purchases-form__total-amt>p{width:max-content;font-size:1rem;font-weight:600;white-space:nowrap}.purchases-form-container,.purchases-form{overflow:visible!important}.additional-details{padding-top:20px;margin-top:20px}.additional-details.vertical{display:flex;flex-direction:column;gap:20px}.additional-details.vertical:nth-child(2){margin-top:-20px}.additional-details.vertical .form-group{width:100%}.additional-details h3{margin-bottom:-18px;font-size:1.1rem;color:#333}.additional-details .toggle-group{display:flex;align-items:center;flex-direction:row!important;justify-content:space-between!important;gap:15px;margin-bottom:0}.additional-details .toggle-group label{margin-bottom:0;font-weight:500}.purchases-main-container{padding:20px;margin-top:15px;font-stretch:expanded;width:100%;color:#333}.purchases-main-container .purchases-main__header{display:flex;justify-content:space-between;gap:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.purchases-main-container .purchases-main__header{align-items:flex-start}}.purchases-main-container .purchases-main__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.purchases-main-container .purchases-main__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.purchases-main-container .purchases-main__back-btn:active{transform:translate(-2px)}.purchases-main-container .purchases-main__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.purchases-main-container .purchases-main__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.purchases-main-container .purchases-main__header-icon{width:56px;height:56px;font-size:1.714rem}}.purchases-main-container .purchases-main__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.purchases-main-container .purchases-main__title{font-size:1.429rem}}.purchases-main-container .purchases-main__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.purchases-main-container .purchases-actions{display:flex;padding:10px;gap:10px;justify-content:end}.purchases-main-container .purchases-form-preview{display:flex;align-items:stretch;justify-content:center;flex-direction:row;gap:20px;min-height:100vh;width:100%;overflow:visible;background:transparent}@media screen and (max-width: 1210px){.purchases-main-container .purchases-form-preview{display:flex;align-items:stretch;justify-content:center;flex-direction:column}.purchases-main-container .purchases-form-preview .purchases-main-form,.purchases-main-container .purchases-form-preview .purchases-main-preview{width:100%!important}}.purchases-main-container .purchases-form-preview .purchases-main-form{display:flex;flex-direction:column;border-radius:12px;width:45%;background:#fff;max-width:100%;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;overflow:hidden}.purchases-main-container .purchases-form-preview .purchases-main-form::-webkit-scrollbar{display:none}.purchases-main-container .purchases-form-preview .purchases-main-form .form-title{display:flex;align-items:center;justify-content:row;flex-direction:row;gap:10px;padding:28px 20px;border-bottom:1px solid #f0f0f0;background:#fff}@media screen and (max-width: 500px){.purchases-main-container .purchases-form-preview .purchases-main-form .form-title{padding:16px 10px}}.purchases-main-container .purchases-form-preview .purchases-main-form .form-title .icon-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#8860d0;color:#fff;font-size:16px}.purchases-main-container .purchases-form-preview .purchases-main-form .form-title h2{font-size:18px;font-weight:600;color:#111827;margin:0}.purchases-main-container .purchases-form-preview .purchases-main-form .form-title div{font-size:1.571rem;border:1px solid #ddd;display:flex;border-radius:8px;padding:3px 4px}.purchases-main-container .purchases-form-preview .purchases-main-preview{display:flex;background:#fff;flex-direction:column;border-radius:12px;width:55%;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;overflow:hidden}.purchases-main-container .purchases-form-preview .purchases-main-preview .header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fff}@media screen and (max-width: 500px){.purchases-main-container .purchases-form-preview .purchases-main-preview .header{padding:16px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .preview-title{display:flex;align-items:center;gap:10px}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .preview-title .icon-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#8860d0;color:#fff;font-size:16px}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .preview-title h2{font-size:18px;font-weight:600;color:#111827;margin:0}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .preview-title .required-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#fef2f2;color:#dc2626;font-size:11px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions{display:flex;gap:8px}@media screen and (max-width: 500px){.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions{width:100%;align-items:flex-end;gap:5px}}@media screen and (max-width: 400px){.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions{align-items:center;justify-content:center}}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions .action-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;font-size:16px;border-radius:8px;transition:all .2s ease;font-weight:500}@media screen and (max-width: 500px){.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions .action-btn{border-radius:6px}}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions .action-btn:hover:not(:disabled){background:#f9fafb;border-color:#8860d0;transform:translateY(-1px)}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions .action-btn:active:not(:disabled){transform:translateY(0)}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions .action-btn.pdf-btn .pdf{display:flex;align-items:center;gap:6px;font-size:14px}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions .action-btn.pdf-btn .pdf svg{font-size:18px}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions .action-btn.pdf-btn .exporting-text{display:flex;align-items:center;gap:8px;font-size:14px}.purchases-main-container .purchases-form-preview .purchases-main-preview .header .purchases-actions .action-btn.pdf-btn .exporting-text .spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container{width:100%;background:#f9fafb;padding:24px;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:center;min-height:500px}@media screen and (max-width: 500px){.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container{min-height:300px}}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container::-webkit-scrollbar{width:8px}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container::-webkit-scrollbar-track{background:#f1f1f1}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone{border:2px dashed #cbd5e1;border-radius:16px;padding:48px 32px;text-align:center;cursor:pointer;width:100%;max-width:600px;height:100%;background:#f9fafb;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone:hover{border-color:#8860d0;background:#faf5ff;transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed1f}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone.active{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);border-color:#7c3aed;border-width:3px;box-shadow:0 12px 32px #7c3aed33,0 0 0 4px #7c3aed1a;transform:scale(1.02)}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .dropzone-content{display:flex;flex-direction:column;align-items:center;gap:20px;pointer-events:none}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .upload-icon-wrapper{position:relative}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .upload-icon-wrapper .upload-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#8860d0;border-radius:20px;color:#fff;box-shadow:0 8px 24px #7c3aed40}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .upload-icon-wrapper .upload-icon svg{width:36px;height:36px}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .dropzone-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .dropzone-text{font-size:18px;font-weight:600;color:#111827;margin:0;line-height:1.5}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .dropzone-text .highlight{color:#8860d0}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .dropzone-divider{display:flex;align-items:center;width:100%;margin:8px 0;color:#9ca3af;font-size:14px}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .dropzone-divider:before,.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .dropzone-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .dropzone-divider span{padding:0 16px;font-weight:500}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .browse-button{padding:10px 24px;background:#8860d0;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #7c3aed4d;pointer-events:auto}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .browse-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .browse-button:active{transform:translateY(0)}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .supported-formats{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border-radius:8px;font-size:13px;color:#6b7280;font-weight:500}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .dropzone .supported-formats svg{color:#9ca3af}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .file-preview-wrapper{width:100%;position:relative;display:flex;justify-content:center}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .file-preview-wrapper .pdf-preview,.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .file-preview-wrapper .image-preview{position:relative;width:100%;border-radius:12px;padding:16px}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .file-preview-wrapper .zoom-container{width:100%;display:flex;justify-content:center;transform-origin:top center}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .file-preview-wrapper .zoom-container img{height:auto;display:block;background:#fff;box-shadow:0 4px 12px #00000014;border-radius:8px}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .file-preview-wrapper .remove-btn{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;background:#dc2626;color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #dc26264d;z-index:10}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .file-preview-wrapper .remove-btn svg{width:16px;height:16px}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .file-preview-wrapper .remove-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.purchases-main-container .purchases-form-preview .purchases-main-preview .purchases-preview-container .file-preview-wrapper .remove-btn:active{transform:translateY(0)}.email-modal-content{display:flex;flex-direction:column;gap:10px}.email-modal-content .purchases-input-field-container{position:relative;margin:5px 0;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.email-modal-content .purchases-input-field-container .edit-icon{position:absolute;border:none;background:transparent;top:0;right:0;transform:translate(-70%,60%);cursor:pointer;font-size:1.143rem}.email-modal-content .email-dropdown-input{margin:5px 0;display:flex;flex-direction:column;gap:8px}.email-modal-content .email-type-select{padding:6px 10px;border-radius:6px;border:1px solid #ccc;width:100px;font-size:14px}.email-modal-content .email-pills-container{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid #ccc;border-radius:6px;min-height:42px;align-items:center}.email-modal-content .email-pill{background:#eef2ff;color:#334155;border-radius:20px;padding:5px 10px;font-size:13px;display:flex;align-items:center;gap:6px}.email-modal-content .remove-pill{background:transparent;border:none;color:#475569;cursor:pointer;font-size:14px;line-height:1}.email-modal-content .email-input{flex:1;border:none;outline:none;min-width:150px;font-size:14px}.email-modal-content .pdf-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;flex-direction:column}.pdf-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.pdf-viewer-container{flex:1;background:#f9fafb}.pdf-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;padding:8px;cursor:pointer}.pdf-viewer-prev{left:20px}.pdf-viewer-next{right:20px}.purchases-page{min-height:50vh;width:100%}.purchases-page .tab-title{margin-bottom:21px}.purchases-page__container{margin:0 auto}.purchases-page__table-card{background:#fff;border-radius:16px;padding:1.143rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.143rem;animation:fadeInUp .6s ease-out .2s both;overflow:hidden;border:1px solid #e6e6e7}.purchases-page__table-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.571rem;margin-bottom:1.143rem}.purchases-page__table-header p{margin:0;text-transform:uppercase;font-size:.714rem;color:#8c9196;letter-spacing:.1em;font-weight:700}.purchases-page__table-header h3{margin:.286rem 0 0;font-size:1.143rem;color:#313131;font-weight:700}.purchases-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.purchases-page__header{flex-direction:column;align-items:flex-start}}.purchases-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.purchases-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.purchases-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.purchases-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.purchases-page__title{font-size:1.143rem}}.purchases-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.purchases-page__create-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.purchases-page__create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.purchases-page__create-btn{width:100%}}.purchases-page__export-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.purchases-page__export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.purchases-page__export-btn{width:100%}}.purchases-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;display:grid;grid-template-columns:1fr auto;gap:.857rem;align-items:center;z-index:1000;position:relative}@media (max-width: 968px){.purchases-page__filters{grid-template-columns:1fr;gap:1.143rem}}@media all and (max-width: 576px){.purchases-page__filters>div{flex-direction:column}}.purchases-page__search-wrapper{display:flex;align-items:center;width:100%}.purchases-page__searchfield{width:100%}.purchases-page__searchfield .inputfield{padding:0 .571rem!important;height:36px;font-size:.857rem;border-radius:8px;border:1px solid #e6e6e7;background:#fff;transition:all .3s ease;font-weight:400}.purchases-page__searchfield .inputfield::placeholder{color:#8c9196}.purchases-page__searchfield .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 3px #8860d014}.purchases-page__searchfield .inputfield:hover{border-color:#8860d0;background:#fff}.purchases-page__status-filter{min-width:280px}@media (max-width: 968px){.purchases-page__status-filter{width:100%}}.purchases-page__status-select .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff;transition:all .3s ease}.purchases-page__status-select .react-select__control:hover{border-color:#8860d0!important}.purchases-page__status-select .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.purchases-page__status-select .react-select__value-container{padding:0 .571rem;height:36px}.purchases-page__status-select .react-select__indicators{height:36px}.purchases-page__status-select .react-select__placeholder{color:#8c9196;font-weight:400;font-size:.857rem}.purchases-page__status-select .react-select__single-value{color:#313131;font-weight:600;font-size:.857rem}.purchases-page__status-select .react-select__indicator{color:#8860d0;padding:.571rem}.purchases-page__status-select .react-select__indicator-separator{display:none}.purchases-page__status-select .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;margin-top:.571rem;overflow:hidden;z-index:1000}.purchases-page__status-select .react-select__menu-list{padding:.571rem}.purchases-page__status-select .react-select__option{padding:.571rem .857rem;cursor:pointer;transition:all .2s ease;font-size:.857rem;border-radius:8px;margin-bottom:.286rem}.purchases-page__status-select .react-select__option:last-child{margin-bottom:0}.purchases-page__status-select .react-select__option--is-focused{background:#f3effc!important;color:#8860d0!important}.purchases-page__status-select .react-select__option--is-selected{background:#8860d0!important;color:#fff!important;font-weight:600}.purchases-page__filter-group{display:grid;grid-template-columns:1fr 1fr auto;gap:1.143rem;align-items:center}@media (max-width: 768px){.purchases-page__filter-group{grid-template-columns:1fr}}.purchases-page__mui-datepicker{width:100%}.purchases-page__mui-datepicker .MuiFormLabel-root{top:50%;transform:translateY(-50%);left:14px}.purchases-page__mui-datepicker .MuiInputBase-root{height:36px;border-radius:8px;background:#fff;font-size:.857rem}.purchases-page__mui-datepicker .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.purchases-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.purchases-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 4px #8860d014}.purchases-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.purchases-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.purchases-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.purchases-page__clear-btn{height:32px;padding:0 .857rem;font-weight:500;white-space:nowrap}@media (max-width: 768px){.purchases-page__clear-btn{grid-column:span 1;width:100%}}.purchases-page__content{border-radius:16px;padding:0;animation:fadeInUp .6s ease-out .2s both;min-height:400px}.purchases-page__content table td{max-width:280px;white-space:normal!important;word-wrap:break-word;word-break:break-word}@media all and (max-width: 576px){.purchases-page__content table td{word-break:unset;word-wrap:unset}.purchases-page__content table td h3{text-wrap:nowrap}}.purchases-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.429rem 0;gap:1.143rem}.purchases-page__loading .loading-spinner{width:48px;height:48px;border:4px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.purchases-page__loading p{font-size:1.143rem;color:#8c9196;font-weight:500}.purchases-page__title-cell{text-align:center;padding:.571rem 0;transition:all .3s ease}.purchases-page__title-cell:hover .notice-title{color:#8860d0;transform:translate(4px)}.purchases-page__title-cell .notice-title{font-size:1.286rem;font-weight:600;color:#313131;margin:0;line-height:1.4;transition:all .3s ease;display:inline-block}.purchases-page__title-cell .amount-cell.total{color:#16a34a;font-size:1rem;font-weight:600}.purchases-page__title-cell .amount-cell.discount{color:#dc2626;font-size:1rem;font-weight:600}.purchases-page__date-cell{padding:.571rem 0;display:flex;justify-content:center;align-items:center}.purchases-page__date-cell .date-range{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border-radius:12px;width:fit-content;transition:all .3s ease}.purchases-page__date-cell .date-range.active{background:#22c55e14}.purchases-page__date-cell .date-range.active .date-status{color:#22c55e;font-size:1.143rem}.purchases-page__date-cell .date-range.active .date-value{color:#16a34a}.purchases-page__date-cell .date-range.upcoming{background:#3b82f614}.purchases-page__date-cell .date-range.upcoming .date-status{color:#3b82f6;font-size:1.143rem}.purchases-page__date-cell .date-range.upcoming .date-value{color:#2563eb}.purchases-page__date-cell .date-range.expired{background:#9ca3af14}.purchases-page__date-cell .date-range.expired .date-status{color:#9ca3af;font-size:1.143rem}.purchases-page__date-cell .date-range.expired .date-value{color:#6b7280}.purchases-page__date-cell .date-range:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000014}.purchases-page__date-cell .date-status{font-weight:700;flex-shrink:0}.purchases-page__date-cell .date-content{display:flex;align-items:center;gap:.286rem;font-size:.857rem;color:#313131}.purchases-page__date-cell .date-value{font-weight:500;white-space:nowrap}.purchases-page__date-cell .date-separator{color:#8c9196;font-weight:400;margin:0 .286rem}.purchases-page__type-cell{display:flex;justify-content:center;align-items:center}.purchases-page__type-cell .type-badge{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem 1.429rem;border-radius:50px;border:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014;color:#fff}.purchases-page__type-cell .type-badge .type-icon{font-size:1.143rem;display:flex;align-items:center;color:#fff}.purchases-page__type-cell .type-badge .type-label{color:#fff}.purchases-page__type-cell .type-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.purchases-page__status-cell{display:flex;justify-content:center;align-items:center;padding:.571rem 0}.purchases-page__status-cell .status-badge{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:50px;border:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.purchases-page__status-cell .status-badge .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.purchases-page__status-cell .status-badge .status-label{white-space:nowrap}.purchases-page__status-cell .status-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.purchases-page__actions-cell{display:flex;gap:.857rem;justify-content:center;align-items:center}.purchases-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.purchases-page__actions-cell .action-btn.edit-btn{background:#8860d01a;color:#8860d0}.purchases-page__actions-cell .action-btn.edit-btn:hover{background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.purchases-page__actions-cell .action-btn.delete-btn{background:#cd53531a;color:#cd5353}.purchases-page__actions-cell .action-btn.delete-btn:hover{background:#cd5353;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #cd53534d}.purchases-page__actions-cell .action-btn.link-btn{background:#2c6ecb1a;color:#2c6ecb;border:1px solid #2c6ecb}.purchases-page__actions-cell .action-btn.link-btn:hover{background:#2c6ecb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2c6ecb4d}.purchases-page__pagination{margin-top:1.714rem;display:flex;justify-content:center}.purchases-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.429rem 1.714rem;gap:1.143rem;margin-block:3rem}.purchases-page__empty .empty-icon{font-size:80px;opacity:.5;animation:float 3s ease-in-out infinite}.purchases-page__empty h3{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.purchases-page__empty p{font-size:1.143rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.purchases-page__empty .empty-action-btn{margin-top:1.143rem;height:48px;padding:0 1.714rem;font-weight:600;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d}.purchases-page__empty .empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.purchases-page .notice-type-option{display:flex;align-items:center;gap:.571rem}.purchases-page .notice-type-option .notice-type-icon{font-size:1.286rem}.purchases-page .table-container{border-radius:8px;overflow:auto;border:1px solid #e6e6e7}.purchases-page .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.purchases-page .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.purchases-page .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease}.purchases-page .table-container table tbody tr.period-end-row td{border-bottom:2px solid #3e1e79!important}.purchases-page .table-container table tbody tr .purchases-page__employee-cell{justify-content:flex-start}.purchases-page .table-container table tbody tr .purchases-page__employee-cell .employee-info{align-items:flex-start}.purchases-page .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:none!important}.purchases-page .table-container table tbody tr:hover .purchases-page__employee-cell .employee-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8860d033}.purchases-page .table-container table tbody tr:last-child{border-bottom:none}.purchases-page .table-container table tbody tr td{padding:.286rem .571rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.purchases-page__employee-cell{display:flex;align-items:center;justify-content:center;gap:.857rem;padding:.571rem 0}.purchases-page__employee-cell .employee-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #8860d026}.purchases-page__employee-cell .employee-avatar img{width:100%;height:100%;object-fit:contain}.purchases-page__employee-cell .employee-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.143rem}.purchases-page__employee-cell .employee-info{display:flex;flex-direction:column;gap:2px}.purchases-page__employee-cell .employee-info .employee-name{font-size:1rem;font-weight:600;color:#313131;line-height:1.3}.purchases-page__employee-cell .employee-info .employee-role{font-size:.857rem;color:#3e1e79;line-height:1.2}.sp-page{width:100%;padding:.857rem}.sp-page__search-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;align-items:center;justify-content:start;width:100%}.sp-page .select-component{margin-top:5px}.sp-page .select-component .selectfield .react-select__control{height:36px!important;min-height:36px!important}.sp-page .select-component .selectfield .react-select__clear-indicator{display:none}.sp-page .select-component .selectfield .react-select__option{white-space:normal!important;word-break:break-word!important;overflow:visible!important;height:auto!important}.sp-page .select-component .selectfield .react-select__option--is-focused{background:#f3effc!important}.sp-page .select-component .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.sp-page__search-wrapper,.sp-page__status-filter,.sp-page__status-date-filter{width:100%;min-width:250px}.sp-page__filters{background:#f3effc;border-radius:8px;padding:.857rem;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;display:flex;flex-direction:column;gap:.857rem;align-items:center;z-index:1000;position:relative;width:100%}.sp-page__filter-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.1);padding-bottom:.571rem}.sp-page__filter-title{font-size:1.143rem;margin:0;display:flex;align-items:center;gap:.571rem;color:#313131;font-weight:700}.sp-page__filter-title:before{content:"";width:3px;height:18px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce)}.sp-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d!important;color:#d82c0d!important;border-radius:8px;transition:all .3s ease}.sp-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.sp-page__search-wrapper{min-width:250px}.sp-header-card{background:#fff;border-radius:14px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;box-shadow:0 1px 4px #0000000f}.sp-header-left{display:flex;align-items:center;gap:14px}.sp-header-icon{background:#eef2ff;padding:12px;border-radius:10px;font-size:24px;color:#4f46e5}.sp-title{font-size:22px;font-weight:700}.sp-subtitle{margin-top:4px;font-size:14px;color:#6b7280}.sp-header-actions{display:flex;gap:10px}.sp-btn-primary{background:#4f46e5!important;color:#fff!important}.sp-btn-secondary{background:#f3f4f6!important}.sp-tabs-wrapper .tab .tab-title{margin-bottom:.571rem}.sp-filters{padding:15px 5px 10px}.vat-summary{min-height:50vh;width:100%}.vat-summary__container{margin:0 auto}.vat-summary__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.vat-summary__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.vat-summary__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.vat-summary__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.vat-summary__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.vat-summary__editable-cell{display:flex;align-items:center;justify-content:center;gap:.571rem}.vat-summary__editable-cell span{font-weight:500}.vat-summary__editable-cell .edit-icon-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;background:#8860d01a;color:#8860d0;transition:all .3s ease}.vat-summary__editable-cell .edit-icon-btn:hover{background:#8860d0;color:#fff;transform:translateY(-1px)}.vat-summary .add-data-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-inline:auto;border-radius:8px;border:1px dashed #8860d0;cursor:pointer;font-size:1.143rem;background:#8860d00d;color:#8860d0;transition:all .3s ease}.vat-summary .add-data-btn:hover{background:#8860d01a;border-color:#8860d0;transform:scale(1.05)}.vat-summary__actions-cell{display:flex;gap:.571rem;justify-content:center;align-items:center}.vat-summary__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.vat-summary__actions-cell .action-btn:hover{opacity:.9}.vat-summary__actions-cell .action-btn.submitted-btn{background:#4e9f4c1a;color:#4e9f4c;border:1px solid #4e9f4c}.vat-summary__actions-cell .action-btn.submitted-btn:hover{background:#4e9f4c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4e9f4c4d}.vat-summary__actions-cell .action-btn.not-submitted-btn{background:#cd53531a;color:#cd5353}.vat-summary__actions-cell .action-btn.not-submitted-btn:hover{background:#cd5353;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #cd53534d}.vat-summary__actions-cell .action-btn:disabled{cursor:not-allowed;opacity:.6}.vat-summary__modal-content{display:flex;flex-direction:column;gap:1.143rem;padding:1.143rem}.vat-summary__modal-content .modal-actions{display:flex;gap:.857rem;justify-content:flex-end;margin-top:.571rem}.vat-summary__modal-content .modal-actions .cancel-btn{color:#313131}.vat-summary__modal-content .modal-actions .save-btn{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff}.vat-summary__modal-content .modal-actions .save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.vat-summary .table-container{border-radius:8px;overflow:auto;border:1px solid #e6e6e7}.vat-summary .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.vat-summary .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.vat-summary .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease}.vat-summary .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.vat-summary .table-container table tbody tr:last-child{border-bottom:none}.vat-summary .table-container table tbody tr td{padding:.286rem .571rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.create-client-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#f3effc);padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.create-client-page{padding:1.714rem 1.143rem}}.create-client-page__container{max-width:720px;margin:0 auto}.create-client-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.create-client-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.create-client-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.create-client-page__back-btn:active{transform:translate(-2px)}.create-client-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.create-client-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.create-client-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.create-client-page__header-icon{display:none}}.create-client-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.create-client-page__title{font-size:1.429rem}}.create-client-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.create-client-page__card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 768px){.create-client-page__card{padding:1.714rem}}.create-client-page__form{display:flex;flex-direction:column;gap:1.714rem}.create-client-page__input-group{display:flex;flex-direction:column;gap:.857rem}.create-client-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.create-client-page__label-icon{color:#8860d0;font-size:1.286rem}.create-client-page__required{color:#cd5353;margin-left:.286rem}.create-client-page__input{font-size:1.143rem;transition:all .3s ease}.create-client-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.create-client-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.create-client-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.create-client-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.create-client-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.create-client-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.create-client-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.create-client-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.create-client-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.create-client-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.create-client-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.create-client-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.create-client-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.create-client-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.create-client-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.create-client-page .selectfield .react-select__indicator{color:#8860d0}.create-client-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.create-client-page__actions{flex-direction:column}}.create-client-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.create-client-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.create-client-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.create-client-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.create-client-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.create-client-page__submit-btn{flex:1}}.create-client-page__error{color:#ff4d4f;font-size:12px;margin-left:4px}.client-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.client-page{padding:.857rem .571rem}}.client-page__container{max-width:1400px;margin:0 auto}.client-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.client-page__header{flex-direction:column;align-items:flex-start}}.client-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.client-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.client-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.client-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.client-page__title{font-size:1.143rem}}.client-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.client-page__create-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.client-page__create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.client-page__create-btn{width:100%}}.client-page__filters{margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:1000}.client-page__search{width:100%}.client-page__filter-group{display:grid;grid-template-columns:1fr 1fr auto;gap:1.143rem;align-items:center}@media (max-width: 768px){.client-page__filter-group{grid-template-columns:1fr}}.client-page__mui-datepicker{width:100%}.client-page__mui-datepicker .MuiFormLabel-root{top:50%;transform:translateY(-50%);left:14px}.client-page__mui-datepicker .MuiInputBase-root{height:36px;border-radius:8px;background:#fff;font-size:.857rem}.client-page__mui-datepicker .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.client-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.client-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 4px #8860d014}.client-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.client-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.client-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.client-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap}@media (max-width: 768px){.client-page__clear-btn{grid-column:span 1;width:100%}}.client-page__content{border-radius:16px;animation:fadeInUp .6s ease-out .2s both;min-height:300px}@media all and (max-width: 576px){.client-page__content{padding:0;border-radius:0;box-shadow:none;border:none;background:unset}}.client-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.client-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.client-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.client-page__title-cell{text-align:center;padding:.286rem 0;cursor:pointer;transition:all .3s ease}.client-page__title-cell:hover .notice-title{color:#8860d0;transform:translate(4px)}.client-page__title-cell .client-title{font-size:.857rem;font-weight:600;color:#313131;margin:0;line-height:1.4;transition:all .3s ease;display:inline-block}.client-page__actions-cell{display:flex;gap:.571rem;justify-content:center;align-items:center}.client-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.client-page__actions-cell .action-btn.edit-btn{background:#8860d01a;color:#8860d0}.client-page__actions-cell .action-btn.edit-btn:hover{background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.client-page__actions-cell .action-btn.delete-btn{background:#cd53531a;color:#cd5353}.client-page__actions-cell .action-btn.delete-btn:hover{background:#cd5353;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #cd53534d}.client-page__actions-cell .action-btn.delete-btn:disabled{cursor:not-allowed;opacity:.5}.client-page__pagination{margin-top:1.714rem;display:flex;justify-content:center}.client-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.client-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.client-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.client-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.client-page__empty .empty-action-btn{margin-top:.857rem;height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040}.client-page__empty .empty-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.client-page .table-container{border-radius:12px;overflow:auto;border:1px solid #e6e6e7}.client-page .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.client-page .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.client-page .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease;cursor:pointer}.client-page .table-container table tbody tr .teams-page__employee-cell{justify-content:flex-start}.client-page .table-container table tbody tr .teams-page__employee-cell .employee-info{align-items:flex-start}.client-page .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.client-page .table-container table tbody tr:hover .teams-page__employee-cell .employee-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8860d033}.client-page .table-container table tbody tr:last-child{border-bottom:none}.client-page .table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.client-page .teams-page__employee-cell{display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.286rem 0}.client-page .teams-page__employee-cell .employee-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 6px #8860d01f}.client-page .teams-page__employee-cell .employee-avatar img{width:100%;height:100%;object-fit:cover}.client-page .teams-page__employee-cell .employee-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1rem}.client-page .teams-page__employee-cell .employee-info{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.client-page .teams-page__employee-cell .employee-info .employee-name{font-size:1rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.client-page .teams-page__employee-cell .employee-info .employee-client{background-color:#8860d0;color:#fff;font-size:.714rem;font-weight:300;padding:.286rem .571rem;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.client-page .teams-page__contact-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.286rem}.client-page .teams-page__contact-cell .contact-item{display:flex;align-items:center;justify-content:center;gap:.286rem;padding:.286rem .571rem;border-radius:8px;transition:all .3s ease}.client-page .teams-page__contact-cell .contact-item:hover{background:#8860d00d;transform:translate(2px)}.client-page .teams-page__contact-cell .contact-item:hover .contact-icon{transform:scale(1.1)}.client-page .teams-page__contact-cell .contact-item:hover .contact-text{color:#8860d0}.client-page .teams-page__contact-cell .contact-item .contact-icon{font-size:1rem;color:#8860d0;flex-shrink:0;transition:all .3s ease}.client-page .teams-page__contact-cell .contact-item .contact-text{font-size:.857rem;color:#3e1e79;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:all .3s ease}.client-page .teams-page__address-cell{display:flex;align-items:center;justify-content:center;gap:.286rem;padding:.286rem 0}.client-page .teams-page__address-cell .address-icon{font-size:1rem;color:#8860d0;flex-shrink:0}.client-page .teams-page__address-cell .address-text{font-size:.857rem;color:#3e1e79;font-weight:400;line-height:1.4;text-align:center}.client-page__title-cell{max-width:200px;white-space:normal!important;word-break:break-word}@media all and (max-width: 576px){.client-page__title-cell{max-width:100%;word-break:unset;white-space:unset!important}}.client-page__title-cell h3{white-space:normal!important;word-break:break-word;margin:0}@media all and (max-width: 576px){.client-page__title-cell h3{max-width:100%;word-break:unset;white-space:unset!important}}.modal-form{font-weight:600;display:flex;flex-direction:column;gap:20px}.modal-form .invoice-input-field-container{margin-top:5px}.modal-form .invoice-input-field-container .input-error-text{color:#ff4d4f;font-size:12px;margin-top:4px;margin-left:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dropzone{border:2px dashed #ddd;border-radius:8px;padding:10px;text-align:center;color:#777;cursor:pointer;transition:border-color .2s ease}.dropzone.active{border-color:#4f46e5;background-color:#f9f9ff}.dropzone p{font-size:.9rem;margin:0}.settings-section{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .2s both}.settings-section__header{display:flex;align-items:center;gap:.857rem}.settings-section__icon{width:36px;height:36px;border-radius:12px;background:#8860d01a;color:#8860d0;display:flex;align-items:center;justify-content:center;font-size:1.143rem}.settings-section__title{font-size:1.143rem;font-weight:700;margin:0 0 .286rem;color:#313131}.settings-section__description{margin:0;font-size:.857rem;color:#8c9196;max-width:640px}.settings-section__content{display:flex;flex-direction:column;gap:.857rem}.settings-section__grid{display:grid;gap:.857rem}@media (max-width: 992px){.settings-section__grid{grid-template-columns:1fr}}.settings-card{border-radius:16px;padding:.857rem;border:1px solid rgba(136,96,208,.08);display:flex;flex-direction:column;gap:.571rem;transition:all .3s ease}.settings-card--primary{border:1.5px solid rgba(136,96,208,.35);background:linear-gradient(145deg,#8860d01a,#9c80ce0d)}.settings-card--success{border:1.5px solid rgba(0,178,134,.35);background:linear-gradient(145deg,#00b2861f,#8be0a30d)}.settings-card--warning{border:1.5px solid;background:linear-gradient(145deg,,rgba(248,210,122,.1))}.settings-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.857rem}.settings-card__header>div{width:100%}.settings-card__title{margin:0;font-size:1rem;font-weight:600;color:#313131}.settings-card__subtitle{margin:.286rem 0 0;color:#8c9196;font-size:.857rem}.settings-card__action{display:flex;align-items:center;gap:.571rem;justify-content:flex-end}.settings-card__action-btn{border-color:#8860d059;color:#8860d0}.settings-card__body{display:flex;flex-direction:column;gap:.571rem}.settings-card__columns{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:.571rem}.settings-card__columns>div{width:100%}.settings-card__list{display:flex;flex-direction:column;gap:.571rem}.settings-card__list--subtle{border:1px dashed rgba(136,96,208,.2);border-radius:12px;padding:.857rem}.settings-card__footer{display:flex;gap:.857rem;flex-wrap:wrap}.settings-card__primary-btn{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-weight:500}.settings-card__secondary-btn{border:1.5px solid rgba(136,96,208,.25);color:#8860d0}.settings-card__hint{margin:0;color:#8c9196;font-size:.857rem}.settings-field{display:flex;flex-direction:column;gap:.571rem}@media (min-width: 768px){.settings-field--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:1.143rem}}.settings-field__meta{display:flex;flex-direction:column;gap:.286rem}.settings-field__label{font-weight:600;color:#313131;font-size:.857rem}.settings-field__description{margin:0;font-size:.857rem;color:#8c9196}.settings-field__input{display:flex;align-items:center;gap:.857rem;flex-wrap:wrap}.settings-field__adornment{display:flex;align-items:center;gap:.286rem}#work-configuration .settings-section__grid .settings-location{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:.857rem}#work-configuration .settings-section__grid .settings-location>div{width:100%}@media all and (max-width: 768px){#work-configuration .settings-section__grid .settings-location{flex-direction:column}}#work-configuration .settings-section__grid .settings-location .location-form{background-color:#f3effc;padding:.571rem;border-radius:12px;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;gap:.857rem}#work-configuration .settings-section__grid .settings-location .location-form>div{width:100%}#work-configuration .settings-section__grid .settings-location .location-form>div>div label{font-size:.857rem!important}@media all and (max-width: 768px){#work-configuration .settings-section__grid .settings-location .location-form{max-width:100%}}#work-configuration .settings-section__grid .settings-location__header{display:flex;align-items:center;gap:.857rem}@media (max-width: 576px){#work-configuration .settings-section__grid .settings-location__header{flex-direction:column;align-items:stretch}}#work-configuration .settings-section__grid .settings-location__label{flex:1}#work-configuration .settings-section__grid .settings-location__remove{border:none;background:#d82c0d14;color:#d82c0d;padding:.571rem .857rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}#work-configuration .settings-section__grid .settings-location__remove:hover{background:#d82c0d;color:#fff}#work-configuration .settings-section__grid .settings-location__label,#work-configuration .settings-section__grid .settings-location__field{display:flex;flex-direction:column;gap:.286rem}#work-configuration .settings-section__grid .settings-location__label>div:first-child,#work-configuration .settings-section__grid .settings-location__field>div:first-child{margin-bottom:.286rem}#work-configuration .settings-section__grid .settings-location__label .input-field-container,#work-configuration .settings-section__grid .settings-location__field .input-field-container{width:100%}#work-configuration .settings-holiday-option{display:flex;gap:.857rem;padding:.857rem;border-radius:12px;transition:all .2s ease;border:1px solid transparent}#work-configuration .settings-holiday-option__icon{width:36px;height:36px;border-radius:8px;background:#8860d024;color:#8860d0;display:flex;align-items:center;justify-content:center;font-size:1.143rem}#work-configuration .settings-holiday-option h4{margin:0 0 .286rem;font-size:1rem;color:#313131}#work-configuration .settings-holiday-option p{margin:0;color:#8c9196;font-size:.857rem}#work-configuration .settings-holiday-option:hover{background:#8860d014}#work-configuration .settings-holiday-option.is-active{border-color:#8860d059;background:#8860d01f;box-shadow:0 6px 18px #8860d02e}#work-configuration .settings-work-hours{display:flex;flex-direction:column;gap:1.429rem}#work-configuration .settings-work-hours .settings-time-pickers{display:flex;align-items:flex-start;gap:.857rem;padding:.857rem;background:linear-gradient(135deg,#8860d00f,#9c80ce08);border-radius:16px;border:1px solid rgba(136,96,208,.12)}@media (max-width: 992px){#work-configuration .settings-work-hours .settings-time-pickers{flex-direction:column;align-items:stretch}}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper{flex:1;display:flex;flex-direction:column;gap:.571rem;background:#fff;padding:.857rem;border-radius:12px;box-shadow:0 2px 8px #120c400f;transition:all .3s ease}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper:hover{box-shadow:0 4px 12px #120c401a;transform:translateY(-1px)}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-label{display:flex;align-items:center;gap:.571rem;font-weight:600;color:#313131;font-size:.857rem}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-label .settings-time-picker-icon{color:#8860d0;font-size:1rem}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box{width:100%;display:flex;justify-content:center}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersLayout-root{width:100%}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersTimeClock-root{margin:0 auto}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-root{width:200px;height:200px}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-pin{background-color:#8860d0}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-meridiemText{color:#313131}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-hourButton{color:#313131;font-weight:500}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-hourButton:hover{background-color:#8860d01a}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-hourButton.Mui-selected{background-color:#8860d0;color:#fff}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-hourButton.Mui-selected:hover{background-color:#8860d0}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-minuteButton{color:#313131;font-weight:500}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-minuteButton:hover{background-color:#8860d01a}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-minuteButton.Mui-selected{background-color:#8860d0;color:#fff}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-wrapper .settings-time-picker-box .MuiPickersClock-minuteButton.Mui-selected:hover{background-color:#8860d0}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-separator{display:flex;align-items:center;justify-content:center;padding:.571rem 0;min-width:60px}@media (max-width: 992px){#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-separator{min-width:unset;padding:.571rem 0}}#work-configuration .settings-work-hours .settings-time-pickers .settings-time-picker-separator span{font-weight:600;color:#8c9196;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px}#work-configuration .settings-calendar-container{display:flex;flex-direction:column;gap:1.143rem}#work-configuration .settings-calendar-container .settings-calendar-wrapper{background:linear-gradient(135deg,#8860d00a,#9c80ce05);border-radius:16px;padding:1.143rem;border:1px solid rgba(136,96,208,.1);box-shadow:0 8px 24px #120c400f}#work-configuration .settings-calendar-container .settings-calendar-wrapper .MuiDateCalendar-root{max-height:unset;height:auto!important}#work-configuration .settings-calendar-container .settings-calendar-wrapper .MuiDayCalendar-weekContainer{justify-content:space-around}#work-configuration .settings-calendar-container .settings-calendar-wrapper .MuiPickersSlideTransition-root{height:280px!important}#work-configuration .settings-calendar-container .settings-calendar-wrapper .MuiPickersDay-root{position:relative}#work-configuration .settings-calendar-container .settings-calendar-wrapper .MuiPickersDay-root.has-holiday:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:#ef4444;box-shadow:0 0 0 1px #ef444433;z-index:1}#work-configuration .settings-calendar-container .settings-calendar-wrapper .MuiPickersDay-root.has-event:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:#3b82f6;box-shadow:0 0 0 1px #3b82f633;z-index:1}#work-configuration .settings-calendar-container .settings-calendar-wrapper .MuiPickersDay-root.has-holiday.has-event:before{content:"";position:absolute;bottom:4px;left:calc(50% - 4px);transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:#3b82f6;box-shadow:0 0 0 1px #3b82f633;z-index:1}#work-configuration .settings-calendar-container .settings-calendar-wrapper .MuiPickersDay-root.has-holiday.has-event:after{left:calc(50% + 3px);background-color:#ef4444;box-shadow:0 0 0 1px #ef444433}#work-configuration .settings-calendar-container .settings-selected-dates{background:#fff;border-radius:12px;padding:.857rem;border:1px solid rgba(136,96,208,.12);box-shadow:0 2px 8px #120c400f}#work-configuration .settings-calendar-container .settings-selected-dates__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.571rem;font-weight:600;color:#313131;font-size:.857rem}#work-configuration .settings-calendar-container .settings-selected-dates__clear{display:flex;align-items:center;gap:.286rem;background:#d82c0d14;color:#d82c0d;border:none;padding:.286rem .571rem;border-radius:8px;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease}#work-configuration .settings-calendar-container .settings-selected-dates__clear:hover{background:#d82c0d;color:#fff}#work-configuration .settings-calendar-container .settings-selected-dates__list{display:flex;flex-wrap:wrap;gap:.571rem;margin-bottom:.857rem}#work-configuration .settings-calendar-container .settings-selected-dates__actions{display:flex;justify-content:flex-end;padding-top:.857rem;border-top:1px solid rgba(136,96,208,.1);margin-top:.857rem}#work-configuration .settings-calendar-container .settings-active-date-events__header{font-weight:600;color:#313131;font-size:1.143rem;margin-bottom:.857rem}#work-configuration .settings-calendar-container .settings-active-date-events__list{display:flex;flex-direction:column;gap:.571rem}#work-configuration .settings-calendar-container .settings-event-info-card{background:linear-gradient(135deg,#8860d008,#9c80ce08);border:1px solid rgba(136,96,208,.1);border-radius:12px;padding:.857rem;transition:all .3s ease}#work-configuration .settings-calendar-container .settings-event-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d01a}#work-configuration .settings-calendar-container .settings-event-info-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.571rem;gap:.857rem}#work-configuration .settings-calendar-container .settings-event-info-card__title{font-size:.857rem;font-weight:600;color:#313131;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}#work-configuration .settings-calendar-container .settings-event-info-card .chip-container{width:fit-content}#work-configuration .settings-calendar-container .settings-event-info-card__date{display:flex;align-items:center;gap:.571rem;padding:.571rem;width:fit-content;border-radius:8px;border:1px solid rgba(136,96,208,.1);background:#fff}#work-configuration .settings-calendar-container .settings-event-info-card__date-icon{color:#8860d0;font-size:1rem}#work-configuration .settings-calendar-container .settings-event-info-card__empty{text-align:center;padding:.857rem;color:#8c9196;font-size:.857rem;font-style:italic}#work-configuration .settings-calendar-container .settings-date-chip{background:#8860d01a;color:#fff;border:1px solid rgba(136,96,208,.2);padding:.286rem .571rem;border-radius:8px;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease}#work-configuration .settings-calendar-container .settings-date-chip:hover{background:#8860d026;border-color:#8860d04d;transform:translateY(-1px)}#work-configuration .settings-calendar-container .settings-calendar-legend{display:flex;align-items:center;gap:1.143rem;padding:.857rem;background:#8860d00a;border-radius:12px;border:1px dashed rgba(136,96,208,.2)}#work-configuration .settings-calendar-container .settings-calendar-legend__item{display:flex;align-items:center;gap:.571rem;font-size:.857rem;color:#8c9196}#work-configuration .settings-calendar-container .settings-calendar-legend__dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 2px #0000001a}#work-configuration .settings-calendar-container .settings-calendar-legend__dot--holiday{background-color:#ef4444}#work-configuration .settings-calendar-container .settings-calendar-legend__dot--event{background-color:#3b82f6}#work-configuration .settings-create-event-modal{display:flex;flex-direction:column;gap:1.143rem;padding:.571rem 0}#work-configuration .settings-create-event-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:.857rem}@media (max-width: 992px){#work-configuration .settings-create-event-modal__grid{grid-template-columns:1fr}}#work-configuration .settings-create-event-modal__calendar-card{background:linear-gradient(135deg,#8860d00a,#9c80ce05);border-radius:16px;padding:.857rem;border:1px solid rgba(136,96,208,.1)}#work-configuration .settings-create-event-modal__calendar-header{display:flex;align-items:center;gap:.571rem;margin-bottom:.571rem;font-weight:600;color:#313131;font-size:.857rem}#work-configuration .settings-create-event-modal__calendar-header-icon{color:#8860d0;font-size:1rem}#work-configuration .settings-create-event-modal__calendar-header h3{margin:0;font-size:.857rem;font-weight:600}#work-configuration .settings-create-event-modal__required{color:#d82c0d;margin-left:2px}#work-configuration .settings-create-event-modal__calendar-wrapper{background:#fff;border-radius:12px;padding:.857rem;margin-bottom:.857rem}#work-configuration .settings-create-event-modal__selected-dates{margin-top:.857rem;padding-top:.857rem;border-top:1px solid rgba(136,96,208,.1)}#work-configuration .settings-create-event-modal__selected-dates-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.571rem}#work-configuration .settings-create-event-modal__selected-date-label{font-weight:600;color:#313131;font-size:1rem}#work-configuration .settings-create-event-modal__clear-dates{display:flex;align-items:center;gap:.286rem;background:#d82c0d14;color:#d82c0d;border:none;padding:.286rem .571rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}#work-configuration .settings-create-event-modal__clear-dates:hover{background:#d82c0d;color:#fff}#work-configuration .settings-create-event-modal__selected-dates-list{display:flex;flex-wrap:wrap;gap:.571rem}#work-configuration .settings-create-event-modal__selected-dates-list .settings-date-chip{padding:.571rem .857rem;border-radius:8px;color:#fff;cursor:pointer}#work-configuration .settings-create-event-modal__form-card{display:flex;flex-direction:column}#work-configuration .settings-create-event-modal__form{display:flex;flex-direction:column;gap:.857rem}#work-configuration .settings-create-event-modal__input-group{display:flex;flex-direction:column;gap:.571rem}#work-configuration .settings-create-event-modal__label{display:flex;align-items:center;gap:.571rem;font-weight:600;color:#313131;font-size:.857rem}#work-configuration .settings-create-event-modal__label-icon{color:#8860d0;font-size:1rem}#work-configuration .settings-create-event-modal__input,#work-configuration .settings-create-event-modal__select{width:100%}#work-configuration .settings-create-event-modal__footer{display:flex;gap:.571rem;justify-content:flex-end;margin-top:.571rem;padding-top:.857rem;border-top:1px solid rgba(136,96,208,.1)}#attendance-rules .settings-auto-attendance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.857rem}@media (max-width: 992px){#attendance-rules .settings-auto-attendance{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){#attendance-rules .settings-auto-attendance{grid-template-columns:1fr}}#attendance-rules .settings-auto-attendance__option{border-radius:12px;border:1.5px solid rgba(136,96,208,.1);background:#f3effc4d;padding:.857rem;text-align:left;display:flex;flex-direction:column;gap:.571rem;cursor:pointer;transition:all .3s ease;color:#313131;box-shadow:0 2px 8px #100c3814}#attendance-rules .settings-auto-attendance__option h4{margin:0;font-size:1rem}#attendance-rules .settings-auto-attendance__option p{margin:0;color:#8c9196;font-size:.857rem;line-height:1.6}#attendance-rules .settings-auto-attendance__option:hover{transform:translateY(-2px);border-color:#8860d059;box-shadow:0 4px 12px #100c3824}#attendance-rules .settings-auto-attendance__option.is-active{border-color:#8860d073;background:#8860d029;box-shadow:0 6px 16px #8860d033;color:#313131}#attendance-rules .settings-auto-attendance__icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.143rem}#employment-policies .contract-defaults__header-selector{display:flex;justify-content:flex-end;align-items:flex-start;padding:1.143rem;background:#ffffff80;border-radius:12px;border:1px solid rgba(99,102,241,.1);margin-bottom:.571rem}#employment-policies .contract-defaults__header-selector .settings-field{width:100%;margin-left:auto}@media (max-width: 768px){#employment-policies .contract-defaults__header-selector .settings-field{max-width:100%}}@media (min-width: 768px){#employment-policies .contract-defaults__header-selector .settings-field--inline .settings-field__meta{min-width:140px}}#employment-policies .contract-defaults__parameters{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;padding:1.143rem;background:#ffffff80;border-radius:12px;border:1px solid rgba(99,102,241,.1);row-gap:1.143rem}#employment-policies .contract-defaults__parameters>div{width:100%}#leave-management .leave-accrual-rules{position:relative;overflow:visible;background:linear-gradient(135deg,#6366f10f,#8b5cf60a,#ec489905);border:1.5px solid rgba(99,102,241,.15);box-shadow:0 20px 60px #6366f114,0 0 0 1px #ffffff80 inset}#leave-management .leave-accrual-rules:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite;pointer-events:none;overflow:hidden}#leave-management .leave-accrual-rules__form{position:relative;z-index:1;display:flex;flex-direction:column;gap:.857rem;overflow:visible}#leave-management .leave-accrual-rules__header-selector{display:flex;justify-content:flex-end;align-items:flex-start;padding:1.143rem;background:#ffffff80;border-radius:12px;border:1px solid rgba(99,102,241,.1);margin-bottom:.571rem}#leave-management .leave-accrual-rules__header-selector .settings-field{width:100%;margin-left:auto}@media (max-width: 768px){#leave-management .leave-accrual-rules__header-selector .settings-field{max-width:100%}}@media (min-width: 768px){#leave-management .leave-accrual-rules__header-selector .settings-field--inline .settings-field__meta{min-width:140px}}#leave-management .leave-accrual-rules__section{background:#ffffffb3;border-radius:16px;padding:.857rem;border:1px solid rgba(99,102,241,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 8px #6366f10d;position:relative;overflow:visible}#leave-management .leave-accrual-rules__section:hover{box-shadow:0 4px 12px #6366f11a;border-color:#6366f133}#leave-management .leave-accrual-rules__padding{padding-block:.857rem}#leave-management .leave-accrual-rules__section-header{display:flex;align-items:center;gap:.571rem;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(99,102,241,.1)}#leave-management .leave-accrual-rules__section-icon{width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.143rem;box-shadow:0 2px 8px #6366f14d;flex-shrink:0}#leave-management .leave-accrual-rules__section-title{margin:0;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#leave-management .leave-accrual-rules__fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:.857rem}@media (max-width: 768px){#leave-management .leave-accrual-rules__fields-grid{grid-template-columns:1fr;gap:.571rem}}#leave-management .leave-accrual-rules__fields-grid .settings-field{justify-content:space-between}#leave-management .leave-accrual-rules__sub-block{grid-column:1/-1;background:#6366f108;border:1px solid rgba(99,102,241,.15);border-radius:12px;padding:.857rem;margin-top:.571rem;transition:all .3s ease}#leave-management .leave-accrual-rules__sub-block:hover{background:#6366f10d;border-color:#6366f140}#leave-management .leave-accrual-rules__sub-block-header{margin-bottom:.571rem;padding-bottom:.571rem;border-bottom:1px solid rgba(99,102,241,.1)}#leave-management .leave-accrual-rules__sub-block-title{margin:0 0 .286rem;font-size:1rem;font-weight:600;color:#313131}#leave-management .leave-accrual-rules__sub-block-description{margin:0;font-size:.857rem;color:#8c9196;line-height:1.5}#leave-management .leave-accrual-rules__sub-block-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.857rem}@media (max-width: 768px){#leave-management .leave-accrual-rules__sub-block-fields{grid-template-columns:1fr;gap:.571rem}}#leave-management .leave-accrual-rules__sub-block-fields .settings-field{justify-content:space-between}#leave-management .leave-accrual-rules__field-wrapper{display:flex;align-items:center;gap:.857rem;position:relative;width:100%;z-index:10}#leave-management .leave-accrual-rules__field-wrapper .settings-select,#leave-management .leave-accrual-rules__field-wrapper .settings-input{flex:1}#leave-management .leave-accrual-rules__field-wrapper .input-field-container .input-error{position:absolute;bottom:0;top:100%;left:0;font-size:.857rem;font-weight:500}#leave-management .leave-accrual-rules__field-icon{width:20px;height:20px;color:#8860d0;flex-shrink:0;opacity:.7;transition:all .2s ease}#leave-management .leave-accrual-rules__field-wrapper:hover #leave-management .leave-accrual-rules__field-icon{opacity:1;transform:scale(1.1)}#leave-management .leave-accrual-rules__field-suffix{font-size:.857rem;color:#8c9196;font-weight:500;white-space:nowrap;padding:0 .571rem}#leave-management .leave-accrual-rules__actions{display:flex;gap:.571rem;justify-content:flex-end;padding-top:.857rem;border-top:1px solid rgba(99,102,241,.1);flex-wrap:wrap}@media (max-width: 768px){#leave-management .leave-accrual-rules__actions{flex-direction:column}#leave-management .leave-accrual-rules__actions button{width:100%}}#leave-management .leave-accrual-rules .settings-field__label{font-weight:600;color:#313131;display:flex;align-items:center;gap:.571rem}#leave-management .leave-accrual-rules .settings-field__description{margin:.286rem 0 0;font-size:1rem;color:#8c9196;line-height:1.5}#leave-management .leave-accrual-rules .settings-input{border:1.5px solid rgba(99,102,241,.2);border-radius:12px;padding:.857rem 1.143rem;transition:all .2s ease;background:#fff}#leave-management .leave-accrual-rules .settings-input:focus{border-color:#8860d0;box-shadow:0 0 0 3px #6366f11a;outline:none}#leave-management .leave-accrual-rules .settings-input:disabled{background:#0000000a;cursor:not-allowed;opacity:.6}#leave-management .leave-accrual-rules .settings-select{border:1.5px solid rgba(99,102,241,.2);border-radius:12px;transition:all .2s ease}#leave-management .leave-accrual-rules .settings-select:focus-within{border-color:#8860d0;box-shadow:0 0 0 3px #6366f11a}#leave-management .leave-accrual-rules .settings-select .react-select__menu,#leave-management .leave-accrual-rules .settings-select .react-select__menu-list{z-index:1000!important}#leave-management .leave-accrual-rules .custom-date-picker{flex:1}#leave-management .leave-accrual-rules .custom-date-picker .MuiTextField-root{width:100%}#leave-management .leave-accrual-rules .custom-date-picker .MuiTextField-root .MuiOutlinedInput-root{border-radius:12px;border:1.5px solid rgba(99,102,241,.2);transition:all .2s ease}#leave-management .leave-accrual-rules .custom-date-picker .MuiTextField-root .MuiOutlinedInput-root:hover{border-color:#6366f166}#leave-management .leave-accrual-rules .custom-date-picker .MuiTextField-root .MuiOutlinedInput-root.Mui-focused{border-color:#8860d0;box-shadow:0 0 0 3px #6366f11a}#leave-management .leave-accrual-rules .settings-toggle-group{display:flex;align-items:center;gap:.857rem;padding:.571rem .857rem;background:#6366f10d;border-radius:12px;border:1px solid rgba(99,102,241,.1);width:fit-content;min-width:120px;justify-content:center}#leave-management .leave-accrual-rules .settings-toggle-group span{font-weight:500;color:#313131;font-size:.857rem}#leave-management .partial-day-support .settings-field{flex-direction:row;justify-content:space-between}#leave-management .selectfield{z-index:100;position:relative}#leave-management .selectfield .react-select__control{border:none!important}#leave-management .selectfield .react-select__menu{z-index:1000!important;position:absolute!important}#leave-management .selectfield .react-select__menu-list{z-index:1000!important}.discord-bot-setup{position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f114,#8b5cf60d,#ec489908);border:1.5px solid rgba(99,102,241,.2);box-shadow:0 20px 60px #6366f11a,0 0 0 1px #ffffff80 inset}.discord-bot-setup:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.discord-bot-setup__header{display:none}.discord-bot-setup__body{position:relative;z-index:1}.discord-bot-setup__hero{display:flex;align-items:flex-start;gap:1.429rem;margin-bottom:1.714rem;padding-bottom:1.429rem;border-bottom:1px solid rgba(99,102,241,.15)}@media (max-width: 768px){.discord-bot-setup__hero{flex-direction:column;gap:1.143rem}}.discord-bot-setup__icon-wrapper{flex-shrink:0;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #5865f24d,0 0 0 3px #5865f21a;position:relative;animation:float 3s ease-in-out infinite}.discord-bot-setup__icon-wrapper:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:16px;background:linear-gradient(135deg,#5865f2,#7289da,#5865f2);background-size:200% 200%;animation:shimmer 3s linear infinite;opacity:.3;z-index:-1}.discord-bot-setup__icon{font-size:30px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.discord-bot-setup__content{flex:1}.discord-bot-setup__title{margin:0 0 .571rem;font-size:1.143rem;font-weight:700;background:linear-gradient(135deg,#5865f2,#7289da,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.discord-bot-setup__description{margin:0;font-size:.857rem;color:#8c9196;line-height:1.6}.discord-bot-setup__features{display:flex;flex-wrap:wrap;gap:.857rem;margin-bottom:1.429rem;padding:1.143rem;background:#fff9;border-radius:12px;border:1px solid rgba(99,102,241,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discord-bot-setup__feature{display:flex;align-items:center;gap:.571rem;padding:.286rem .571rem;background:#6366f114;border-radius:8px;font-size:.857rem;color:#313131;font-weight:500;transition:all .2s ease}.discord-bot-setup__feature:hover{background:#6366f11f;transform:translateY(-2px)}.discord-bot-setup__feature-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;box-shadow:0 2px 8px #10b9814d}.discord-bot-setup__action{display:flex;flex-direction:column;gap:.857rem;align-items:center;text-align:center}.discord-bot-setup__invite-btn{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;border:none;padding:.571rem 1.143rem;font-size:.857rem;font-weight:600;border-radius:12px;box-shadow:0 2px 8px #5865f266,0 1px 4px #5865f233;transition:all .3s ease;position:relative;overflow:hidden;min-width:200px}.discord-bot-setup__invite-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.discord-bot-setup__invite-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #5865f280,0 2px 8px #5865f24d}.discord-bot-setup__invite-btn:hover:before{left:100%}.discord-bot-setup__invite-btn:active{transform:translateY(0)}.discord-bot-setup__invite-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.discord-bot-setup__hint{margin:0;font-size:.857rem;color:#8c9196;max-width:500px;line-height:1.5}.discord-bot-setup__action-message{font-size:.857rem;color:#cd5353;max-width:500px;line-height:1.5}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.finance-settings__bod-header-content{display:flex;align-items:center;justify-content:space-between}.finance-settings__bod-header-title{font-size:1rem;font-weight:600;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.finance-settings__bod-count{font-size:.857rem;font-weight:400}.finance-settings__bod-edit-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:transparent;border:1px solid #e6e6e7;border-radius:8px;color:#313131;font-size:.857rem;cursor:pointer;transition:all .2s ease}.finance-settings__bod-edit-btn:hover{border-color:#8860d0;color:#8860d0}.finance-settings__bod-edit-btn svg{width:16px;height:16px}.finance-settings__bod-members .settings-field__input form{width:fit-content}.finance-settings__bod-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:.571rem}.finance-settings__bod-cancel-btn{height:33px;padding:0 1.143rem!important;background:#8860d0;border:none;border-radius:4px;color:#fff;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.finance-settings__bod-cancel-btn:hover{background:#794cca}.finance-settings__bod-no-options{padding:.857rem;border-radius:8px;font-size:.857rem;text-align:center;margin:.857rem 0}.finance-settings__bod-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;text-align:center;border:4px dashed #e6e6e7;border-radius:16px}.finance-settings__bod-empty-icon{width:64px;height:64px;margin-bottom:.857rem;opacity:.5}.finance-settings__bod-empty-text{font-size:1rem;font-weight:600;color:#313131;margin:0 0 .571rem}.finance-settings__bod-empty-description{font-size:.857rem;margin:0;max-width:400px}.finance-settings__bod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.857rem}.finance-settings__bod-card{display:flex;align-items:center;gap:.857rem;padding:.857rem;border:1px solid #e6e6e7;border-radius:12px;transition:all .2s ease;position:relative}.finance-settings__bod-card:hover{border-color:#8860d0;box-shadow:0 2px 8px #00000014}.finance-settings__bod-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#282828;display:flex;align-items:center;justify-content:center}.finance-settings__bod-avatar img{width:100%;height:100%;object-fit:cover}.finance-settings__bod-avatar-placeholder{width:24px;height:24px}.finance-settings__bod-info{flex:1;display:flex;flex-direction:column;gap:.286rem;min-width:0}.finance-settings__bod-name{font-size:.857rem;font-weight:500;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-settings__bod-position{font-size:.714rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-settings__bod-remove{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.finance-settings__bod-remove:hover{background:#fed3d1;color:#cd5353}.finance-settings__bod-remove svg{width:18px;height:18px}.finance-settings__categories-header-content{display:flex;align-items:center;justify-content:space-between}.finance-settings__categories-header-title{font-size:1rem;font-weight:600;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.finance-settings__categories-header-title svg{width:18px;height:18px;color:#8860d0}.finance-settings__categories-count{font-size:.857rem;font-weight:400}.finance-settings__categories-edit-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:transparent;border:1px solid #e6e6e7;border-radius:8px;color:#313131;font-size:.857rem;cursor:pointer;transition:all .2s ease}.finance-settings__categories-edit-btn:hover{border-color:#8860d0;color:#8860d0}.finance-settings__categories-edit-btn svg{width:16px;height:16px}.finance-settings__categories-manage{margin-bottom:1.143rem}.finance-settings__categories-add{margin-bottom:.857rem}.finance-settings__categories-add-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border:1px dashed #e6e6e7;border-radius:8px;color:#313131;font-size:.857rem;cursor:pointer;transition:all .2s ease}.finance-settings__categories-add-btn:hover{background:#f3effc;border-color:#8860d0;color:#8860d0}.finance-settings__categories-add-btn svg{width:16px;height:16px}.finance-settings__categories-add-form{display:flex;align-items:center;gap:.571rem;padding:.571rem;background:#fff;border:1px solid #e6e6e7;border-radius:8px;margin-bottom:.857rem}.finance-settings__categories-add-input{flex:1;padding:.571rem .857rem;border:1px solid #e6e6e7;border-radius:8px;font-size:.857rem;color:#313131;background:#fff;outline:none;transition:all .2s ease}.finance-settings__categories-add-input:focus{border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a}.finance-settings__categories-add-actions{display:flex;gap:.571rem}.finance-settings__categories-add-save,.finance-settings__categories-add-cancel{padding:.571rem .857rem;border:none;border-radius:8px;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease}.finance-settings__categories-add-save{background:#8860d0;color:#fff}.finance-settings__categories-add-save:hover:not(:disabled){background:#794cca}.finance-settings__categories-add-save:disabled{opacity:.5;cursor:not-allowed}.finance-settings__categories-add-cancel{background:transparent}.finance-settings__categories-add-cancel:hover{color:#313131}.finance-settings__categories-edit-actions{display:flex;justify-content:flex-end;align-items:center}.finance-settings__categories-done-btn{height:33px;padding:0 1.143rem!important;background:#8860d0;border:none;border-radius:4px;color:#fff;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.finance-settings__categories-done-btn:hover{background:#794cca}.finance-settings__categories-sections{display:flex;flex-direction:column;gap:1.714rem;margin-top:1.143rem}.finance-settings__category-section{padding:1.143rem;border-radius:12px;border:1px solid #e6e6e7}.finance-settings__category-section--expense{background:#cd535308}.finance-settings__category-section--expense .finance-settings__category-section-icon{color:#cd5353}.finance-settings__category-section--income{background:#4e9f4c08}.finance-settings__category-section--income .finance-settings__category-section-icon{color:#4e9f4c}.finance-settings__category-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.143rem;flex-wrap:wrap;gap:.857rem}.finance-settings__category-section-title{display:flex;align-items:center;gap:.571rem;font-size:1rem;font-weight:600;color:#313131}.finance-settings__category-section-icon{width:20px;height:20px}.finance-settings__category-section-count{font-size:.857rem;font-weight:400}.finance-settings__category-add-type-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border:1px dashed #e6e6e7;border-radius:8px;font-size:.857rem;cursor:pointer;transition:all .2s ease;background:#fff}.finance-settings__category-add-type-btn svg{width:16px;height:16px}.finance-settings__category-add-type-btn--expense{color:#cd5353;border-color:#cd53534d}.finance-settings__category-add-type-btn--expense:hover{background:#cd53530d;border-color:#cd5353}.finance-settings__category-add-type-btn--income{color:#4e9f4c;border-color:#4e9f4c4d}.finance-settings__category-add-type-btn--income:hover{background:#4e9f4c0d;border-color:#4e9f4c}.finance-settings__categories-list{display:flex;flex-wrap:wrap;gap:.571rem;margin-top:.857rem}.finance-settings__category-tag{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:#fff;border:1px solid #e6e6e7;border-radius:16px;font-size:.857rem;color:#313131;transition:all .2s ease;position:relative}.finance-settings__category-tag:hover{box-shadow:0 2px 4px #00000014}.finance-settings__category-tag--editing{background:#fff;box-shadow:0 0 0 3px #8860d01a}.finance-settings__category-tag--expense{border-color:#cd53534d;background:#cd53530d}.finance-settings__category-tag--expense:hover{border-color:#cd5353;background:#cd53531a}.finance-settings__category-tag--expense--editing{border-color:#cd5353;box-shadow:0 0 0 3px #cd535326}.finance-settings__category-tag--income{border-color:#4e9f4c4d;background:#4e9f4c0d}.finance-settings__category-tag--income:hover{border-color:#4e9f4c;background:#4e9f4c1a}.finance-settings__category-tag--income--editing{border-color:#4e9f4c;box-shadow:0 0 0 3px #4e9f4c26}.finance-settings__category-label{font-weight:500;white-space:nowrap}.finance-settings__category-actions{display:flex;align-items:center;gap:.286rem;margin-left:.286rem}.finance-settings__category-edit,.finance-settings__category-remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.finance-settings__category-edit svg,.finance-settings__category-remove svg{width:12px;height:12px}.finance-settings__category-edit:hover{color:#8860d0}.finance-settings__category-remove:hover{background:#fed3d1;color:#cd5353}.finance-settings__category-edit-form{display:flex;align-items:center;gap:.286rem}.finance-settings__category-edit-input{padding:.286rem .571rem;border:1px solid #e6e6e7;border-radius:8px;font-size:.857rem;color:#313131;background:#fff;outline:none;min-width:120px;transition:all .2s ease}.finance-settings__category-edit-input:focus{border-color:#8860d0}.finance-settings__category-edit-save,.finance-settings__category-edit-cancel{width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.714rem;font-weight:700;transition:all .2s ease;padding:0}.finance-settings__category-edit-save{background:#aee9d1;color:#4e9f4c}.finance-settings__category-edit-save:hover:not(:disabled){background:#4e9f4c;color:#fff}.finance-settings__category-edit-save:disabled{opacity:.5;cursor:not-allowed}.finance-settings__category-edit-cancel{background:#fed3d1;color:#cd5353}.finance-settings__category-edit-cancel:hover{background:#cd5353;color:#fff}.finance-settings__categories-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.714rem 1.143rem;text-align:center;border:2px dashed #e6e6e7;border-radius:12px;background:#fff}.finance-settings__categories-empty-icon{width:48px;height:48px;margin-bottom:.571rem;opacity:.4}.finance-settings__categories-empty-text{font-size:1rem;font-weight:600;color:#313131;margin:0 0 .571rem}.finance-settings__categories-empty-description{font-size:.857rem;margin:0;max-width:400px}.finance-settings__purchase-types-header-content{display:flex;align-items:center;justify-content:space-between}.finance-settings__purchase-types-header-title{font-size:1rem;font-weight:600;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.finance-settings__purchase-types-header-title svg{width:18px;height:18px;color:#8860d0}.finance-settings__purchase-types-count{font-size:.857rem;font-weight:400}.finance-settings__purchase-types-edit-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:transparent;border:1px solid #e6e6e7;border-radius:8px;color:#313131;font-size:.857rem;cursor:pointer;transition:all .2s ease}.finance-settings__purchase-types-edit-btn:hover{border-color:#8860d0;color:#8860d0}.finance-settings__purchase-types-edit-btn svg{width:16px;height:16px}.finance-settings__purchase-types-manage{margin-bottom:1.143rem}.finance-settings__purchase-types-add-btn{display:flex;align-items:center;gap:.571rem;height:36px;padding:0 1.143rem!important;border:1px dashed #e6e6e7;border-radius:4px;color:#313131;font-size:.857rem;cursor:pointer;transition:all .2s ease}.finance-settings__purchase-types-add-btn:hover{background:#f3effc;border-color:#8860d0;color:#8860d0}.finance-settings__purchase-types-add-btn svg{width:16px;height:16px}.finance-settings__purchase-types-add-form{display:flex;align-items:center;gap:.571rem;padding:.571rem;background:#fff;border:1px solid #e6e6e7;border-radius:8px}.finance-settings__purchase-types-add-input{flex:1;padding:.571rem .857rem;border:1px solid #e6e6e7;border-radius:8px;font-size:.857rem;color:#313131;background:#fff;outline:none;transition:all .2s ease}.finance-settings__purchase-types-add-input:focus{border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a}.finance-settings__purchase-types-add-actions{display:flex;gap:.571rem}.finance-settings__purchase-types-add-save,.finance-settings__purchase-types-add-cancel{padding:.571rem .857rem;border:none;border-radius:8px;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease}.finance-settings__purchase-types-add-save{background:#8860d0;color:#fff}.finance-settings__purchase-types-add-save:hover:not(:disabled){background:#794cca}.finance-settings__purchase-types-add-save:disabled{opacity:.5;cursor:not-allowed}.finance-settings__purchase-types-add-cancel{background:transparent}.finance-settings__purchase-types-add-cancel:hover{color:#313131}.finance-settings__purchase-types-edit-actions{display:flex;justify-content:flex-end;align-items:center}.finance-settings__purchase-types-done-btn{height:33px;padding:0 1.143rem!important;background:#8860d0;border:none;border-radius:4px;color:#fff;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.finance-settings__purchase-types-done-btn:hover{background:#794cca}.finance-settings__purchase-types-list{display:flex;flex-wrap:wrap;gap:.571rem;margin-top:.857rem}.finance-settings__purchase-type-tag{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:#fff;border:1px solid rgba(136,96,208,.3);border-radius:16px;font-size:.857rem;color:#313131;transition:all .2s ease;position:relative;background:#8860d00d}.finance-settings__purchase-type-tag:hover{border-color:#8860d0;background:#8860d01a;box-shadow:0 2px 4px #00000014}.finance-settings__purchase-type-tag--editing{border-color:#8860d0;background:#fff;box-shadow:0 0 0 3px #8860d026}.finance-settings__purchase-type-label{font-weight:500;white-space:nowrap}.finance-settings__purchase-type-actions{display:flex;align-items:center;gap:.286rem;margin-left:.286rem}.finance-settings__purchase-type-edit,.finance-settings__purchase-type-remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.finance-settings__purchase-type-edit svg,.finance-settings__purchase-type-remove svg{width:12px;height:12px}.finance-settings__purchase-type-edit:hover{background:#f3effc;color:#8860d0}.finance-settings__purchase-type-remove:hover{background:#fed3d1;color:#cd5353}.finance-settings__purchase-type-edit-form{display:flex;align-items:center;gap:.286rem}.finance-settings__purchase-type-edit-input{padding:.286rem .571rem;border:1px solid #e6e6e7;border-radius:8px;font-size:.857rem;color:#313131;background:#fff;outline:none;min-width:120px;transition:all .2s ease}.finance-settings__purchase-type-edit-input:focus{border-color:#8860d0}.finance-settings__purchase-type-edit-save,.finance-settings__purchase-type-edit-cancel{width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.714rem;font-weight:700;transition:all .2s ease;padding:0}.finance-settings__purchase-type-edit-save{background:#aee9d1;color:#4e9f4c}.finance-settings__purchase-type-edit-save:hover:not(:disabled){background:#4e9f4c;color:#fff}.finance-settings__purchase-type-edit-save:disabled{opacity:.5;cursor:not-allowed}.finance-settings__purchase-type-edit-cancel{background:#fed3d1;color:#cd5353}.finance-settings__purchase-type-edit-cancel:hover{background:#cd5353;color:#fff}.finance-settings__purchase-types-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.714rem 1.143rem;text-align:center;border:2px dashed #e6e6e7;border-radius:12px;background:#fff}.finance-settings__purchase-types-empty-icon{width:48px;height:48px;margin-bottom:.571rem;opacity:.4}.finance-settings__purchase-types-empty-text{font-size:1rem;font-weight:600;color:#313131;margin:0 0 .571rem}.finance-settings__purchase-types-empty-description{font-size:.857rem;margin:0;max-width:400px}.finance-settings__vat-locked-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.714rem 1.143rem;text-align:center;border-radius:12px;background:#f8b04608;margin-top:1.714rem;border:1px dashed #e6e6e7}.finance-settings__vat-locked-empty-icon{width:48px;height:48px;margin-bottom:.571rem;opacity:.4}.finance-settings__vat-locked-empty-text{font-size:1rem;font-weight:600;color:#313131;margin:0 0 .571rem}.finance-settings__vat-locked-empty-description{font-size:.857rem;opacity:.6;margin:0;max-width:400px}.workspace-settings__logo-field{display:flex;flex-direction:row;gap:.9rem}.workspace-settings__logo-upload{width:fit-content;height:fit-content;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border:1px dashed #c4b5fd;border-radius:.75rem;color:#5b21b6;cursor:pointer;background:#f5f3ff;font-weight:500}.workspace-settings__logo-input{display:none}.workspace-settings__logo-preview{width:7rem;height:7rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.workspace-settings__logo-preview img{width:100%;height:100%;object-fit:cover}.workspace-settings__logo-placeholder{color:#6b7280;font-size:.82rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.workspace-settings__logo-placeholder span{text-align:center}.workspace-settings__domain-row{display:grid;grid-template-columns:3fr 1fr;gap:.75rem;align-items:center;min-width:300px}.workspace-settings__dns-instruction{margin-top:1rem;border:1px solid #e9d5ff;background:#faf5ff;border-radius:.9rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.45rem}.workspace-settings__dns-instruction p{margin:0;color:#4b5563;font-size:.92rem;line-height:1.4}.workspace-settings__dns-instruction code{width:fit-content;border-radius:.5rem;padding:.3rem .55rem;background:#ede9fe;color:#4c1d95;border:1px solid #ddd6fe;font-size:.84rem;font-weight:600}.workspace-settings__dns-title{display:inline-flex;align-items:center;gap:.45rem;color:#6d28d9;font-weight:600}.workspace-settings__dns-status{margin-top:.9rem;padding:.7rem .85rem;border-radius:.75rem;display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:500}.workspace-settings__dns-status--success{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}.workspace-settings__dns-status--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.workspace-settings__dns-status--warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.workspace-settings__action{margin-top:1.25rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.workspace-settings__up-to-date{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:.65rem;border:1px solid #bbf7d0;background:#ecfdf3;color:#166534;font-size:.85rem;font-weight:500}.workspace-settings__dns-records{margin-top:1rem;border:1px solid #e5e7eb;background:#fff;border-radius:.9rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.45rem}.workspace-settings__dns-records p{margin:0;color:#4b5563;font-size:.92rem;line-height:1.4}.workspace-settings__dns-records code{display:inline-block;border-radius:.4rem;padding:.2rem .45rem;background:#f3f4f6;color:#111827;font-size:.82rem;font-weight:600}.workspace-settings__domain-actions{margin-top:.9rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.workspace-settings__flow{display:flex;flex-direction:column;gap:1rem}.workspace-settings__flow-step{border:1px solid #ece7ff;background:#fcfbff;border-radius:.9rem;padding:.9rem}.workspace-settings__flow-step-title{font-size:.9rem;font-weight:700;color:#5b21b6;margin-bottom:.65rem}.workspace-settings__inline-error{color:#b91c1c;font-size:.82rem;font-weight:600}.workspace-settings__dns-table-wrap{margin-top:.9rem;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#fff}.workspace-settings__dns-table{width:100%;border-collapse:collapse}.workspace-settings__dns-table th,.workspace-settings__dns-table td{padding:.7rem .75rem;text-align:left;border-bottom:1px solid #f3f4f6;font-size:.86rem;color:#374151;vertical-align:top}.workspace-settings__dns-table th{background:#f9fafb;color:#111827;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.workspace-settings__dns-table tbody tr:last-child td{border-bottom:none}.workspace-settings__dns-table code{display:inline-block;padding:.2rem .4rem;border-radius:.35rem;background:#f3f4f6;color:#111827;font-size:.8rem;word-break:break-all}.monthly-overview-calendar{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.monthly-overview-calendar__container{max-width:1000px}.monthly-overview-calendar__page-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.714rem;padding-block:1.714rem 2.286rem;border-radius:16px;animation:slideDown .6s ease-out}@media (max-width: 768px){.monthly-overview-calendar__page-header{flex-direction:column;gap:1.143rem;align-items:stretch}}.monthly-overview-calendar__content{width:100%;background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;animation:fadeInUp .6s ease-out}.monthly-overview-calendar__contract-filter{display:flex;flex-direction:column;gap:.571rem;margin-bottom:1.714rem;padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;border:1px solid rgba(136,96,208,.1);animation:fadeInUp .6s ease-out .2s both}@media (max-width: 768px){.monthly-overview-calendar__contract-filter{padding:.857rem}}.monthly-overview-calendar__contract-label{font-size:1rem;font-weight:600;color:#313131;margin:0;text-transform:uppercase;letter-spacing:.5px}.monthly-overview-calendar__contract-select{width:100%;max-width:400px}@media (max-width: 768px){.monthly-overview-calendar__contract-select{max-width:100%}}.monthly-overview-calendar__contract-loading{display:flex;align-items:center;gap:.571rem;padding:.857rem;color:#8c9196;font-size:1rem;font-style:italic}.monthly-overview-calendar__contract-loading:before{content:"";width:16px;height:16px;border:2px solid rgba(136,96,208,.3);border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.monthly-overview-calendar__contract-empty{padding:.857rem;color:#8c9196;font-size:1rem;font-style:italic;text-align:center;background:#8c91960d;border-radius:8px}.monthly-overview-calendar__loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:2.286rem;color:#8c9196;font-size:1.143rem;font-weight:500;gap:.857rem}.monthly-overview-calendar__loading:before{content:"";width:24px;height:24px;border:3px solid rgba(136,96,208,.3);border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.monthly-overview-calendar__header-content{display:flex;align-items:center;gap:1.143rem}.monthly-overview-calendar__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.monthly-overview-calendar__header-icon{width:56px;height:56px;font-size:1.714rem}}.monthly-overview-calendar__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.monthly-overview-calendar__title{font-size:1.429rem}}.monthly-overview-calendar__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.monthly-overview-calendar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.714rem;padding-bottom:1.143rem;border-bottom:2px solid rgba(136,96,208,.1)}@media (max-width: 768px){.monthly-overview-calendar__header{flex-direction:column;gap:1.143rem;align-items:stretch}}.monthly-overview-calendar__navigation{display:flex;align-items:center;gap:1.143rem}@media (max-width: 768px){.monthly-overview-calendar__navigation{width:100%;justify-content:space-between}}.monthly-overview-calendar__nav-btn{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.286rem;font-weight:700;transition:all .3s ease;box-shadow:0 2px 8px #8860d04d}.monthly-overview-calendar__nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8860d066}.monthly-overview-calendar__nav-btn:active:not(:disabled){transform:translateY(0)}.monthly-overview-calendar__nav-btn:disabled{cursor:not-allowed;background:#8860d04d;box-shadow:none}.monthly-overview-calendar__month-year{display:flex;align-items:center;gap:.571rem;min-width:200px;justify-content:center}.monthly-overview-calendar__month-year .calendar-icon{color:#8860d0;font-size:1.286rem}.monthly-overview-calendar__month-year h3{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.monthly-overview-calendar__today-btn{background:#8860d01a;color:#8860d0;border:2px solid #8860d0;border-radius:12px;padding:.571rem 1.143rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.monthly-overview-calendar__today-btn:hover:not(:disabled){background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.monthly-overview-calendar__today-btn:disabled{cursor:not-allowed;background:#8860d00d;border-color:#8860d04d}.monthly-overview-calendar__grid{margin-bottom:1.714rem}.monthly-overview-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.286rem;margin-bottom:.571rem}.monthly-overview-calendar__weekday{text-align:center;font-size:1rem;font-weight:700;color:#8c9196;padding:.571rem;text-transform:uppercase;letter-spacing:.5px}.monthly-overview-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:.286rem}.monthly-overview-calendar__day{aspect-ratio:1;height:110px;border:2px solid transparent;border-radius:12px;padding:.571rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#8860d005;position:relative}@media (max-width: 1031px){.monthly-overview-calendar__day{height:100%;padding:.286rem}}@media (max-width: 768px){.monthly-overview-calendar__day{min-height:60px;border-radius:8px}}@media (max-width: 520px){.monthly-overview-calendar__day{min-height:50px;aspect-ratio:unset}}@media (max-width: 350px){.monthly-overview-calendar__day{aspect-ratio:unset}}.monthly-overview-calendar__day:hover{background:#8860d014;transform:translateY(-2px);box-shadow:0 4px 12px #8860d026}.monthly-overview-calendar__day--other-month{opacity:.3;cursor:default}.monthly-overview-calendar__day--other-month:hover{background:#8860d005;transform:none;box-shadow:none}.monthly-overview-calendar__day--today{border-color:#8860d0!important;border-width:3px!important;background:#8860d026!important;font-weight:700;box-shadow:0 0 0 2px #8860d033;position:relative}.monthly-overview-calendar__day--has-data{cursor:pointer;border-width:.5px;border-style:solid;transition:all .3s ease}.monthly-overview-calendar__day--has-data:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.monthly-overview-calendar__day--birthday{overflow:hidden}.monthly-overview-calendar__day-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:0}.monthly-overview-calendar__day-confetti-piece{position:absolute;font-size:14px;animation:monthly-overview-confetti-fall 3s ease-in-out infinite;opacity:.85}.monthly-overview-calendar__day-confetti-piece:nth-child(1){left:10%;animation-delay:0s}.monthly-overview-calendar__day-confetti-piece:nth-child(2){left:35%;animation-delay:.5s}.monthly-overview-calendar__day-confetti-piece:nth-child(3){left:60%;animation-delay:.2s}.monthly-overview-calendar__day-confetti-piece:nth-child(4){left:85%;animation-delay:.7s}.monthly-overview-calendar__day-confetti-piece:nth-child(5){left:50%;animation-delay:.35s}.monthly-overview-calendar__day--outside-contract{opacity:.25;cursor:not-allowed;background:#8c91960d;position:relative}.monthly-overview-calendar__day--outside-contract:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background:#8c91964d;transform:rotate(-45deg)}.monthly-overview-calendar__day--outside-contract:hover{background:#8c91960d;transform:none;box-shadow:none}.monthly-overview-calendar__day--outside-contract .monthly-overview-calendar__day-number{color:#8c9196}.monthly-overview-calendar__day--filtered-out{opacity:.3;border-color:transparent!important;background:#8c91960d!important;background-image:none!important}.monthly-overview-calendar__day--filtered-out:hover{background:#8c919614!important;transform:none;box-shadow:none}.monthly-overview-calendar__day--filtered-out .monthly-overview-calendar__day-number{color:#8c9196}.monthly-overview-calendar__day-number{position:relative;z-index:1;font-size:1.143rem;font-weight:500;color:#313131;margin-bottom:.286rem;transition:all .3s ease}.monthly-overview-calendar__day-number--today{color:#8860d0;font-weight:700;font-size:1.286rem;position:relative}@media (max-width: 520px){.monthly-overview-calendar__day-number{font-size:.857rem;font-weight:500}}.monthly-overview-calendar__today-badge{position:absolute;top:2px;left:2px;background:#8860d0;color:#fff;font-size:.714rem;font-weight:700;padding:2px 6px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 4px #0003;z-index:2;line-height:1.2}.monthly-overview-calendar__day-count{position:absolute;top:2px;right:2px;font-size:.714rem;font-weight:700;color:#313131;background:#ffffffe6;border-radius:12px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px #0003}.monthly-overview-calendar__day-chips{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;width:100%;margin-top:auto;max-height:100px;overflow:hidden;align-items:flex-start;flex-wrap:wrap}@media (max-width: 460px){.monthly-overview-calendar__day-chips{flex-direction:row;flex-wrap:wrap}}.monthly-overview-calendar__chip{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:8px;font-size:.714rem;font-weight:600;color:#fff;max-width:100%;box-shadow:0 1px 2px #0003;flex-shrink:0;min-width:0}@media (max-width: 460px){.monthly-overview-calendar__chip{padding:2px}}.monthly-overview-calendar__chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;line-height:1.2}@media (max-width: 768px){.monthly-overview-calendar__chip-text{font-size:6px}}@media (max-width: 520px){.monthly-overview-calendar__chip-text{font-size:4px}}.monthly-overview-calendar__chip--more{font-weight:600;font-size:.714rem}.monthly-overview-calendar__day--absentism{background-size:8px 8px}.monthly-overview-calendar__day-markers{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;width:100%}.monthly-overview-calendar__marker{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;box-shadow:0 2px 4px #0003;transition:all .3s ease}@media (max-width: 768px){.monthly-overview-calendar__marker{width:20px;height:20px;font-size:.857rem}}.monthly-overview-calendar__marker:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.monthly-overview-calendar__marker--icon{font-size:1rem;font-weight:700}@media (max-width: 768px){.monthly-overview-calendar__marker--icon{font-size:.857rem}}.monthly-overview-calendar__legend{margin-top:1.714rem;padding-top:1.143rem;border-top:2px solid rgba(136,96,208,.1)}.monthly-overview-calendar__legend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;gap:.857rem;height:30px}@media (max-width: 768px){.monthly-overview-calendar__legend-header{flex-direction:column;align-items:stretch}}.monthly-overview-calendar__legend-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.monthly-overview-calendar__clear-filter-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.3);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;height:30px}.monthly-overview-calendar__clear-filter-btn:hover{background:#dc262633;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.monthly-overview-calendar__clear-filter-btn:active{transform:translateY(0)}.monthly-overview-calendar__clear-filter-btn svg{font-size:1rem}@media (max-width: 768px){.monthly-overview-calendar__clear-filter-btn span{display:none}}.monthly-overview-calendar__legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.857rem}.monthly-overview-calendar__legend-item{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:#8860d00d;border-radius:8px;font-size:1rem;color:#313131;font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.monthly-overview-calendar__legend-item:hover{background:#8860d01a;transform:translateY(-2px);box-shadow:0 4px 12px #8860d026;border-color:#8860d04d}.monthly-overview-calendar__legend-item--active{background:#8860d026;border-color:#8860d0;box-shadow:0 2px 8px #8860d040;font-weight:700}.monthly-overview-calendar__legend-item--active:hover{background:#8860d033;box-shadow:0 4px 12px #8860d04d}.monthly-overview-calendar__legend-marker{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.857rem;box-shadow:0 2px 4px #0003;flex-shrink:0}.monthly-overview-calendar__modal-title{display:flex;align-items:center;gap:.571rem;font-size:1.286rem;font-weight:700;color:#313131}.monthly-overview-calendar__modal-title svg{color:#8860d0;font-size:1.143rem}.monthly-overview-calendar__modal-content{display:flex;flex-direction:column;gap:1.143rem;padding:.571rem 0;max-height:70vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(136,96,208,.3) transparent}.monthly-overview-calendar__modal-content::-webkit-scrollbar{width:6px}.monthly-overview-calendar__modal-content::-webkit-scrollbar-track{background:#8860d00d;border-radius:8px}.monthly-overview-calendar__modal-content::-webkit-scrollbar-thumb{background:#8860d04d;border-radius:8px}.monthly-overview-calendar__modal-content::-webkit-scrollbar-thumb:hover{background:#8860d080}.monthly-overview-calendar__info-card{background:#fff;border-radius:12px;padding:1.143rem;transition:all .3s ease;border:1px solid rgba(136,96,208,.1)}.monthly-overview-calendar__info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.monthly-overview-calendar__info-card-header{display:flex;justify-content:space-between;align-items:center;gap:.857rem;margin-bottom:1.143rem;flex-wrap:wrap}.monthly-overview-calendar__type-badge{display:flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #0003}.monthly-overview-calendar__type-badge .type-text{font-size:1rem}.monthly-overview-calendar__info-section{margin-bottom:.857rem}.monthly-overview-calendar__info-section:last-child{margin-bottom:0}.monthly-overview-calendar__info-label{font-size:1rem;font-weight:700;color:#8c9196;margin-bottom:.571rem;text-transform:uppercase;letter-spacing:.5px}.monthly-overview-calendar__info-text{font-size:1rem;color:#313131;line-height:1.6;padding:.857rem;background:#8860d00d;border-radius:8px}@keyframes monthly-overview-confetti-fall{0%{top:-15%;transform:rotate(0) scale(1);opacity:.95}50%{opacity:.85}to{top:110%;transform:rotate(380deg) scale(.8);opacity:0}}.apply-leave2__header{display:flex;align-items:center;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.apply-leave2__header{margin-bottom:1.714rem}}.apply-leave2__back-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid #e6e6e7;color:#313131;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.apply-leave2__back-btn:hover{background:#8860d0;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #8860d04d}.apply-leave2__back-btn svg{width:24px;height:24px}.apply-leave2__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.apply-leave2__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.apply-leave2__header-icon{width:56px;height:56px;font-size:1.714rem}}.apply-leave2__header-icon svg{width:28px;height:28px}.apply-leave2__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0 0 .286rem}@media (max-width: 768px){.apply-leave2__title{font-size:1.429rem}}.apply-leave2__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.apply-leave2__user-card{display:flex;align-items:center;gap:1.143rem;padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;border:1px solid rgba(136,96,208,.1)}.apply-leave2__user-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem}.apply-leave2__user-card-icon svg{width:24px;height:24px}.apply-leave2__user-card-content{display:flex;flex-direction:column;gap:.286rem;flex:1}.apply-leave2__user-card-label{font-size:.857rem;color:#8c9196;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.apply-leave2__user-card-name{font-size:1.143rem;font-weight:600;color:#313131}.apply-leave2__user-selector{width:100%;max-width:400px}.apply-leave2__select-field{width:100%}.apply-leave2__pending-warning{display:flex;align-items:flex-start;gap:1.143rem;padding:1.143rem;background:#fff3cd;border:1px solid #ffc107;border-radius:12px}.apply-leave2__pending-warning-icon{display:flex;align-items:center;justify-content:center;color:#ffc107;flex-shrink:0}.apply-leave2__pending-warning-icon svg{width:28px;height:28px}.apply-leave2__pending-warning-content{flex:1}.apply-leave2__pending-warning-title{font-size:1.143rem;font-weight:600;color:#856404;margin:0 0 .571rem}.apply-leave2__pending-warning-text{font-size:1rem;color:#856404;margin:0;line-height:1.5}.apply-leave2__leave-type-section{display:flex;flex-direction:column;gap:1.143rem}.apply-leave2__leave-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.857rem;margin-bottom:1.143rem}@media (max-width: 768px){.apply-leave2__leave-type-grid{grid-template-columns:repeat(2,1fr)}}.apply-leave2__leave-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.571rem;padding:1.429rem 1.143rem;background:#fff;border:2px solid #e6e6e7;border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:120px;font-family:QuickSand}.apply-leave2__leave-type-card:hover{border-color:#8860d0;transform:translateY(-4px);box-shadow:0 8px 24px #8860d026}.apply-leave2__leave-type-card.active{background:linear-gradient(135deg,#8860d01a,#9c80ce1a);border-color:#8860d0;border-width:2px;box-shadow:0 4px 16px #8860d033}.apply-leave2__leave-type-icon{display:flex;align-items:center;justify-content:center;color:#8860d0}.apply-leave2__leave-type-icon svg{width:32px;height:32px}.apply-leave2__leave-type-label{font-size:1rem;font-weight:600;color:#313131;text-align:center}.apply-leave2__leave-type-info{display:flex;align-items:flex-start;gap:.857rem;padding:1.143rem;background:#8860d00d;border-radius:12px}.apply-leave2__leave-type-info-icon{display:flex;align-items:center;justify-content:center;color:#8860d0;flex-shrink:0}.apply-leave2__leave-type-info-icon svg{width:24px;height:24px}.apply-leave2__leave-type-info-text{font-size:1rem;color:#313131;margin:0;line-height:1.5}.apply-leave2__balance-section{display:flex;flex-direction:column;gap:1.143rem}.apply-leave2__balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.143rem}@media (max-width: 768px){.apply-leave2__balance-grid{grid-template-columns:1fr}}.apply-leave2__balance-card{display:flex;flex-direction:column;gap:.571rem;padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;border:1px solid rgba(136,96,208,.1);transition:all .3s ease}.apply-leave2__balance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d026}.apply-leave2__balance-label{font-size:.857rem;color:#8c9196;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.apply-leave2__balance-value{font-size:1.429rem;font-weight:700;color:#313131}.apply-leave2__balance-value.eligible{color:#8860d0}.apply-leave2__balance-value.positive{color:#388e3c}.apply-leave2__balance-value.negative{color:#d32f2f}.apply-leave2__breakdown-section{margin-top:1.143rem;padding-top:1.143rem;border-top:1px solid #e6e6e7}.apply-leave2__breakdown-title{font-size:1.143rem;font-weight:600;color:#313131;margin:0 0 .857rem}.apply-leave2__breakdown-list{display:flex;flex-direction:column;gap:.571rem}.apply-leave2__breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.857rem 1.143rem;background:#8860d005;border-radius:8px}.apply-leave2__breakdown-type{font-size:1rem;font-weight:600;color:#313131;text-transform:capitalize}.apply-leave2__breakdown-values{display:flex;align-items:center;gap:.571rem;font-size:1rem}.apply-leave2__breakdown-remaining{font-weight:600;color:#313131}.apply-leave2__breakdown-remaining.negative{color:#d32f2f}.apply-leave2__breakdown-total{color:#8c9196}.apply-leave2__progress-section{margin-top:1.143rem;margin-bottom:1.143rem}.apply-leave2__progress-bar-container{background-color:#f3f4f6;border-radius:9999px;border:1px solid #d9c6ea;height:24px;position:relative;overflow:hidden}.apply-leave2__progress-bar-fill{height:100%;border-radius:9999px;transition:all .3s ease;width:var(--progress-width, 0%)}.apply-leave2__progress-bar-fill.normal{background:linear-gradient(to right,#d9c6ea,#c38ef4)}.apply-leave2__progress-bar-fill.overflow{background:linear-gradient(to right,#cca0a0,#dc9c9c)}.apply-leave2__progress-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#374151;z-index:1;pointer-events:none}@media (min-width: 1024px){.apply-leave2__progress-bar-text{font-size:1rem}}.apply-leave2__future-accrual-info{margin-top:1.143rem;padding:1.143rem;background:linear-gradient(135deg,#fef3c74d,#fde68a33);border:1px solid rgba(245,158,11,.2);border-radius:12px}.apply-leave2__future-accrual-header{display:flex;align-items:center;gap:.571rem;margin-bottom:.857rem}.apply-leave2__future-accrual-icon{font-size:1.286rem;color:#f59e0b;line-height:1}.apply-leave2__future-accrual-title{font-size:1.143rem;font-weight:600;color:#92400e}.apply-leave2__future-accrual-details{display:flex;flex-direction:column;gap:.571rem}.apply-leave2__future-accrual-item{display:flex;justify-content:space-between;align-items:center;padding:.571rem .857rem;background:#fff9;border-radius:8px;font-size:1rem}.apply-leave2__future-accrual-item span:first-child{color:#8c9196;font-weight:500}.apply-leave2__future-accrual-item span:last-child{color:#313131;font-weight:600}.apply-leave2__future-accrual-eligible{color:#8860d0!important;font-weight:700!important;font-size:1.143rem!important}.apply-leave2__calendar-section{display:flex;flex-direction:column;gap:1.143rem}.apply-leave2__calendar{display:flex;flex-direction:column;gap:1.143rem;width:800px;margin-inline:auto;position:relative;z-index:1}@media (max-width: 1031px){.apply-leave2__calendar{width:100%}}.apply-leave2__calendar-loading{display:flex;align-items:center;justify-content:center;padding:2.286rem;color:#8c9196;font-size:1rem}.apply-leave2__calendar-header{display:flex;justify-content:space-between;align-items:center;gap:1.143rem;padding:.857rem 0}@media (max-width: 768px){.apply-leave2__calendar-header{flex-direction:column;align-items:stretch}}.apply-leave2__calendar-navigation{display:flex;gap:1.143rem;flex:1;align-items:center}.apply-leave2__calendar-nav-btn{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:12px;background:#fff;border:1px solid #e6e6e7;color:#313131;cursor:pointer;transition:all .3s ease}.apply-leave2__calendar-nav-btn:hover:not(:disabled){background:#8860d0;color:#fff;border-color:#8860d0}.apply-leave2__calendar-nav-btn:disabled{opacity:.5;cursor:not-allowed}.apply-leave2__calendar-nav-btn svg{width:16px;height:16px}@media (max-width: 500px){.apply-leave2__calendar-nav-btn svg{width:13px;height:13px}}@media (max-width: 500px){.apply-leave2__calendar-nav-btn{width:30px;height:30px;border-radius:8px}}.apply-leave2__calendar-month-year{display:flex;align-items:center;gap:.571rem;flex:1;justify-content:center}.apply-leave2__calendar-month-year h3{font-size:1.286rem;font-weight:600;color:#313131;margin:0}@media (max-width: 500px){.apply-leave2__calendar-month-year h3{font-size:1rem;font-weight:400}}.apply-leave2__calendar-icon{color:#8860d0;width:20px;height:20px}@media (max-width: 500px){.apply-leave2__calendar-icon{width:16px;height:16px}}.apply-leave2__calendar-today-btn{padding:.571rem 1.143rem;border-radius:12px;background:#8860d0;color:#fff;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:QuickSand}.apply-leave2__calendar-today-btn:hover:not(:disabled){background:#6b3ac3;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.apply-leave2__calendar-today-btn:disabled{opacity:.5;cursor:not-allowed}.apply-leave2__calendar-grid{display:flex;flex-direction:column;gap:.571rem;position:relative;z-index:1}.apply-leave2__calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.286rem;margin-bottom:.571rem}.apply-leave2__calendar-weekday{text-align:center;font-size:.857rem;font-weight:600;color:#8c9196;text-transform:uppercase;letter-spacing:.5px;padding:.571rem}.apply-leave2__calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.286rem;position:relative;z-index:1}.apply-leave2__calendar-day{position:relative;min-height:50px;aspect-ratio:1;padding:.571rem;border:2px solid #e6e6e7;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:.286rem;z-index:1;pointer-events:auto}@media (max-width: 768px){.apply-leave2__calendar-day{min-height:60px;padding:.286rem}}@media (max-width: 500px){.apply-leave2__calendar-day{min-height:35px;padding:.286rem}}@media (max-width: 350px){.apply-leave2__calendar-day{min-height:30px;padding:.286rem}}.apply-leave2__calendar-day:hover:not(.apply-leave2__calendar-day--disabled):not(.apply-leave2__calendar-day--outside-contract){border-color:#8860d0;transform:translateY(-2px);box-shadow:0 4px 12px #8860d026}.apply-leave2__calendar-day--other-month{opacity:.3;cursor:default}.apply-leave2__calendar-day--today{border-color:#8860d0;background:#8860d00d}.apply-leave2__calendar-day--selected{border-color:#6366f1;background:#6366f11a;font-weight:600}.apply-leave2__calendar-day--sandwich{background-color:#f8b046!important;color:#000!important;border-color:#f8b046!important;cursor:not-allowed;opacity:1!important;font-weight:600}.apply-leave2__calendar-day--sandwich:hover{background-color:#f8b046!important;transform:none;box-shadow:none}.apply-leave2__calendar-day--disabled{opacity:.4;cursor:not-allowed;background:#f3f4f6}.apply-leave2__calendar-day--disabled:hover{transform:none;box-shadow:none}.apply-leave2__calendar-day--outside-contract{opacity:.3;cursor:not-allowed;background:#f9fafb}.apply-leave2__calendar-day--has-leave{border-width:2px}.apply-leave2__calendar-day--non-working{opacity:.6}.apply-leave2__calendar-day--holiday{border-style:dashed}.apply-leave2__calendar-day--absentism{background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(220,38,38,.1) 4px,rgba(220,38,38,.1) 8px)}.apply-leave2__calendar-day-number{font-size:1rem;font-weight:600;color:#313131}@media (max-width: 500px){.apply-leave2__calendar-day-number{font-size:.714rem;font-weight:400}}.apply-leave2__calendar-today-badge{position:absolute;top:4px;right:4px;background:#8860d0;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.apply-leave2__calendar-day-chips{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.apply-leave2__calendar-chip{display:flex;align-items:center;gap:2px;padding:2px 4px;border-radius:3px;font-size:9px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.apply-leave2__calendar-chip--more{background:#6b7280!important}.apply-leave2__calendar-chip-text{font-size:8px;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apply-leave2__calendar-selected-summary{margin-top:1.143rem;padding:1.143rem;background:#8860d00d;border-radius:12px;border:1px solid rgba(136,96,208,.1)}.apply-leave2__calendar-selected-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.571rem;gap:.857rem}.apply-leave2__calendar-selected-label{font-size:1rem;font-weight:600;color:#313131}.apply-leave2__calendar-clear-all-btn{display:flex;align-items:center;gap:.286rem;padding:.286rem .857rem;background:#cd53531a;border:1px solid rgba(205,83,83,.3);border-radius:8px;color:#cd5353;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease}.apply-leave2__calendar-clear-all-btn:hover{background:#cd535326;border-color:#cd535366;transform:translateY(-1px)}.apply-leave2__calendar-clear-all-btn:active{transform:translateY(0)}.apply-leave2__calendar-clear-all-btn svg{flex-shrink:0}.apply-leave2__calendar-selected-dates{display:flex;flex-wrap:wrap;gap:.571rem}.apply-leave2__calendar-selected-date{display:inline-block;padding:.286rem .857rem;background:#8860d0;color:#fff;border-radius:8px;font-size:.857rem;font-weight:600}.apply-leave2__validation-messages{margin-bottom:1.143rem;display:flex;flex-direction:column;gap:.571rem}.apply-leave2__validation-message{display:flex;align-items:flex-start;gap:.571rem;padding:.857rem;border-radius:12px;border:1px solid}.apply-leave2__validation-message--info{background-color:#f0f7ff;border-color:#b3d9ff;color:#1976d2}.apply-leave2__validation-message--error,.apply-leave2__validation-message--warning{background-color:#fff3cd;border-color:#ffc107;color:#856404}.apply-leave2__validation-message-title{margin:0 0 .286rem;font-size:.875rem;font-weight:600}.apply-leave2__validation-message-text{margin:0;font-size:.8125rem;line-height:1.5}.apply-leave2__calendar-legend{margin-top:1.143rem;padding:1.143rem;background:#8860d005;border-radius:12px;border:1px solid #e6e6e7}.apply-leave2__calendar-legend-title{font-size:1rem;font-weight:600;color:#313131;margin-bottom:.857rem}.apply-leave2__calendar-legend-items{display:flex;flex-wrap:wrap;gap:1.143rem}.apply-leave2__calendar-legend-item{display:flex;align-items:center;gap:.571rem;font-size:.857rem;color:#313131}.apply-leave2__calendar-legend-marker{width:16px;height:16px;border-radius:4px;flex-shrink:0}.notification-alert-card{display:flex;gap:16px;padding:16px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);transition:all .2s ease;overflow-y:visible;min-width:400px;height:max-content;cursor:pointer}.notification-alert-card--unread{background:linear-gradient(to right,#8860d01f,#8860d008);box-shadow:inset 1px 0 #8860d0b8,inset -1px 0 #8860d0b8,inset 0 1px #8860d0b8,inset 0 -1px #8860d0b8}.notification-alert-card--unread+.notification-alert-card--unread{box-shadow:inset 1px 0 #8860d0b8,inset -1px 0 #8860d0b8,inset 0 -1px #8860d0b8;margin-top:-1px}.notification-alert-card__left{flex-shrink:0;z-index:10}.notification-alert-card__image-wrapper,.notification-alert-card__icon-wrapper{width:48px;height:48px;border-radius:12px;overflow:visible;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;position:relative;z-index:10}.notification-alert-card__icon-wrapper{background:linear-gradient(135deg,#8860d0,#6b3ac3);color:#fff;box-shadow:0 4px 12px #8860d04d}.notification-alert-card__image{width:100%;height:100%;object-fit:contain;z-index:10;border-radius:100%}.notification-alert-card__image-icon-wrapper{position:absolute;bottom:-5px;right:-5px;background-color:#8860d0e6;padding:1px;border-radius:50%;height:23px;width:23px;z-index:20;color:#fff;object-fit:contain;display:flex;align-items:center;justify-content:center}.notification-alert-card__image-icon{padding:2px;height:15px;width:15px;z-index:20;color:#fff;object-fit:contain}.notification-alert-card__icon{width:24px;height:24px}.notification-alert-card__content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;align-self:stretch}.notification-alert-card__arrow{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-block:auto}.notification-alert-card__header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.notification-alert-card__type{font-size:10px;font-weight:800;color:#0009;text-transform:capitalize;letter-spacing:.3px}.notification-alert-card__time{font-size:10px;color:#00000073;margin-left:auto;white-space:nowrap;font-weight:500}.notification-alert-card__unread-badge{width:8px;height:8px;border-radius:50%;background:#8860d0;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.notification-alert-card__body{font-size:13px;line-height:1.35;color:#000000de;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;margin-top:-7px}@media all and (max-width: 768px){.notification-alert-card__body{font-size:.857rem}}.notification-alert-card__action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;margin-top:4px;background:transparent;border:1.5px solid #8860d0;border-radius:4px;color:#8860d0;font-family:QuickSand,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;width:fit-content}.notification-alert-card__action-btn:hover{background:#8860d0;color:#fff;transform:translate(2px);box-shadow:0 2px 8px #8860d04d}.notification-alert-card__action-btn:active{transform:translate(2px) scale(.98)}.notification-alert-card__arrow{transition:transform .2s ease}.notification-alert-card__action-btn:hover .notification-alert-card__arrow{transform:translate(2px)}@media all and (max-width: 768px){.notification-alert-card{gap:12px;padding:12px;min-width:unset}.notification-alert-card__image-wrapper,.notification-alert-card__icon-wrapper{width:40px;height:40px;border-radius:10px}.notification-alert-card__icon{width:20px;height:20px}.notification-alert-card__action-btn{padding:6px 12px;font-size:12px}}.payroll-period{width:100%}.payroll-period__container{display:flex;flex-direction:column;gap:1.143rem}.payroll-period__header{display:flex;align-items:flex-end;gap:.857rem;width:100%}@media (max-width: 768px){.payroll-period__header{flex-direction:column;align-items:stretch}}.payroll-period__selection{flex:1;width:100%}.payroll-period__dropdown-wrapper{width:100%;max-width:500px}.payroll-period__dropdown-label{display:block;font-size:1rem;font-weight:500;color:#313131;margin-bottom:.571rem}.payroll-period__select-field .react-select__control{height:48px;border-radius:12px;border:2px solid #e6e6e7!important;background:#fff;transition:all .3s ease;cursor:pointer}.payroll-period__select-field .react-select__control:hover{border-color:#8860d0!important;box-shadow:0 2px 8px #8860d01a}.payroll-period__select-field .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 4px #8860d014!important}.payroll-period__select-field .react-select__control--is-disabled{background:#f3effc!important;opacity:.6;cursor:not-allowed}.payroll-period__select-field .react-select__menu{border-radius:12px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.286rem;z-index:1000}.payroll-period__select-field .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.payroll-period__select-field .react-select__option--is-focused{background:#f3effc!important}.payroll-period__select-field .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.payroll-period__select-field .react-select__option--is-disabled{opacity:.5;cursor:not-allowed}.payroll-period__dropdown-option{display:flex;justify-content:space-between;align-items:center;width:100%}.payroll-period__dropdown-option-name{font-weight:500;font-size:1rem}.payroll-period__dropdown-option-status{display:flex;align-items:center;gap:.286rem;font-size:.857rem;font-weight:500}.payroll-period__details{width:100%}.payroll-period__cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.857rem;margin-bottom:.857rem}@media (max-width: 968px){.payroll-period__cards-grid{grid-template-columns:1fr}}.payroll-period__detail-card{background:#fff;border-radius:16px;padding:1.429rem;border:1px solid #e6e6e7;box-shadow:0 2px 8px #0000000a}.payroll-period__card-header{margin-bottom:1.143rem}.payroll-period__card-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0 0 .286rem}.payroll-period__card-subtitle{font-size:.857rem;color:#8c9196;margin:0}.payroll-period__card-content{display:flex;flex-direction:column}.payroll-period__config-row{display:flex;align-items:center;gap:.857rem;padding:.571rem 0}.payroll-period__config-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#8c9196;font-size:1.143rem;flex-shrink:0}.payroll-period__config-content{flex:1;min-width:0}.payroll-period__config-label{font-size:.857rem;color:#8c9196;margin-bottom:.143rem}.payroll-period__config-value{font-size:1rem;font-weight:500;color:#313131}.payroll-period__config-value--highlight{color:#f59e0b;font-weight:600}.payroll-period__config-value--status{font-weight:600}.payroll-period__divider{height:1px;background:#e6e6e7;margin:.286rem 0}.payroll-period__lock-card{background:#fff;border-radius:16px;padding:1.429rem;border:1px solid #e6e6e7;box-shadow:0 2px 8px #0000000a}.payroll-period__lock-card-content{display:flex;align-items:center;justify-content:space-between;gap:1.143rem}@media (max-width: 768px){.payroll-period__lock-card-content{flex-direction:column;align-items:flex-start}}.payroll-period__lock-card-text{flex:1}.payroll-period__lock-card-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0 0 .286rem}.payroll-period__lock-card-description{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.payroll-period__lock-card-action{flex-shrink:0}.payroll-period__lock-btn{height:40px;padding:0 1.429rem;font-weight:600;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;border:1px solid #e6e6e7;color:#313131}.payroll-period__lock-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0;color:#8860d0}.payroll-period__lock-btn:disabled{opacity:.6;cursor:not-allowed}.payroll-period__warning-card{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:1.429rem;box-shadow:0 2px 8px #f59e0b1a}.payroll-period__warning-content{display:flex;align-items:flex-start;gap:.857rem}.payroll-period__warning-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f59e0b33;color:#f59e0b;font-size:1.286rem;flex-shrink:0}.payroll-period__warning-text{flex:1}.payroll-period__warning-title{font-size:1.286rem;font-weight:700;color:#f59e0b;margin:0 0 .286rem}.payroll-period__warning-description{font-size:1rem;color:#313131;margin:0;line-height:1.6}.payroll-period__generate-btn{display:flex;align-items:center;gap:.571rem;height:48px;padding:0 1.143rem;font-weight:600;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#8860d0;border:none;color:#fff;cursor:pointer;white-space:nowrap}.payroll-period__generate-btn:hover:not(:disabled){background:#794cca;box-shadow:0 4px 12px #8860d04d;transform:translateY(-1px)}.payroll-period__generate-btn:active:not(:disabled){transform:translateY(0)}.payroll-period__generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payroll-period__generate-btn svg{flex-shrink:0}.payroll-period__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.143rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payroll-period__modal{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.payroll-period__modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.429rem;border-bottom:1px solid #e6e6e7}.payroll-period__modal-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.payroll-period__modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#f3effc;color:#313131;font-size:1.286rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.payroll-period__modal-close:hover{background:#e6e6e7;transform:rotate(90deg)}.payroll-period__modal-content{padding:1.429rem;flex:1;overflow-y:auto}.payroll-period__modal-field{margin-bottom:1.143rem}.payroll-period__modal-label{display:block;font-size:1rem;font-weight:500;color:#313131;margin-bottom:.571rem}.payroll-period__modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.857rem;padding:1.429rem;border-top:1px solid #e6e6e7}.payroll-period__modal-btn{height:44px;padding:0 1.429rem;font-weight:600;border-radius:12px;font-size:1rem;transition:all .3s ease;cursor:pointer;border:none}.payroll-period__modal-btn--cancel{background:#fff;border:1px solid #e6e6e7;color:#313131}.payroll-period__modal-btn--cancel:hover:not(:disabled){background:#f3effc;border-color:#8860d0;color:#8860d0}.payroll-period__modal-btn--generate{background:#8860d0;color:#fff}.payroll-period__modal-btn--generate:hover:not(:disabled){background:#794cca;box-shadow:0 4px 12px #8860d04d}.payroll-period__modal-btn:disabled{opacity:.6;cursor:not-allowed}.payroll-period__loading{display:flex;align-items:center;justify-content:center;padding:2.286rem;color:#8c9196;font-size:1.143rem}.payroll-period__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.857rem;text-align:center;background:#fff;border-radius:16px;border:1px solid #e6e6e7}.payroll-period__empty svg{color:#8c9196;margin-bottom:.857rem}.payroll-period__empty h3{font-size:1.286rem;font-weight:600;color:#313131;margin:0 0 .571rem}.payroll-period__empty p{font-size:1rem;color:#8c9196;margin:0 0 1.143rem}.leave-settlements{width:100%}.leave-settlements__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.857rem;gap:.857rem}@media (max-width: 768px){.leave-settlements__header{flex-direction:column}}.leave-settlements__header-content{flex:1}.leave-settlements__subtitle{font-size:.857rem;color:#8c9196;margin:0}.leave-settlements__header-actions{display:flex;gap:.286rem;flex-shrink:0}.leave-settlements__approve-all-btn{height:28px;padding:0 .857rem;font-weight:500;border-radius:8px;font-size:.714rem;border:1px solid #e6e6e7;color:#313131;background:#fff}.leave-settlements__approve-all-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0;color:#8860d0}.leave-settlements__alert{width:fit-content;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:8px;padding:.571rem .857rem;margin-bottom:.857rem;color:#f59e0b;font-size:.857rem;font-weight:500}.leave-settlements__table-container{background:#fff;border-radius:8px;border:1px solid #e6e6e7;overflow:hidden;box-shadow:0 2px 8px #0000000a}.leave-settlements__employee-cell{display:flex;align-items:center;gap:.571rem;padding:.286rem 0}.leave-settlements__avatar{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.857rem;font-weight:600;flex-shrink:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#8860d0,#9c80ce)}.leave-settlements__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.leave-settlements__avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:.857rem;font-weight:600;z-index:0}.leave-settlements__employee-info{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start}.leave-settlements__employee-name{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.leave-settlements__employee-name-wrapper{display:flex;align-items:center;gap:.571rem;max-width:100%}.leave-settlements__contract-badge{cursor:help;color:#8860d0;display:inline-flex;align-items:center;justify-content:center;font-size:14px;opacity:.8;transition:all .2s ease}.leave-settlements__contract-badge:hover{opacity:1;transform:scale(1.1)}.leave-settlements__row--partial{position:relative}.leave-settlements__row--partial td{background:#feefda!important}.leave-settlements__row--partial:hover td{background:#fffaf4!important}.leave-settlements__row--partial .leave-settlements__static-leave{border:1px dashed rgba(136,96,208,.45)!important}.leave-settlements__employee-designation{font-size:.714rem;color:#8c9196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.leave-settlements__leave-cell{font-size:.857rem;font-weight:500;color:#313131;padding:.286rem 0}.leave-settlements__applicable-leave-cell{padding:.286rem 0}.leave-settlements__static-leave{display:inline-flex;align-items:center;justify-content:space-between;gap:.571rem;font-size:.857rem;font-weight:500;color:#313131;padding:.857rem;border:1.5px dashed #e6e6e7;border-radius:8px;background:#8860d005;cursor:pointer;transition:all .2s ease;min-width:100px;position:relative}.leave-settlements__static-leave:hover{border-color:#8860d0;background:#8860d00d;border-style:solid;transform:translateY(-1px);box-shadow:0 2px 8px #8860d01a}.leave-settlements__static-leave:active{transform:translateY(0);box-shadow:0 1px 4px #8860d026}.leave-settlements__static-leave:focus{outline:none;border-color:#8860d0;border-style:solid;box-shadow:0 0 0 3px #8860d01a}.leave-settlements__static-leave-value{flex:1;text-align:center}.leave-settlements__edit-icon{width:14px;height:14px;color:#8860d0;opacity:.6;transition:all .2s ease;flex-shrink:0}.leave-settlements__static-leave:hover .leave-settlements__edit-icon{opacity:1;transform:scale(1.1)}.leave-settlements__static-leave--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.leave-settlements__static-leave--disabled:hover{border-color:#e6e6e7;background:#8860d005;transform:none;box-shadow:none}.leave-settlements__edit-trigger{background:none;border:none;color:#8860d0;font-size:.857rem;cursor:pointer;padding:.143rem .571rem;border-radius:8px;transition:all .2s ease}.leave-settlements__edit-trigger:hover{background:#8860d01a}.leave-settlements__edit-controls{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.571rem}.leave-settlements__number-input-wrapper{display:flex;align-items:center;border:1px solid #e6e6e7;border-radius:8px;overflow:hidden;background:#fff}.leave-settlements__number-btn{display:flex;align-items:center;justify-content:center;width:24px;height:26px;border:none;background:#f3effc;color:#313131;cursor:pointer;transition:all .2s ease;flex-shrink:0}.leave-settlements__number-btn:hover:not(:disabled){background:#8860d0;color:#fff}.leave-settlements__number-btn:disabled{opacity:.5;cursor:not-allowed}.leave-settlements__number-btn svg{width:14px;height:14px}.leave-settlements__number-input{width:50px;border:none!important;text-align:center;padding:0 .286rem!important;height:26px!important;font-size:.857rem!important;font-weight:500!important}.leave-settlements__number-input:focus{outline:none;box-shadow:none}.leave-settlements__edit-actions{display:flex;align-items:center;gap:.286rem}.leave-settlements__edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.leave-settlements__edit-btn svg{width:14px;height:14px}.leave-settlements__edit-btn--save{background:#22c55e;color:#fff}.leave-settlements__edit-btn--save:hover{background:#16a34a}.leave-settlements__edit-btn--cancel{background:#ef4444;color:#fff}.leave-settlements__edit-btn--cancel:hover{background:#dc2626}.leave-settlements__status-cell{display:flex;align-items:center;padding:.286rem 0}.leave-settlements__value{font-size:.857rem;font-weight:600;white-space:nowrap}.leave-settlements__value--allowance{font-size:.857rem;font-weight:600;white-space:nowrap;color:#16a34a}.leave-settlements__value--deduction{font-size:.857rem;font-weight:600;white-space:nowrap;color:#dc2626}.leave-settlements__status-badge{display:inline-flex;align-items:center;padding:2px .571rem;border-radius:50px;font-size:.714rem;font-weight:600;white-space:nowrap}.leave-settlements__actions-cell{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.286rem;padding:.286rem 0}.leave-settlements__icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #e6e6e7;border-radius:8px;background:#fff;color:#313131;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.leave-settlements__icon-btn svg{width:14px;height:14px}.leave-settlements__icon-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0;color:#8860d0;transform:translateY(-1px);box-shadow:0 2px 4px #8860d033}.leave-settlements__icon-btn--primary{background:#8860d0;color:#fff;border-color:#8860d0}.leave-settlements__icon-btn--primary:hover:not(:disabled){background:#6b3ac3;border-color:#6b3ac3;color:#fff}.leave-settlements__icon-btn--active{background:#8860d01a;color:#8860d0;border-color:#8860d0}.leave-settlements__icon-btn:disabled{opacity:.5;cursor:not-allowed;background:#f3effc;border-color:#e6e6e7;color:#8c9196}.leave-settlements__icon-btn:disabled:hover{transform:none;box-shadow:none}.leave-settlements__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.429rem 1.714rem;gap:1.143rem;background:#fff;border-radius:12px;border:1px solid #e6e6e7;box-shadow:0 2px 8px #0000000a;min-height:400px}@media (max-width: 768px){.leave-settlements__empty{padding:2.286rem 1.143rem;min-height:350px}}.leave-settlements__empty-icon{font-size:80px;color:#22c55e;opacity:.8;animation:float 3s ease-in-out infinite;margin-bottom:.571rem}@media (max-width: 768px){.leave-settlements__empty-icon{font-size:64px}}.leave-settlements__empty-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0;text-align:center}@media (max-width: 768px){.leave-settlements__empty-title{font-size:1.286rem}}.leave-settlements__empty-message{font-size:1rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}@media (max-width: 768px){.leave-settlements__empty-message{font-size:.857rem;max-width:100%}}.leave-settlements__empty-action-btn{margin-top:.571rem;height:48px;padding:0 1.714rem;font-weight:600;font-size:1rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.leave-settlements__empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}@media (max-width: 768px){.leave-settlements__empty-action-btn{height:44px;padding:0 1.143rem;font-size:.857rem}}.leave-settlements__loader{display:inline-block;vertical-align:middle;width:14px;height:14px}.leave-settlements .table-container{border:none;box-shadow:none;overflow:auto}.leave-settlements .table-header{background:#f3effc;border-bottom:1px solid #e6e6e7}.leave-settlements .table-row{border-bottom:1px solid #e6e6e7;transition:background-color .2s ease}.leave-settlements .table-row:hover{background:#8860d005}.leave-settlements .table-row:last-child{border-bottom:none}.leave-settlements .data-table{border-collapse:collapse}.leave-settlements .data-table tr th{padding:.571rem .857rem!important;font-size:.857rem!important}.leave-settlements .data-table tr td{padding:.571rem .857rem!important}.break-exhr-settlement{width:100%}.break-exhr-settlement__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.857rem;gap:.857rem}@media (max-width: 768px){.break-exhr-settlement__header{flex-direction:column}}.break-exhr-settlement__header-content{flex:1}.break-exhr-settlement__subtitle{font-size:.857rem;color:#8c9196;margin:0}.break-exhr-settlement__header-actions{display:flex;gap:.286rem;flex-shrink:0}.break-exhr-settlement__approve-all-btn{height:28px;padding:0 .857rem;font-weight:500;border-radius:8px;font-size:.714rem;border:1px solid #e6e6e7;color:#313131;background:#fff}.break-exhr-settlement__approve-all-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0;color:#8860d0}.break-exhr-settlement__alert{width:fit-content;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:8px;padding:.571rem .857rem;margin-bottom:.857rem;color:#f59e0b;font-size:.857rem;font-weight:500}.break-exhr-settlement__table-container{background:#fff;border-radius:8px;border:1px solid #e6e6e7;overflow:auto;box-shadow:0 2px 8px #0000000a}.break-exhr-settlement__employee-cell{display:flex;align-items:center;gap:.571rem;padding:.286rem 0}.break-exhr-settlement__avatar{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.857rem;font-weight:600;flex-shrink:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#8860d0,#9c80ce)}.break-exhr-settlement__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.break-exhr-settlement__avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:.857rem;font-weight:600;z-index:0}.break-exhr-settlement__employee-info{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start}.break-exhr-settlement__employee-name-wrapper{display:flex;align-items:center;gap:.571rem}.break-exhr-settlement__contract-badge{display:flex;align-items:center;justify-content:center;cursor:help}.break-exhr-settlement__employee-name{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.break-exhr-settlement__employee-designation{font-size:.714rem;color:#8c9196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.break-exhr-settlement__hours-cell{font-size:.857rem;font-weight:500;color:#313131;padding:.286rem 0}.break-exhr-settlement__applicable-cell{padding:.286rem 0}.break-exhr-settlement__static-value{display:inline-flex;align-items:center;justify-content:space-between;gap:.571rem;font-size:.857rem;font-weight:500;color:#313131;padding:.857rem;border:1.5px dashed #e6e6e7;border-radius:8px;background:#8860d005;cursor:pointer;transition:all .2s ease;min-width:100px;position:relative}.break-exhr-settlement__static-value:hover{border-color:#8860d0;background:#8860d00d;border-style:solid;transform:translateY(-1px);box-shadow:0 2px 8px #8860d01a}.break-exhr-settlement__static-value:active{transform:translateY(0);box-shadow:0 1px 4px #8860d026}.break-exhr-settlement__static-value:focus{outline:none;border-color:#8860d0;border-style:solid;box-shadow:0 0 0 3px #8860d01a}.break-exhr-settlement__static-value--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.break-exhr-settlement__static-value--disabled:hover{border-color:#e6e6e7;background:#8860d005;transform:none;box-shadow:none}.break-exhr-settlement__static-value-text{flex:1;text-align:center}.break-exhr-settlement__edit-icon{width:14px;height:14px;color:#8860d0;opacity:.6;transition:all .2s ease;flex-shrink:0}.break-exhr-settlement__static-value:hover .break-exhr-settlement__edit-icon{opacity:1;transform:scale(1.1)}.break-exhr-settlement__edit-controls{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.571rem}.break-exhr-settlement__number-input-wrapper{display:flex;align-items:center;border:1px solid #e6e6e7;border-radius:8px;overflow:hidden;background:#fff}.break-exhr-settlement__number-btn{display:flex;align-items:center;justify-content:center;width:24px;height:26px;border:none;background:#f3effc;color:#313131;cursor:pointer;transition:all .2s ease;flex-shrink:0}.break-exhr-settlement__number-btn:hover:not(:disabled){background:#8860d0;color:#fff}.break-exhr-settlement__number-btn:disabled{opacity:.5;cursor:not-allowed}.break-exhr-settlement__number-btn svg{width:14px;height:14px}.break-exhr-settlement__number-input{width:50px;border:none!important;text-align:center;padding:0 .286rem!important;height:26px!important;font-size:.857rem!important;font-weight:500!important}.break-exhr-settlement__number-input:focus{outline:none;box-shadow:none}.break-exhr-settlement__rate-cell{padding:.286rem 0;font-size:.857rem;font-weight:500;color:#313131}.break-exhr-settlement__rate-input{width:80px;border:none!important;text-align:center;padding:0 .286rem!important;height:26px!important;font-size:.857rem!important;font-weight:500!important}.break-exhr-settlement__rate-input:focus{outline:none;box-shadow:none}.break-exhr-settlement__edit-actions{display:flex;align-items:center;gap:.286rem}.break-exhr-settlement__edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.break-exhr-settlement__edit-btn svg{width:14px;height:14px}.break-exhr-settlement__edit-btn--save{background:#22c55e;color:#fff}.break-exhr-settlement__edit-btn--save:hover{background:#16a34a}.break-exhr-settlement__edit-btn--cancel{background:#ef4444;color:#fff}.break-exhr-settlement__edit-btn--cancel:hover{background:#dc2626}.break-exhr-settlement__net-amount{font-size:.857rem;font-weight:600;padding:.286rem 0}.break-exhr-settlement__net-amount--positive{color:#16a34a}.break-exhr-settlement__net-amount--negative{color:#ef4444}.break-exhr-settlement__status-cell{display:flex;align-items:center;padding:.286rem 0}.break-exhr-settlement__status-badge{display:inline-flex;align-items:center;padding:2px .571rem;border-radius:50px;font-size:.714rem;font-weight:600;white-space:nowrap}.break-exhr-settlement__actions-cell{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.286rem;padding:.286rem 0}.break-exhr-settlement__icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #e6e6e7;border-radius:8px;background:#fff;color:#313131;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.break-exhr-settlement__icon-btn svg{width:14px;height:14px}.break-exhr-settlement__icon-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0;color:#8860d0;transform:translateY(-1px);box-shadow:0 2px 4px #8860d033}.break-exhr-settlement__icon-btn--primary{background:#8860d0;color:#fff;border-color:#8860d0}.break-exhr-settlement__icon-btn--primary:hover:not(:disabled){background:#6b3ac3;border-color:#6b3ac3;color:#fff}.break-exhr-settlement__icon-btn--active{background:#8860d01a;color:#8860d0;border-color:#8860d0}.break-exhr-settlement__icon-btn:disabled{opacity:.5;cursor:not-allowed;background:#f3effc;border-color:#e6e6e7;color:#8c9196}.break-exhr-settlement__icon-btn:disabled:hover{transform:none;box-shadow:none}.break-exhr-settlement__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.429rem 1.714rem;gap:1.143rem;background:#fff;border-radius:12px;border:1px solid #e6e6e7;box-shadow:0 2px 8px #0000000a;min-height:400px}@media (max-width: 768px){.break-exhr-settlement__empty{padding:2.286rem 1.143rem;min-height:350px}}.break-exhr-settlement__empty-icon{font-size:80px;color:#22c55e;opacity:.8;animation:float 3s ease-in-out infinite;margin-bottom:.571rem}@media (max-width: 768px){.break-exhr-settlement__empty-icon{font-size:64px}}.break-exhr-settlement__empty-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0;text-align:center}@media (max-width: 768px){.break-exhr-settlement__empty-title{font-size:1.286rem}}.break-exhr-settlement__empty-message{font-size:1rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}@media (max-width: 768px){.break-exhr-settlement__empty-message{font-size:.857rem;max-width:100%}}.break-exhr-settlement__empty-action-btn{margin-top:.571rem;height:48px;padding:0 1.714rem;font-weight:600;font-size:1rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.break-exhr-settlement__empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}@media (max-width: 768px){.break-exhr-settlement__empty-action-btn{height:44px;padding:0 1.143rem;font-size:.857rem}}.break-exhr-settlement__loader{display:inline-block;vertical-align:middle;width:14px;height:14px}.break-exhr-settlement .table-container{border:none;box-shadow:none}.break-exhr-settlement .table-header{background:#f3effc;border-bottom:1px solid #e6e6e7}.break-exhr-settlement .table-row{border-bottom:1px solid #e6e6e7;transition:background-color .2s ease}.break-exhr-settlement .table-row:hover{background:#8860d005}.break-exhr-settlement .table-row:last-child{border-bottom:none}.break-exhr-settlement .data-table tr th{padding:.571rem .857rem!important;font-size:.857rem!important}.break-exhr-settlement .data-table tr td{padding:.571rem!important}.break-exhr-settlement__row--partial td{background:#feefda!important}.break-exhr-settlement__row--partial:hover td{background:#fffaf4!important}.break-exhr-settlement__row--partial .break-exhr-settlement__static-value{border:1px dashed rgba(136,96,208,.45)!important}.arrear-settlement{width:100%}.arrear-settlement__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.857rem;gap:.857rem}@media (max-width: 768px){.arrear-settlement__header{flex-direction:column}}.arrear-settlement__header-content{flex:1}.arrear-settlement__subtitle{font-size:.857rem;color:#8c9196;margin:0}.arrear-settlement__header-actions{display:flex;gap:.286rem;flex-shrink:0}.arrear-settlement__approve-all-btn{height:28px;padding:0 .857rem;font-weight:500;border-radius:8px;font-size:.714rem;border:1px solid #e6e6e7;color:#313131;background:#fff}.arrear-settlement__approve-all-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0;color:#8860d0}.arrear-settlement__alert{width:fit-content;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:8px;padding:.571rem .857rem;margin-bottom:.857rem;color:#f59e0b;font-size:.857rem;font-weight:500}.arrear-settlement__table-container{background:#fff;border-radius:8px;border:1px solid #e6e6e7;overflow:hidden;box-shadow:0 2px 8px #0000000a}.arrear-settlement__employee-cell{display:flex;align-items:center;gap:.571rem;padding:.286rem 0}.arrear-settlement__avatar{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.857rem;font-weight:600;flex-shrink:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#8860d0,#9c80ce)}.arrear-settlement__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.arrear-settlement__avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:.857rem;font-weight:600;z-index:0}.arrear-settlement__employee-info{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start}.arrear-settlement__employee-name{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.arrear-settlement__employee-name-wrapper{display:flex;align-items:center;gap:.571rem;max-width:100%}.arrear-settlement__contract-badge{cursor:help;color:#8860d0;display:inline-flex;align-items:center;justify-content:center;font-size:14px;opacity:.8;transition:all .2s ease}.arrear-settlement__contract-badge:hover{opacity:1;transform:scale(1.1)}.arrear-settlement__row--partial{position:relative}.arrear-settlement__row--partial td{background:#feefda!important}.arrear-settlement__row--partial:hover td{background:#fffaf4!important}.arrear-settlement__row--partial .arrear-settlement__static-value{border:1px dashed rgba(136,96,208,.45)!important}.arrear-settlement__employee-designation{font-size:.714rem;color:#8c9196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.arrear-settlement__days-cell,.arrear-settlement__hours-cell{font-size:.857rem;font-weight:500;color:#313131;padding:.286rem 0}.arrear-settlement__applicable-cell{padding:.286rem 0}.arrear-settlement__static-value{display:inline-flex;align-items:center;justify-content:space-between;gap:.571rem;font-size:.857rem;font-weight:500;color:#313131;padding:.857rem;border:1.5px dashed #e6e6e7;border-radius:8px;background:#8860d005;cursor:pointer;transition:all .2s ease;min-width:100px;position:relative}.arrear-settlement__static-value:hover{border-color:#8860d0;background:#8860d00d;border-style:solid;transform:translateY(-1px);box-shadow:0 2px 8px #8860d01a}.arrear-settlement__static-value:active{transform:translateY(0);box-shadow:0 1px 4px #8860d026}.arrear-settlement__static-value:focus{outline:none;border-color:#8860d0;border-style:solid;box-shadow:0 0 0 3px #8860d01a}.arrear-settlement__static-value-text{flex:1;text-align:center}.arrear-settlement__edit-icon{width:14px;height:14px;color:#8860d0;opacity:.6;transition:all .2s ease;flex-shrink:0}.arrear-settlement__static-value:hover .arrear-settlement__edit-icon{opacity:1;transform:scale(1.1)}.arrear-settlement__static-value--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.arrear-settlement__static-value--disabled:hover{border-color:#e6e6e7;background:#8860d005;transform:none;box-shadow:none}.arrear-settlement__edit-trigger{background:none;border:none;color:#8860d0;font-size:.857rem;cursor:pointer;padding:.143rem .571rem;border-radius:8px;transition:all .2s ease}.arrear-settlement__edit-trigger:hover{background:#8860d01a}.arrear-settlement__edit-controls{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.571rem}.arrear-settlement__number-input-wrapper{display:flex;align-items:center;border:1px solid #e6e6e7;border-radius:8px;overflow:hidden;background:#fff}.arrear-settlement__number-btn{display:flex;align-items:center;justify-content:center;width:24px;height:26px;border:none;background:#f3effc;color:#313131;cursor:pointer;transition:all .2s ease;flex-shrink:0}.arrear-settlement__number-btn:hover:not(:disabled){background:#8860d0;color:#fff}.arrear-settlement__number-btn:disabled{opacity:.5;cursor:not-allowed}.arrear-settlement__number-btn svg{width:14px;height:14px}.arrear-settlement__number-input{width:50px;border:none!important;text-align:center;padding:0 .286rem!important;height:26px!important;font-size:.857rem!important;font-weight:500!important}.arrear-settlement__number-input:focus{outline:none;box-shadow:none}.arrear-settlement__rate-input{width:80px;border:none!important;text-align:center;padding:0 .286rem!important;height:26px!important;font-size:.857rem!important;font-weight:500!important}.arrear-settlement__rate-input:focus{outline:none;box-shadow:none}.arrear-settlement__edit-actions{display:flex;align-items:center;gap:.286rem}.arrear-settlement__edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.arrear-settlement__edit-btn svg{width:14px;height:14px}.arrear-settlement__edit-btn--save{background:#22c55e;color:#fff}.arrear-settlement__edit-btn--save:hover{background:#16a34a}.arrear-settlement__edit-btn--cancel{background:#ef4444;color:#fff}.arrear-settlement__edit-btn--cancel:hover{background:#dc2626}.arrear-settlement__rate-cell{display:flex;align-items:center;padding:.286rem 0}.arrear-settlement__amount{font-size:.857rem;font-weight:600;white-space:nowrap}.arrear-settlement__amount--deduction{color:#dc2626}.arrear-settlement__amount--allowance{color:#16a34a}.arrear-settlement__status-cell{display:flex;align-items:center;padding:.286rem 0}.arrear-settlement__status-badge{display:inline-flex;align-items:center;padding:2px .571rem;border-radius:50px;font-size:.714rem;font-weight:600;white-space:nowrap}.arrear-settlement__actions-cell{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.286rem;padding:.286rem 0}.arrear-settlement__icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #e6e6e7;border-radius:8px;background:#fff;color:#313131;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.arrear-settlement__icon-btn svg{width:14px;height:14px}.arrear-settlement__icon-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0;color:#8860d0;transform:translateY(-1px);box-shadow:0 2px 4px #8860d033}.arrear-settlement__icon-btn--primary{background:#8860d0;color:#fff;border-color:#8860d0}.arrear-settlement__icon-btn--primary:hover:not(:disabled){background:#6b3ac3;border-color:#6b3ac3;color:#fff}.arrear-settlement__icon-btn--active{background:#8860d01a;color:#8860d0;border-color:#8860d0}.arrear-settlement__icon-btn:disabled{opacity:.5;cursor:not-allowed;background:#f3effc;border-color:#e6e6e7;color:#8c9196}.arrear-settlement__icon-btn:disabled:hover{transform:none;box-shadow:none}.arrear-settlement__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.429rem 1.714rem;gap:1.143rem;background:#fff;border-radius:12px;border:1px solid #e6e6e7;box-shadow:0 2px 8px #0000000a;min-height:400px}@media (max-width: 768px){.arrear-settlement__empty{padding:2.286rem 1.143rem;min-height:350px}}.arrear-settlement__empty-icon{font-size:80px;color:#22c55e;opacity:.8;animation:float 3s ease-in-out infinite;margin-bottom:.571rem}@media (max-width: 768px){.arrear-settlement__empty-icon{font-size:64px}}.arrear-settlement__empty-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0;text-align:center}@media (max-width: 768px){.arrear-settlement__empty-title{font-size:1.286rem}}.arrear-settlement__empty-message{font-size:1rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}@media (max-width: 768px){.arrear-settlement__empty-message{font-size:.857rem;max-width:100%}}.arrear-settlement__empty-action-btn{margin-top:.571rem;height:48px;padding:0 1.714rem;font-weight:600;font-size:1rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.arrear-settlement__empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}@media (max-width: 768px){.arrear-settlement__empty-action-btn{height:44px;padding:0 1.143rem;font-size:.857rem}}.arrear-settlement__loader{display:inline-block;vertical-align:middle;width:14px;height:14px}.arrear-settlement .table-container{border:none;box-shadow:none;overflow:auto}.arrear-settlement .table-header{background:#f3effc;border-bottom:1px solid #e6e6e7}.arrear-settlement .table-row{border-bottom:1px solid #e6e6e7;transition:background-color .2s ease}.arrear-settlement .table-row:hover{background:#8860d005}.arrear-settlement .table-row:last-child{border-bottom:none}.arrear-settlement .data-table{border-collapse:collapse}.arrear-settlement .data-table tr th{padding:.571rem .857rem!important;font-size:.857rem!important}.arrear-settlement .data-table tr td{padding:.571rem .857rem!important}.salary-benefits{width:100%;overflow-anchor:none}.salary-benefits__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.857rem;gap:.857rem;z-index:105;position:relative}@media (max-width: 768px){.salary-benefits__header{flex-direction:column}}.salary-benefits__header-content{flex:1}.salary-benefits__header-actions{display:flex;gap:.571rem;flex-shrink:0;align-items:center}.salary-benefits__add-column-select{min-width:200px;font-size:.714rem}.salary-benefits__add-column-select .react-select__control{min-height:36px}.salary-benefits__add-column-select .react-select__menu,.salary-benefits__add-column-select .react-select__option{background:#fff;color:#000}.salary-benefits__add-column-select .react-select__option:hover{background-color:#8860d0e6;color:#fff}.salary-benefits__add-column-select .react-select__option--is-focused{color:#fff;background-color:#8860d0e6}.salary-benefits__subtitle{font-size:.857rem;color:#8c9196;margin:0}.salary-benefits__table-header{display:flex;justify-content:flex-end;margin-bottom:.571rem}.salary-benefits__create-component-btn--table{height:32px!important;padding:.286rem .857rem!important;font-size:.857rem!important}.salary-benefits__table-container{background:#fff;border-radius:8px;border:1px solid #e6e6e7;box-shadow:0 2px 8px #0000000a;overflow-x:auto}.salary-benefits__table-container .table-cell--sticky:has(.salary-benefits__employee-cell--empty){z-index:0!important}.salary-benefits__employee-cell{display:flex;align-items:center;gap:.571rem;padding:.286rem 0}.salary-benefits__employee-cell--clickable{cursor:pointer;transition:all .2s ease}.salary-benefits__employee-cell--clickable:hover{opacity:.8}.salary-benefits__avatar{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.857rem;font-weight:600;flex-shrink:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#8860d0,#9c80ce)}.salary-benefits__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1;box-sizing:border-box;padding:0}.salary-benefits__avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:.857rem;font-weight:600;z-index:0}.salary-benefits__employee-info{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start}.salary-benefits__employee-name-wrapper{display:flex;align-items:center;gap:.571rem}.salary-benefits__contract-badge{display:flex;align-items:center;justify-content:center;cursor:help}.salary-benefits__employee-name{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.salary-benefits__employee-designation{font-size:.714rem;color:#8c9196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.salary-benefits__benefit-cell{padding:.286rem 0;min-width:150px}.salary-benefits__no-benefit{font-size:.857rem;color:#8c9196;text-align:center;padding:.286rem 0}.salary-benefits__no-benefit--clickable{display:flex;align-items:center;justify-content:center;gap:.286rem;cursor:pointer;padding:.571rem;border-radius:8px;border:1px dashed #e6e6e7;transition:all .2s ease;color:#8860d0}.salary-benefits__no-benefit--clickable:hover{background:#8860d00d;border-color:#8860d0}.salary-benefits__add-icon{width:14px;height:14px}.salary-benefits__benefit-content{display:flex;flex-direction:column;align-items:center;position:relative}.salary-benefits__applicable-label{position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%);font-size:8px;font-weight:500;color:#8c9196;white-space:nowrap;line-height:1;pointer-events:none}.salary-benefits__value{font-size:.857rem;font-weight:600;padding:.286rem .571rem;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center;min-width:80px;display:inline-flex;align-items:center;justify-content:center;gap:4px;position:relative}.salary-benefits__value:hover{background:#8860d00d}.salary-benefits__value--allowance{color:#22c55e}.salary-benefits__value--deduction{color:#ef4444}.salary-benefits__value--taxable{padding-right:.857rem}.salary-benefits__value-text{display:inline-block}.salary-benefits__taxable-indicator{display:inline-flex;align-items:center;justify-content:center;cursor:help}.salary-benefits__taxable-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 2px #f59e0b26,0 1px 2px #0000001a;display:block;position:relative}.salary-benefits__taxable-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#f59e0b33;animation:taxable-ripple 2s ease-in-out infinite}@keyframes taxable-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.salary-benefits__loader{display:inline-block;vertical-align:middle;width:14px;height:14px}.salary-benefits .salary-taxable-label{font-size:.714rem;color:#313131;cursor:pointer;-webkit-user-select:none;user-select:none}.salary-benefits__edit-controls{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.571rem}.salary-benefits__number-input-wrapper{display:flex;align-items:center;border:1px solid #e6e6e7;border-radius:8px;overflow:hidden;background:#fff}.salary-benefits__number-btn{display:flex;align-items:center;justify-content:center;width:24px;height:26px;border:none;background:#f3effc;color:#313131;cursor:pointer;transition:all .2s ease;flex-shrink:0}.salary-benefits__number-btn:hover:not(:disabled){background:#8860d0;color:#fff}.salary-benefits__number-btn:disabled{opacity:.5;cursor:not-allowed}.salary-benefits__number-btn svg{width:14px;height:14px}.salary-benefits__number-input{width:80px;border:none!important;text-align:center;padding:0 .286rem!important;height:26px!important;font-size:.857rem!important;font-weight:500!important}.salary-benefits__number-input:focus{outline:none;box-shadow:none}.salary-benefits__edit-actions{display:flex;align-items:center;gap:.286rem}.salary-benefits__edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.salary-benefits__edit-btn svg{width:14px;height:14px}.salary-benefits__edit-btn--save{background:#22c55e;color:#fff}.salary-benefits__edit-btn--save:hover{background:#16a34a}.salary-benefits__edit-btn--cancel{background:#ef4444;color:#fff}.salary-benefits__edit-btn--cancel:hover{background:#dc2626}.salary-benefits__header-cell{display:flex;align-items:center;justify-content:center;width:100%;min-width:150px;position:relative}.salary-benefits__header-cell:hover .salary-benefits__header-actions-inline{opacity:1;visibility:visible}.salary-benefits__header-content{display:flex;align-items:center;justify-content:flex-start;gap:.286rem;width:100%}.salary-benefits__header-name{flex:1;text-align:center;font-weight:600}.salary-benefits__header-actions-inline{display:flex;align-items:center;gap:.143rem;margin-left:.286rem;opacity:0;visibility:hidden;transition:all .2s ease}.salary-benefits__header-icon-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:#8c9196;cursor:pointer;border-radius:8px;transition:all .2s ease;padding:0;opacity:.6}.salary-benefits__header-icon-btn:hover{opacity:1;background:#8860d01a;color:#8860d0}.salary-benefits__header-icon-btn--delete:hover{background:#ef44441a;color:#ef4444}.salary-benefits__header-icon-btn svg{width:12px;height:12px}.salary-benefits__header-edit-controls{display:flex;align-items:center;gap:.286rem;width:100%}.salary-benefits__header-input{flex:1;padding:.286rem .571rem;border:1px solid #e6e6e7;border-radius:8px;font-size:.857rem;font-weight:600;text-align:center;min-width:0}.salary-benefits__header-input:focus{outline:none;border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a}.salary-benefits__header-actions{display:flex;align-items:center;gap:.143rem}.salary-benefits__header-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.salary-benefits__header-btn svg{width:12px;height:12px}.salary-benefits__header-btn--save{background:#22c55e;color:#fff}.salary-benefits__header-btn--save:hover{background:#16a34a}.salary-benefits__header-btn--cancel{background:#ef4444;color:#fff}.salary-benefits__header-btn--cancel:hover{background:#dc2626}.salary-benefits .data-table tr th{padding:.571rem .857rem!important;font-size:.857rem!important;white-space:nowrap}.salary-benefits .data-table tr th .salary-benefits__header-cell{width:100%}.salary-benefits .data-table tr td{padding:.571rem .857rem!important}.salary-benefits__row--partial td{background:#feefda!important}.salary-benefits__row--partial:hover td{background:#fffaf4!important}.salary-benefits__row--partial .salary-benefits__no-benefit--clickable{border:1px dashed rgba(136,96,208,.45)!important}.salary-benefits__modal-content{padding:.571rem 0}.salary-benefits__modal-header{margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:1px solid #e6e6e7}.salary-benefits__modal-employee-info{display:flex;align-items:center;gap:.857rem}.salary-benefits__modal-avatar{width:56px;height:56px;min-width:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:600;flex-shrink:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#8860d0,#9c80ce)}.salary-benefits__modal-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.salary-benefits__modal-avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:1rem;font-weight:600;z-index:0}.salary-benefits__modal-name{font-size:1.143rem;font-weight:600;color:#313131;margin:0 0 .286rem}.salary-benefits__modal-designation{font-size:.857rem;color:#8c9196;margin:0}.salary-benefits__modal-section-title{font-size:1rem;font-weight:600;color:#313131;margin:0 0 .857rem}.salary-benefits__modal-benefits{margin-top:1.143rem}.salary-benefits__modal-section{margin-bottom:1.429rem}.salary-benefits__modal-section:last-child{margin-bottom:0}.salary-benefits__modal-table-container{margin-top:.571rem;border:1px solid #e6e6e7;border-radius:8px;overflow:hidden}.salary-benefits__modal-value{font-size:.857rem;font-weight:600}.salary-benefits__modal-value--allowance{color:#22c55e}.salary-benefits__modal-value--deduction{color:#ef4444}.salary-benefits__modal-text{font-size:.857rem;color:#313131}.salary-benefits__modal-no-benefits{font-size:.857rem;color:#8c9196;font-style:italic;text-align:center;padding:1.143rem 0}.salary-benefits__create-component-form{padding:.571rem 0}.salary-benefits__form-row{margin-bottom:.857rem}.salary-benefits__form-row:last-of-type{margin-bottom:0}.salary-benefits__form-label{display:block;font-size:.857rem;font-weight:500;color:#313131;margin-bottom:.286rem}.salary-benefits__form-checkboxes{display:flex;flex-direction:column;gap:.571rem;margin-bottom:1.143rem}.salary-benefits__form-checkbox-item{display:flex;align-items:center;gap:.571rem}.salary-benefits__checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#8860d0}.salary-benefits__checkbox-label{font-size:.857rem;color:#313131;cursor:pointer;-webkit-user-select:none;user-select:none}.salary-benefits .required{color:#ef4444}.salary-benefits__form-actions{display:flex;justify-content:flex-end;gap:.571rem;margin-top:1.143rem;padding-top:.857rem;border-top:1px solid #e6e6e7}.salary-benefits__form-cancel-btn{min-width:100px}.salary-benefits__form-submit-btn{min-width:150px}.salary-preview{width:100%;overflow-anchor:none}.salary-preview__header{margin-bottom:.857rem}.salary-preview__header-content{flex:1}.salary-preview__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.salary-preview__table-container{background:#fff;border-radius:8px;border:1px solid #e6e6e7;overflow:hidden;box-shadow:0 2px 8px #0000000a;width:fit-content;max-width:100%}.salary-preview__table-container .table-container{width:100%}.salary-preview__table-container .data-table{width:100%;table-layout:auto}.salary-preview__table-container .data-table tr th{padding:12px 16px!important;font-size:.857rem!important;font-weight:600!important;white-space:nowrap;background:#f3effc}.salary-preview__table-container .data-table tr th:first-child{min-width:200px;max-width:250px}.salary-preview__table-container .data-table tr td{padding:12px 16px!important;vertical-align:middle}.salary-preview__table-container .salary-preview__row--partial td{background:#feefda!important}.salary-preview__table-container .salary-preview__row--partial:hover td{background:#fffaf4!important}.salary-preview__empty-state{background:#fff;border-radius:8px;border:1px solid #e6e6e7;padding:1.714rem 1.143rem;text-align:center;color:#8c9196;font-size:.857rem;line-height:1.6}.salary-preview__employee-cell{display:flex;align-items:center;gap:.571rem;padding:4px 0;min-width:200px;max-width:250px}.salary-preview__avatar{width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.857rem;font-weight:600;flex-shrink:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.salary-preview__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.salary-preview__avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:.857rem;font-weight:600;z-index:0}.salary-preview__employee-info{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start}.salary-preview__employee-name-wrapper{display:flex;align-items:center;gap:.571rem}.salary-preview__contract-badge{display:flex;align-items:center;justify-content:center;cursor:help}.salary-preview__employee-name{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.salary-preview__employee-designation{font-size:.714rem;color:#8c9196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.salary-preview__value{font-size:.857rem;font-weight:600;white-space:nowrap;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px}.salary-preview__value--allowance{color:#16a34a}.salary-preview__value--deduction{color:#dc2626}.salary-preview__value--gross{color:#8860d0;font-weight:700}.salary-preview__value--net{color:#16a34a;font-weight:700}.salary-preview__taxable-indicator{display:inline-flex;align-items:center;justify-content:center;cursor:help}.salary-preview__taxable-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 2px #f59e0b26,0 1px 2px #0000001a;display:block;position:relative}.salary-preview__taxable-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#f59e0b33;animation:taxable-ripple 2s ease-in-out infinite}.salary-preview__applicable-label{position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%);font-size:8px;font-weight:500;color:#8c9196;white-space:nowrap;line-height:1;pointer-events:none}.salary-preview__payslip-btn{height:32px!important;padding:.286rem .571rem!important;font-size:.857rem!important;white-space:nowrap}.salary-preview__payslip-content{padding:.571rem 0}.salary-preview__payslip-header{margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:1px solid #e6e6e7}.salary-preview__payslip-info{display:flex;align-items:center;gap:.857rem}.salary-preview__payslip-avatar{width:56px;height:56px;min-width:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:600;flex-shrink:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#8860d0,#9c80ce)}.salary-preview__payslip-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.salary-preview__payslip-avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:1rem;font-weight:600;z-index:0}.salary-preview__payslip-name{font-size:1.143rem;font-weight:600;color:#313131;margin:0 0 .286rem}.salary-preview__payslip-designation{font-size:.857rem;color:#8c9196;margin:0}.salary-preview__payslip-breakdown{margin-top:1.143rem}.salary-preview__payslip-section{margin-bottom:1.429rem}.salary-preview__payslip-section:last-of-type{margin-bottom:1.143rem}.salary-preview__payslip-section-title{font-size:1rem;font-weight:600;color:#313131;margin:0 0 .857rem}.salary-preview__payslip-table-container{margin-top:.571rem;border:1px solid #e6e6e7;border-radius:8px;overflow:hidden}.salary-preview__payslip-summary{margin-top:1.143rem;padding:1.143rem;background:#f3effc;border-radius:8px;border:1px solid #e6e6e7}.salary-preview__payslip-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.571rem 0;border-bottom:1px solid #e6e6e7}.salary-preview__payslip-summary-row:last-child{border-bottom:none}.salary-preview__payslip-summary-row--total{border-top:2px solid;margin-top:.571rem;padding-top:.857rem;border-bottom:none}.salary-preview__payslip-summary-label{font-size:.857rem;font-weight:500;color:#313131}.salary-preview__payslip-summary-value{font-size:1rem;font-weight:600}.salary-preview__payslip-summary-value--gross{color:#8860d0}.salary-preview__payslip-summary-value--deduction{color:#dc2626}.salary-preview__payslip-summary-value--net{color:#16a34a;font-weight:700;font-size:1.143rem}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-details .payslip-details-left,.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-details .payslip-details-right{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px;flex:1}.payslip-wrapper .payslip-container-wrapper .payslip-container .contracts-container .contract-entry{padding-top:10px;margin-bottom:1.143rem;padding-bottom:1.143rem}.payslip-wrapper .payslip-container-wrapper .payslip-container .contracts-container .contract-entry:not(:last-child){border-bottom:1px dotted #ccc}.payslip-wrapper .payslip-container-wrapper .payslip-container .contracts-container .contract-entry .contract-head{margin:10px 0 20px 20px;color:#444;font-size:15px;padding-left:10px}.payslip-wrapper .payslip-container-wrapper .payslip-container .contracts-container .contract-entry .contract-head .contract-dates{font-weight:400;font-size:13px;color:#888;margin-left:8px}.salary-preview__payslip-modal-content .salary-preview__payslip-header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;margin-bottom:1.143rem}.salary-preview__payslip-modal-content .salary-preview__payslip-header .salary-preview__payslip-actions{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:.571rem}.salary-preview__payslip-modal-content .salary-preview__payslip-header .salary-preview__payslip-actions .action-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:8px 12px;border:1px solid #e6e6e7;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.143rem}.salary-preview__payslip-modal-content .salary-preview__payslip-header .salary-preview__payslip-actions .action-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0}.salary-preview__payslip-modal-content .salary-preview__payslip-header .salary-preview__payslip-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.salary-preview__payslip-modal-content .salary-preview__payslip-header .salary-preview__payslip-actions .action-btn.pdf-btn,.salary-preview__payslip-modal-content .salary-preview__payslip-header .salary-preview__payslip-actions .action-btn.pdf-btn .pdf,.salary-preview__payslip-modal-content .salary-preview__payslip-header .salary-preview__payslip-actions .action-btn.pdf-btn .exporting-text{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.286rem}.salary-preview__payslip-modal-content .salary-preview__payslip-header .salary-preview__payslip-actions .action-btn.pdf-btn .exporting-text .spinner{width:16px;height:16px;border:2px solid #e6e6e7;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.salary-preview__payslip-modal-content .salary-preview__payslip-preview-container{overflow:auto;max-height:calc(100vh - 300px);padding:.857rem;background:#f5f5f5;border-radius:12px}.salary-preview__payslip-modal-content .salary-preview__payslip-preview-container .zoom-wrapper{display:flex;justify-content:center;align-items:flex-start}.salary-preview__payslip-modal-content .salary-preview__payslip-preview-container .zoom{transition:transform .2s ease}.payroll-run{width:100%;overflow-anchor:none}.payroll-run__header{margin-bottom:1.143rem}.payroll-run__header-content{flex:1}.payroll-run__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.payroll-run__actions-group{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.571rem}.payroll-run__actions-group-cleared{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.571rem}.payroll-run__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.143rem;margin-bottom:1.429rem}.payroll-run__summary-card{background:#fff;border-radius:12px;padding:1.143rem;border:1px solid #e6e6e7;box-shadow:0 2px 8px #0000000a;display:flex;align-items:flex-start;gap:.857rem;transition:all .3s ease}.payroll-run__summary-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.payroll-run__summary-card--total{border-left:4px solid #8860d0}.payroll-run__summary-card--employees{border-left:4px solid #14b8a6}.payroll-run__summary-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.714rem;flex-shrink:0}.payroll-run__summary-card--total .payroll-run__summary-icon{background:#8860d01a;color:#8860d0}.payroll-run__summary-card--employees .payroll-run__summary-icon{background:#14b8a61a;color:#14b8a6}.payroll-run__summary-content{flex:1}.payroll-run__summary-label{font-size:.857rem;color:#8c9196;margin:0 0 .286rem;font-weight:500}.payroll-run__summary-value{font-size:2.286rem;font-weight:700;color:#000;margin:0 0 .286rem;line-height:1.2}.payroll-run__summary-card--total .payroll-run__summary-value{color:#8860d0}.payroll-run__summary-card--employees .payroll-run__summary-value{color:#14b8a6}.payroll-run__summary-description{font-size:.857rem;color:#8c9196;margin:0}.payroll-run__actions{display:flex;gap:.857rem;margin-bottom:1.429rem;flex-wrap:wrap;min-height:60px;align-items:center;justify-content:center}.payroll-run__action-btn{flex:1;min-width:200px;height:48px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.571rem;border-radius:12px;transition:all .2s ease}.payroll-run__action-btn--run{background:#16a34a;color:#fff;border:1px solid #16a34a}.payroll-run__action-btn--run:hover:not(:disabled){background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.payroll-run__action-btn--run:disabled{opacity:.6;cursor:not-allowed}.payroll-run__action-btn--run .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.payroll-run__action-btn--pdf{background:#8860d0;color:#fff;border:1px solid #8860d0}.payroll-run__action-btn--pdf:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.payroll-run__action-btn--pdf:disabled{opacity:.6;cursor:not-allowed}.payroll-run__action-btn--pdf .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.payroll-run__action-btn--tracker{background:#fff;color:#8860d0;border:2px solid #8860d0}.payroll-run__action-btn--tracker:hover:not(:disabled){background:#8860d0;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #8860d033}.payroll-run__action-btn--tracker:disabled{opacity:.6;cursor:not-allowed}.payroll-run__success-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.571rem;padding:1.143rem;animation:fadeInScale .5s ease-out}.payroll-run__success-icon{width:64px;height:64px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.286rem;animation:scaleIn .5s ease-out}.payroll-run__success-text{font-size:1.143rem;font-weight:600;color:#16a34a;margin:0}.payroll-run__employee-list{background:#fff;border-radius:12px;border:1px solid #e6e6e7;padding:1.143rem;box-shadow:0 2px 8px #0000000a}.payroll-run__employee-list-title{font-size:1.286rem;font-weight:600;color:#000;margin:0 0 1.143rem}.payroll-run__table-container{overflow-x:auto;width:100%}.payroll-run__table-container table{table-layout:auto}.payroll-run__table-container th{white-space:nowrap;width:1%}.payroll-run__table-container th:first-child{width:auto}.payroll-run__employee-cell{display:flex;align-items:center;gap:.571rem}.payroll-run__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.payroll-run__avatar img{width:100%;height:100%;object-fit:cover}.payroll-run__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.payroll-run__employee-info{display:flex;flex-direction:column;gap:.286rem}.payroll-run__employee-name{font-size:1rem;font-weight:600;color:#000}.payroll-run__employee-designation{font-size:.857rem;color:#8c9196;text-align:left}.payroll-run__value{font-size:1rem;font-weight:500}.payroll-run__value--gross{color:#8860d0}.payroll-run__value--deduction{color:#dc2626}.payroll-run__value--net{color:#16a34a;font-weight:600}.payroll-run__empty-state{background:#fff;border-radius:12px;border:1px solid #e6e6e7;padding:1.714rem;text-align:center;color:#8c9196;font-size:1rem}.payroll-run__preview-modal-content .payroll-run__preview-header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;margin-bottom:1.143rem}.payroll-run__preview-modal-content .payroll-run__preview-actions{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:.571rem}.payroll-run__preview-modal-content .payroll-run__preview-actions .action-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:8px 12px;border:1px solid #e6e6e7;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.143rem}.payroll-run__preview-modal-content .payroll-run__preview-actions .action-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0}.payroll-run__preview-modal-content .payroll-run__preview-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.payroll-run__preview-modal-content .payroll-run__preview-actions .action-btn.pdf-btn,.payroll-run__preview-modal-content .payroll-run__preview-actions .action-btn.pdf-btn .pdf,.payroll-run__preview-modal-content .payroll-run__preview-actions .action-btn.pdf-btn .exporting-text{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.286rem}.payroll-run__preview-modal-content .payroll-run__preview-actions .action-btn.pdf-btn .exporting-text .spinner{width:16px;height:16px;border:2px solid #e6e6e7;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.payroll-run__preview-container{overflow:auto;max-height:calc(100vh - 300px);padding:.857rem;background:#f5f5f5;border-radius:12px}.payroll-run__preview-container .zoom-wrapper{display:flex;justify-content:center;align-items:flex-start}.payroll-run__preview-container .zoom{transition:transform .2s ease}.payroll-run__payslip-wrapper{margin-bottom:1.143rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.payroll-run__payslip-wrapper:last-child{margin-bottom:0}.payroll-component-form__form-section{margin-bottom:.857rem}.payroll-component-form__form-section:last-of-type{margin-bottom:.571rem}.payroll-component-form__label{display:block;font-size:.857rem;font-weight:600;color:#313131;margin-bottom:.286rem}.payroll-component-form__label .required{color:#dc2626;margin-left:3px}.payroll-component-form__hint{font-size:.714rem;color:#8c9196;margin-top:4px;margin-bottom:0}.payroll-component-form__error{display:block;font-size:.714rem;color:#dc2626;margin-top:4px;margin-bottom:0}.payroll-component-form__chip-grid{display:flex;flex-wrap:wrap;gap:.286rem;padding:.571rem;background:#fafbfc;border-radius:8px;border:1px solid #e6e6e7;transition:all .3s ease}.payroll-component-form__chip-grid:hover{border-color:#8860d0;background:#fff}.payroll-component-form__chip-grid--error{border-color:#dc3545!important;background:#fff5f5!important;box-shadow:0 0 0 2px #dc35451a!important}.payroll-component-form__chip-grid--error:hover{border-color:#dc3545!important;background:#fff5f5!important}.payroll-component-form__option-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px .857rem;border-radius:50px;border:1.5px solid #e6e6e7;background:#fff;color:#313131;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.payroll-component-form__option-chip:hover{border-color:#8860d0;background:#8860d00d;color:#8860d0;transform:translateY(-1px);box-shadow:0 2px 6px #8860d026}.payroll-component-form__option-chip--selected{border-color:#8860d0;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 3px 8px #8860d04d}.payroll-component-form__option-chip--selected:hover{background:linear-gradient(135deg,#794cca,#8e6ec7);transform:translateY(-1px);box-shadow:0 4px 12px #8860d066;color:#fff}.payroll-component-form__toggle-wrapper{display:flex;align-items:center;gap:.571rem;padding:.571rem;background:#fafbfc;border-radius:8px;border:1px solid #e6e6e7;width:fit-content;transition:all .3s ease}.payroll-component-form__toggle-wrapper:hover{border-color:#8860d0;background:#fff}.payroll-component-form__toggle{flex-shrink:0}.payroll-component-form__toggle-label{font-size:.857rem;font-weight:500;color:#313131;-webkit-user-select:none;user-select:none}.payroll-component-form__form-actions{display:flex;gap:.571rem;justify-content:flex-end;margin-top:1.143rem;padding-top:.857rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.payroll-component-form__form-actions{flex-direction:column-reverse}.payroll-component-form__form-actions button{width:100%}}.payroll-component-form__form-cancel-btn{min-width:100px}.payroll-component-form__form-submit-btn{min-width:150px}.transfer-balance-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.transfer-balance-page{padding:.857rem .571rem}}.transfer-balance-page__container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:.857rem}.transfer-balance-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:1.714rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.transfer-balance-page__header{flex-direction:column}}.transfer-balance-page__back-btn{color:#8860d0;width:48px;height:48px;border-radius:12px;border:2px solid #e6e6e7;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#313131;flex-shrink:0}.transfer-balance-page__back-btn:hover{border-color:#8860d0;color:#8860d0;transform:translateY(-2px);box-shadow:0 4px 12px #8860d033}.transfer-balance-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.transfer-balance-page__header-icon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);display:flex;align-items:center;justify-content:center;font-size:2.286rem;color:#fff;box-shadow:0 10px 30px #8860d040;flex-shrink:0}.transfer-balance-page__title{font-size:1.714rem;font-weight:700;margin:0;color:#313131}.transfer-balance-page__subtitle{margin:.286rem 0 0;font-size:1.143rem;color:#8c9196;max-width:600px;line-height:1.5}.transfer-balance-page__form{background:#fff;border-radius:12px;padding:1.143rem;box-shadow:0 2px 12px #0f172a0a;animation:fadeInUp .4s ease-out;display:flex;flex-direction:column;gap:1.143rem}.transfer-balance-page__form-content{display:grid;grid-template-columns:1fr 400px;gap:1.143rem}@media (max-width: 1024px){.transfer-balance-page__form-content{grid-template-columns:1fr}}.transfer-balance-page__form-left{display:flex;flex-direction:column;gap:1.143rem}.transfer-balance-page__form-right{display:flex;flex-direction:column;gap:.857rem}@media (max-width: 1024px){.transfer-balance-page__form-right{order:-1}}.transfer-balance-page__section{display:flex;flex-direction:column;gap:.857rem}.transfer-balance-page__section-title{font-size:1.143rem;font-weight:600;color:#313131;margin:0;padding-bottom:.571rem;position:relative;border-bottom:2px solid #e6e6e7}.transfer-balance-page__section-title:before{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#8860d0 0%,transparent 100%)}.transfer-balance-page__calendar-wrapper{display:flex;flex-direction:column;gap:.857rem;padding:.857rem;background:linear-gradient(135deg,#8860d008,#8860d003);border-radius:12px;border:1px solid rgba(136,96,208,.1);position:sticky;top:.857rem;align-self:flex-start}.transfer-balance-page__date-picker{width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.transfer-balance-page__date-picker .MuiPickersCalendarHeader-root{padding:.571rem}.transfer-balance-page__date-picker .MuiDayCalendar-weekContainer{margin:0}.transfer-balance-page__date-picker .MuiPickersDay-root{font-size:.857rem;font-weight:500;border-radius:8px;transition:all .2s ease}.transfer-balance-page__date-picker .MuiPickersDay-root:hover{background:#8860d01a;transform:scale(1.05)}.transfer-balance-page__date-picker .MuiPickersDay-root.Mui-selected{background:#8860d0!important;color:#fff!important;font-weight:700;box-shadow:0 2px 8px #8860d04d}.transfer-balance-page__date-picker .MuiPickersDay-root.Mui-selected:hover{background:#794cca!important}.transfer-balance-page__date-picker .MuiPickersDay-root.MuiPickersDay-today{border:2px solid #8860d0;font-weight:700}.transfer-balance-page__selected-date{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:#fff;border-radius:8px;border:1px solid #e6e6e7;font-size:.857rem;color:#313131;font-weight:600}.transfer-balance-page__selected-date svg{color:#8860d0;font-size:1rem}.transfer-balance-page__fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.857rem}@media (max-width: 768px){.transfer-balance-page__fields-grid{grid-template-columns:1fr}}.transfer-balance-page__field{display:flex;flex-direction:column;gap:.571rem;position:relative}.transfer-balance-page__label{font-size:.857rem;font-weight:600;color:#313131;display:flex;align-items:center;gap:.286rem;margin-bottom:.143rem}.transfer-balance-page__label-icon{color:#8860d0;font-size:1rem;flex-shrink:0}.transfer-balance-page__label .required{color:#d82c0d;font-weight:700;margin-left:2px}.transfer-balance-page__account-info{display:flex;align-items:center;gap:.571rem;margin-top:.286rem;padding:.571rem;background:linear-gradient(135deg,#8860d00d,#8860d005);border-radius:8px;border:1px solid rgba(136,96,208,.1)}.transfer-balance-page__currency-badge{padding:4px 12px;border-radius:8px;font-size:.714rem;font-weight:700;background:linear-gradient(135deg,#8860d0,#794cca);color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #8860d033}.transfer-balance-page__account-balance{font-size:.857rem;color:#3e1e79;font-weight:500}.transfer-balance-page__amount-container{display:flex;flex-direction:column;gap:.857rem;padding:.857rem;background:linear-gradient(135deg,#8860d008,#8860d003);border-radius:12px;border:1px solid rgba(136,96,208,.1)}.transfer-balance-page__amount-display{display:flex;align-items:center;justify-content:space-between;margin-top:.286rem;padding:.571rem;background:#fff;border-radius:8px;border:1px solid #e6e6e7}.transfer-balance-page__amount-label{font-size:.857rem;color:#3e1e79;font-weight:500}.transfer-balance-page__amount-value{font-size:1rem;font-weight:700;color:#8860d0}.transfer-balance-page__rate-hint{font-size:.714rem;color:#8c9196;font-weight:400;font-style:italic}.transfer-balance-page__conversion-display{display:flex;align-items:center;gap:.857rem;padding:.857rem;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-radius:12px;border:2px solid rgba(34,197,94,.2);margin-top:.571rem;animation:slideInRight .3s ease-out}.transfer-balance-page__conversion-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:1.143rem;box-shadow:0 2px 8px #22c55e4d;flex-shrink:0}.transfer-balance-page__converted-amount{display:flex;flex-direction:column;gap:.143rem;flex:1}.transfer-balance-page__converted-label{font-size:.714rem;color:#15803d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.transfer-balance-page__converted-value{font-size:1.286rem;font-weight:700;color:#15803d}.transfer-balance-page__same-currency-summary{display:flex;flex-direction:column;gap:.571rem;padding:.857rem;background:#fff;border-radius:12px;border:1px solid #e6e6e7;margin-top:.571rem}.transfer-balance-page__summary-item{display:flex;align-items:center;justify-content:space-between;padding:.571rem;background:linear-gradient(135deg,rgba(136,96,208,.05) 0%,transparent 100%);border-radius:8px}.transfer-balance-page__summary-label{font-size:.857rem;color:#3e1e79;font-weight:500}.transfer-balance-page__summary-value{font-size:1.143rem;font-weight:700;color:#8860d0}.transfer-balance-page__actions{display:flex;justify-content:flex-end;gap:.571rem;margin-top:.571rem;border-top:2px solid #e6e6e7;background:linear-gradient(to bottom,transparent 0%,rgba(136,96,208,.02) 100%);margin-left:-.857rem;margin-right:-.857rem;padding:.857rem .857rem .286rem}@media (max-width: 768px){.transfer-balance-page__actions{flex-direction:column-reverse}.transfer-balance-page__actions button{width:100%}}.transfer-balance-page__cancel-btn{min-width:100px;height:36px;font-size:.857rem;transition:all .3s ease}.transfer-balance-page__cancel-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.transfer-balance-page__submit-btn{min-width:150px;height:36px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#794cca);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.transfer-balance-page__submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.transfer-balance-page__submit-btn:disabled{opacity:.6;cursor:not-allowed}.input-field-container .input-field-container{transition:all .3s ease}.input-field-container .input-field-container:focus-within .inputfield{border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a;transform:translateY(-1px)}.input-field-container .inputfield{border-radius:8px;border:1px solid #e6e6e7;padding:.571rem .857rem;font-size:.857rem;transition:all .3s ease;background-color:#fff}.input-field-container .inputfield:hover{border-color:#ccccce}.input-field-container .inputfield:focus{outline:none;border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a;background-color:#8860d005}.input-field-container .inputfield::placeholder{color:#8c9196;opacity:.6}.input-field-container .select-field-container .inputfield{cursor:pointer}.input-field-container .select-field-container .react-select__control{min-height:40px!important;height:40px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff!important;font-size:.857rem!important;cursor:pointer;transition:all .3s ease;box-shadow:none!important}.input-field-container .select-field-container .react-select__control:hover{border-color:#8860d0!important}.input-field-container .select-field-container .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d01a!important}.input-field-container .select-field-container .react-select__value-container{padding:0 .571rem!important;font-size:.857rem!important}.input-field-container .select-field-container .react-select__single-value{font-size:.857rem!important;color:#313131!important}.input-field-container .select-field-container .react-select__placeholder{font-size:.857rem!important;color:#8c9196!important}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.push-permission-btn{border:none;border-radius:999px;padding:.6rem 1rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.push-permission-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #5b21b659}.push-permission-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;padding:.5rem .5rem .25rem}.push-permission-modal__hero{margin-bottom:.4rem}.push-permission-modal__icon-ring{width:64px;height:64px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;font-size:1.6rem;box-shadow:0 0 0 8px #7c3aed14;animation:bellPulse 2.4s ease-in-out infinite}@keyframes bellPulse{0%,to{box-shadow:0 0 0 8px #7c3aed14}50%{box-shadow:0 0 0 14px #7c3aed0a}}.push-permission-modal__title{margin:0;color:#111827;font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.push-permission-modal__desc{margin:0;color:#6b7280;font-size:.88rem;line-height:1.5;max-width:320px}.push-permission-modal__features{list-style:none;padding:0;margin:.6rem 0 .35rem;display:flex;flex-direction:column;gap:.45rem;width:100%;max-width:300px}.push-permission-modal__features li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#374151;text-align:left}.push-permission-modal__features li:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#7c3aed}.push-permission-modal__error{width:100%;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:.6rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500}.push-permission-modal__actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;width:100%;margin-top:.45rem}.push-permission-modal__enable-label{display:inline-flex;align-items:center;gap:.35rem}.push-permission-modal__enable-label svg{font-size:1rem}.push-permission-modal__hint{margin:.35rem 0 0;color:#9ca3af;font-size:.72rem;line-height:1.4}.forgot-password-form{max-width:450px;width:100%;position:relative;z-index:1;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.forgot-password-form{max-width:100%}}.forgot-password-form .formcard{display:flex;flex-direction:column;align-items:center;width:100%;animation:fadeInUp .8s ease-out 1s both}@media all and (max-width: 576px){.forgot-password-form .formcard{animation:none}}.forgot-password-form .formcard .codniv-logo{margin-bottom:24px;animation:pulseLF 3s ease-in-out infinite;position:relative}@media all and (max-width: 576px){.forgot-password-form .formcard .codniv-logo{margin-bottom:16px;animation:none}}.forgot-password-form .formcard .codniv-logo img{height:90px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(124,58,237,.25));transition:transform .3s ease}@media all and (max-width: 576px){.forgot-password-form .formcard .codniv-logo img{height:70px;filter:drop-shadow(0 4px 12px rgba(124,58,237,.2))}}.forgot-password-form .formcard .codniv-logo img:hover{transform:scale(1.05)}.forgot-password-form .formcard .title{text-align:center;margin-bottom:16px;background:linear-gradient(135deg,#7c3aed,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:36px;font-weight:700;letter-spacing:-1px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.forgot-password-form .formcard .title{font-size:28px;margin-bottom:12px;letter-spacing:-.5px}}.forgot-password-form .formcard .subtitle{text-align:center;margin-bottom:32px;color:#64748b;font-size:15px;line-height:1.6;font-family:QuickSand,sans-serif;padding:0 20px}@media all and (max-width: 576px){.forgot-password-form .formcard .subtitle{font-size:14px;margin-bottom:24px;padding:0 10px}}.forgot-password-form .formcard .input-container{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px;padding-bottom:28px}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container{gap:8px;padding-bottom:20px}}.forgot-password-form .formcard .input-container label{width:100%;font-size:14px;font-weight:600;color:#4b5563;margin-bottom:6px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container label{font-size:13px;margin-bottom:4px}}.forgot-password-form .formcard .input-container input{width:100%;padding:16px 18px;border:2px solid rgba(124,58,237,.2);border-radius:14px;font-size:15px;font-family:QuickSand,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #7c3aed14}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container input{padding:14px 16px;font-size:14px;border-radius:12px;border-width:1.5px}}.forgot-password-form .formcard .input-container input:focus{outline:none;border-color:#7c3aed;background:#fffffff2;box-shadow:0 0 0 4px #7c3aed26,0 4px 12px #7c3aed26;transform:translateY(-1px)}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container input:focus{box-shadow:0 0 0 3px #7c3aed26,0 2px 8px #7c3aed26;transform:none}}.forgot-password-form .formcard .input-container input::placeholder{color:#9ca3af;font-weight:500}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container input::placeholder{font-size:14px}}.forgot-password-form .formcard .input-container-select{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px;padding-bottom:28px}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container-select{gap:8px;padding-bottom:20px}}.forgot-password-form .formcard .input-container-select label{width:100%;font-size:14px;font-weight:600;color:#4b5563;margin-bottom:6px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container-select label{font-size:13px;margin-bottom:4px}}.forgot-password-form .formcard .input-container-select input{width:100%;padding:16px 18px;border-radius:14px;font-size:15px;font-family:QuickSand,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container-select input{padding:14px 16px;font-size:14px;border-radius:12px;border-width:1.5px}}.forgot-password-form .formcard .input-container-select input:focus{outline:none;transform:translateY(-1px)}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container-select input:focus{transform:none}}.forgot-password-form .formcard .input-container-select input::placeholder{color:#9ca3af;font-weight:500}@media all and (max-width: 576px){.forgot-password-form .formcard .input-container-select input::placeholder{font-size:14px}}.forgot-password-form .formcard .btn-container{width:100%;margin-top:12px}@media all and (max-width: 576px){.forgot-password-form .formcard .btn-container{margin-top:8px}}.forgot-password-form .formcard .btn-container button{width:100%;padding:18px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:QuickSand,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #7c3aed59;position:relative;overflow:hidden}@media all and (max-width: 576px){.forgot-password-form .formcard .btn-container button{padding:16px;font-size:15px;border-radius:12px;box-shadow:0 6px 16px #7c3aed4d}}.forgot-password-form .formcard .btn-container button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.forgot-password-form .formcard .btn-container button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px #7c3aed73}@media all and (max-width: 576px){.forgot-password-form .formcard .btn-container button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}}.forgot-password-form .formcard .btn-container button:hover:not(:disabled):before{left:100%}.forgot-password-form .formcard .btn-container button:active:not(:disabled){transform:translateY(-1px)}@media all and (max-width: 576px){.forgot-password-form .formcard .btn-container button:active:not(:disabled){transform:none}}.forgot-password-form .formcard .btn-container button:disabled{opacity:.7;cursor:not-allowed;transform:none}.forgot-password-form .formcard .back-to-login{margin-top:24px;width:100%}@media all and (max-width: 576px){.forgot-password-form .formcard .back-to-login{margin-top:16px}}.forgot-password-form .formcard .back-to-login .back-link{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#7c3aed;font-weight:600;font-size:14px;transition:all .3s ease;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.forgot-password-form .formcard .back-to-login .back-link{font-size:13px;gap:6px}}.forgot-password-form .formcard .back-to-login .back-link svg{transition:transform .3s ease}.forgot-password-form .formcard .back-to-login .back-link:hover{color:#a855f7}.forgot-password-form .formcard .back-to-login .back-link:hover svg{transform:translate(-4px)}.forgot-password-success{max-width:450px;width:100%;position:relative;z-index:1;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.forgot-password-success{max-width:100%}}.forgot-password-success .formcard{display:flex;flex-direction:column;align-items:center;width:100%;animation:fadeInUp .8s ease-out 1s both}@media all and (max-width: 576px){.forgot-password-success .formcard{animation:none}}.forgot-password-success .formcard .codniv-logo{margin-bottom:24px;animation:pulseLF 3s ease-in-out infinite;position:relative}@media all and (max-width: 576px){.forgot-password-success .formcard .codniv-logo{margin-bottom:16px;animation:none}}.forgot-password-success .formcard .codniv-logo img{height:90px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(124,58,237,.25));transition:transform .3s ease}@media all and (max-width: 576px){.forgot-password-success .formcard .codniv-logo img{height:70px;filter:drop-shadow(0 4px 12px rgba(124,58,237,.2))}}.forgot-password-success .formcard .codniv-logo img:hover{transform:scale(1.05)}.forgot-password-success .formcard .success-icon{margin-bottom:24px;color:#10b981;animation:scaleIn .5s ease-out}@media all and (max-width: 576px){.forgot-password-success .formcard .success-icon{margin-bottom:16px}.forgot-password-success .formcard .success-icon svg{width:60px;height:60px}}.forgot-password-success .formcard .title{text-align:center;margin-bottom:16px;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:36px;font-weight:700;letter-spacing:-1px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.forgot-password-success .formcard .title{font-size:28px;margin-bottom:12px;letter-spacing:-.5px}}.forgot-password-success .formcard .subtitle{text-align:center;margin-bottom:24px;color:#64748b;font-size:15px;line-height:1.6;font-family:QuickSand,sans-serif;padding:0 20px}@media all and (max-width: 576px){.forgot-password-success .formcard .subtitle{font-size:14px;margin-bottom:20px;padding:0 10px}}.forgot-password-success .formcard .subtitle .email-highlight{color:#7c3aed;font-weight:600}.forgot-password-success .formcard .info-box{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:#7c3aed0d;border-radius:12px;border:1px solid rgba(124,58,237,.1)}@media all and (max-width: 576px){.forgot-password-success .formcard .info-box{gap:10px;padding:12px;margin-bottom:20px}}.forgot-password-success .formcard .info-box .info-item{display:flex;align-items:center;gap:12px;color:#64748b;font-size:14px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.forgot-password-success .formcard .info-box .info-item{font-size:13px;gap:10px}}.forgot-password-success .formcard .info-box .info-item svg{flex-shrink:0;color:#7c3aed}.forgot-password-success .formcard .action-buttons{width:100%;display:flex;flex-direction:column;gap:12px}@media all and (max-width: 576px){.forgot-password-success .formcard .action-buttons{gap:10px}}.forgot-password-success .formcard .action-buttons .primary-button{width:100%;padding:18px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:QuickSand,sans-serif;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #7c3aed59;position:relative;overflow:hidden}@media all and (max-width: 576px){.forgot-password-success .formcard .action-buttons .primary-button{padding:16px;font-size:15px;border-radius:12px;box-shadow:0 6px 16px #7c3aed4d}}.forgot-password-success .formcard .action-buttons .primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.forgot-password-success .formcard .action-buttons .primary-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #7c3aed73}@media all and (max-width: 576px){.forgot-password-success .formcard .action-buttons .primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}}.forgot-password-success .formcard .action-buttons .primary-button:hover:before{left:100%}.forgot-password-success .formcard .action-buttons .primary-button:active{transform:translateY(-1px)}@media all and (max-width: 576px){.forgot-password-success .formcard .action-buttons .primary-button:active{transform:none}}.forgot-password-success .formcard .action-buttons .secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#7c3aed;font-weight:600;font-size:14px;transition:all .3s ease;font-family:QuickSand,sans-serif;padding:12px}@media all and (max-width: 576px){.forgot-password-success .formcard .action-buttons .secondary-button{font-size:13px;gap:6px;padding:10px}}.forgot-password-success .formcard .action-buttons .secondary-button svg{transition:transform .3s ease}.forgot-password-success .formcard .action-buttons .secondary-button:hover{color:#a855f7}.forgot-password-success .formcard .action-buttons .secondary-button:hover svg{transform:translate(-4px)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.reset-password-form{max-width:450px;width:100%;position:relative;z-index:1;font-family:QuickSand,sans-serif}.reset-password-form .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:20px}.reset-password-form .loading-state .spinner{width:50px;height:50px;border:4px solid rgba(124,58,237,.1);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}@media all and (max-width: 576px){.reset-password-form .loading-state .spinner{width:40px;height:40px;border-width:3px}}.reset-password-form .loading-state p{color:#64748b;font-size:15px;font-weight:500;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.reset-password-form .loading-state p{font-size:14px}}@media all and (max-width: 576px){.reset-password-form{max-width:100%}}.reset-password-form .formcard{display:flex;flex-direction:column;align-items:center;width:100%;animation:fadeInUp .8s ease-out 1s both}@media all and (max-width: 576px){.reset-password-form .formcard{animation:none}}.reset-password-form .formcard .codniv-logo{margin-bottom:24px;animation:pulseLF 3s ease-in-out infinite;position:relative}@media all and (max-width: 576px){.reset-password-form .formcard .codniv-logo{margin-bottom:16px;animation:none}}.reset-password-form .formcard .codniv-logo img{height:90px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(124,58,237,.25));transition:transform .3s ease}@media all and (max-width: 576px){.reset-password-form .formcard .codniv-logo img{height:70px;filter:drop-shadow(0 4px 12px rgba(124,58,237,.2))}}.reset-password-form .formcard .codniv-logo img:hover{transform:scale(1.05)}.reset-password-form .formcard .title{text-align:center;margin-bottom:16px;background:linear-gradient(135deg,#7c3aed,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:36px;font-weight:700;letter-spacing:-1px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.reset-password-form .formcard .title{font-size:28px;margin-bottom:12px;letter-spacing:-.5px}}.reset-password-form .formcard .subtitle{text-align:center;margin-bottom:32px;color:#64748b;font-size:15px;line-height:1.6;font-family:QuickSand,sans-serif;padding:0 20px}@media all and (max-width: 576px){.reset-password-form .formcard .subtitle{font-size:14px;margin-bottom:24px;padding:0 10px}}.reset-password-form .formcard .input-container{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px;padding-bottom:20px}@media all and (max-width: 576px){.reset-password-form .formcard .input-container{gap:8px;padding-bottom:16px}}.reset-password-form .formcard .input-container label{width:100%;font-size:14px;font-weight:600;color:#4b5563;margin-bottom:6px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.reset-password-form .formcard .input-container label{font-size:13px;margin-bottom:4px}}.reset-password-form .formcard .input-container input{width:100%;padding:16px 18px;border:2px solid rgba(124,58,237,.2);border-radius:14px;font-size:15px;font-family:QuickSand,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #7c3aed14}@media all and (max-width: 576px){.reset-password-form .formcard .input-container input{padding:14px 16px;font-size:14px;border-radius:12px;border-width:1.5px}}.reset-password-form .formcard .input-container input:focus{outline:none;border-color:#7c3aed;background:#fffffff2;box-shadow:0 0 0 4px #7c3aed26,0 4px 12px #7c3aed26;transform:translateY(-1px)}@media all and (max-width: 576px){.reset-password-form .formcard .input-container input:focus{box-shadow:0 0 0 3px #7c3aed26,0 2px 8px #7c3aed26;transform:none}}.reset-password-form .formcard .input-container input::placeholder{color:#9ca3af;font-weight:500}@media all and (max-width: 576px){.reset-password-form .formcard .input-container input::placeholder{font-size:14px}}.reset-password-form .formcard .input-container .error-text{width:100%;color:#ef4444;font-size:13px;font-weight:500;margin-top:-4px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.reset-password-form .formcard .input-container .error-text{font-size:12px}}.reset-password-form .formcard .btn-container{width:100%;margin-top:12px}@media all and (max-width: 576px){.reset-password-form .formcard .btn-container{margin-top:8px}}.reset-password-form .formcard .btn-container button{width:100%;padding:18px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:QuickSand,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #7c3aed59;position:relative;overflow:hidden}@media all and (max-width: 576px){.reset-password-form .formcard .btn-container button{padding:16px;font-size:15px;border-radius:12px;box-shadow:0 6px 16px #7c3aed4d}}.reset-password-form .formcard .btn-container button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.reset-password-form .formcard .btn-container button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px #7c3aed73}@media all and (max-width: 576px){.reset-password-form .formcard .btn-container button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}}.reset-password-form .formcard .btn-container button:hover:not(:disabled):before{left:100%}.reset-password-form .formcard .btn-container button:active:not(:disabled){transform:translateY(-1px)}@media all and (max-width: 576px){.reset-password-form .formcard .btn-container button:active:not(:disabled){transform:none}}.reset-password-form .formcard .btn-container button:disabled{opacity:.7;cursor:not-allowed;transform:none}.reset-password-form .formcard .back-to-login{margin-top:24px;width:100%}@media all and (max-width: 576px){.reset-password-form .formcard .back-to-login{margin-top:16px}}.reset-password-form .formcard .back-to-login .back-link{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#7c3aed;font-weight:600;font-size:14px;transition:all .3s ease;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.reset-password-form .formcard .back-to-login .back-link{font-size:13px;gap:6px}}.reset-password-form .formcard .back-to-login .back-link svg{transition:transform .3s ease}.reset-password-form .formcard .back-to-login .back-link:hover{color:#a855f7}.reset-password-form .formcard .back-to-login .back-link:hover svg{transform:translate(-4px)}.login-form{max-width:450px;width:100%;position:relative;z-index:1;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.login-form{max-width:100%}}.login-form .formcard{display:flex;flex-direction:column;align-items:center;width:100%;animation:fadeInUp .8s ease-out 1s both}@media all and (max-width: 576px){.login-form .formcard{animation:none}}.login-form .formcard .codniv-logo{margin-bottom:24px;animation:pulseLF 3s ease-in-out infinite;position:relative}@media all and (max-width: 576px){.login-form .formcard .codniv-logo{margin-bottom:16px;animation:none}}.login-form .formcard .codniv-logo img{height:90px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(124,58,237,.25));transition:transform .3s ease}@media all and (max-width: 576px){.login-form .formcard .codniv-logo img{height:70px;filter:drop-shadow(0 4px 12px rgba(124,58,237,.2))}}.login-form .formcard .codniv-logo img:hover{transform:scale(1.05)}.login-form .formcard .title{text-align:center;margin-bottom:4px;background:linear-gradient(135deg,#7c3aed,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:40px;font-weight:700;letter-spacing:-1px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.login-form .formcard .title{font-size:28px;margin-bottom:32px;letter-spacing:-.5px}}.login-form .formcard .title.without-tenant{margin-bottom:48px}@media all and (max-width: 576px){.login-form .formcard .title.without-tenant{margin-bottom:24px}}.login-form .formcard .subtitle{text-align:center;margin-bottom:48px;-webkit-background-clip:text;background-clip:text;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.login-form .formcard .subtitle{font-size:18px;margin-bottom:32px}}.login-form .formcard .input-container{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px;padding-bottom:28px}@media all and (max-width: 576px){.login-form .formcard .input-container{gap:8px;padding-bottom:20px}}.login-form .formcard .input-container label{width:100%;font-size:14px;font-weight:600;color:#4b5563;margin-bottom:6px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.login-form .formcard .input-container label{font-size:13px;margin-bottom:4px}}.login-form .formcard .input-container input{width:100%;padding:16px 18px;border:2px solid rgba(124,58,237,.2);border-radius:14px;font-size:15px;font-family:QuickSand,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #7c3aed14}@media all and (max-width: 576px){.login-form .formcard .input-container input{padding:14px 16px;font-size:14px;border-radius:12px;border-width:1.5px}}.login-form .formcard .input-container input:focus{outline:none;border-color:#7c3aed;background:#fffffff2;box-shadow:0 0 0 4px #7c3aed26,0 4px 12px #7c3aed26;transform:translateY(-1px)}@media all and (max-width: 576px){.login-form .formcard .input-container input:focus{box-shadow:0 0 0 3px #7c3aed26,0 2px 8px #7c3aed26;transform:none}}.login-form .formcard .input-container input::placeholder{color:#9ca3af;font-weight:500}@media all and (max-width: 576px){.login-form .formcard .input-container input::placeholder{font-size:14px}}.login-form .formcard .input-container-select{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px;padding-bottom:28px}@media all and (max-width: 576px){.login-form .formcard .input-container-select{gap:8px;padding-bottom:20px}}.login-form .formcard .input-container-select label{width:100%;font-size:14px;font-weight:600;color:#4b5563;margin-bottom:6px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.login-form .formcard .input-container-select label{font-size:13px;margin-bottom:4px}}.login-form .formcard .input-container-select input{width:100%;padding:16px 18px;border-radius:14px;font-size:15px;font-family:QuickSand,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}@media all and (max-width: 576px){.login-form .formcard .input-container-select input{padding:14px 16px;font-size:14px;border-radius:12px;border-width:1.5px}}.login-form .formcard .input-container-select input:focus{outline:none;transform:translateY(-1px)}@media all and (max-width: 576px){.login-form .formcard .input-container-select input:focus{transform:none}}.login-form .formcard .input-container-select input::placeholder{color:#9ca3af;font-weight:500}@media all and (max-width: 576px){.login-form .formcard .input-container-select input::placeholder{font-size:14px}}.login-form .formcard .btn-container{width:100%;margin-top:12px}@media all and (max-width: 576px){.login-form .formcard .btn-container{margin-top:8px}}.login-form .formcard .btn-container button{width:100%;padding:18px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:QuickSand,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #7c3aed59;position:relative;overflow:hidden}@media all and (max-width: 576px){.login-form .formcard .btn-container button{padding:16px;font-size:15px;border-radius:12px;box-shadow:0 6px 16px #7c3aed4d}}.login-form .formcard .btn-container button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-form .formcard .btn-container button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px #7c3aed73}@media all and (max-width: 576px){.login-form .formcard .btn-container button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}}.login-form .formcard .btn-container button:hover:not(:disabled):before{left:100%}.login-form .formcard .btn-container button:active:not(:disabled){transform:translateY(-1px)}@media all and (max-width: 576px){.login-form .formcard .btn-container button:active:not(:disabled){transform:none}}.login-form .formcard .btn-container button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-form .formcard .forgot-password{margin-top:24px;display:flex;gap:10px;font-size:14px;color:#6b7280}@media all and (max-width: 576px){.login-form .formcard .forgot-password{margin-top:16px;font-size:13px;gap:8px}}.login-form .formcard .forgot-password .reset-link{text-decoration:none;color:#7c3aed;font-weight:600;transition:color .3s ease}.login-form .formcard .forgot-password .reset-link:hover{color:#a855f7}@keyframes pulseLF{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.token-expired-form{max-width:450px;width:100%;position:relative;z-index:1;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.token-expired-form{max-width:100%}}.token-expired-form .formcard{display:flex;flex-direction:column;align-items:center;width:100%;animation:fadeInUp .8s ease-out 1s both}@media all and (max-width: 576px){.token-expired-form .formcard{animation:none}}.token-expired-form .formcard .codniv-logo{margin-bottom:24px;animation:pulseLF 3s ease-in-out infinite;position:relative}@media all and (max-width: 576px){.token-expired-form .formcard .codniv-logo{margin-bottom:16px;animation:none}}.token-expired-form .formcard .codniv-logo img{height:90px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(124,58,237,.25));transition:transform .3s ease}@media all and (max-width: 576px){.token-expired-form .formcard .codniv-logo img{height:70px;filter:drop-shadow(0 4px 12px rgba(124,58,237,.2))}}.token-expired-form .formcard .codniv-logo img:hover{transform:scale(1.05)}.token-expired-form .formcard .expired-icon{margin-bottom:24px;color:#ef4444;animation:shake .5s ease-in-out}@media all and (max-width: 576px){.token-expired-form .formcard .expired-icon{margin-bottom:16px}.token-expired-form .formcard .expired-icon svg{width:60px;height:60px}}.token-expired-form .formcard .title{text-align:center;margin-bottom:16px;color:#ef4444;font-size:36px;font-weight:700;letter-spacing:-1px;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.token-expired-form .formcard .title{font-size:28px;margin-bottom:12px;letter-spacing:-.5px}}.token-expired-form .formcard .subtitle{text-align:center;margin-bottom:32px;color:#64748b;font-size:15px;line-height:1.6;font-family:QuickSand,sans-serif;padding:0 20px}@media all and (max-width: 576px){.token-expired-form .formcard .subtitle{font-size:14px;margin-bottom:24px;padding:0 10px}}.token-expired-form .formcard .action-buttons{width:100%;display:flex;flex-direction:column;gap:12px}@media all and (max-width: 576px){.token-expired-form .formcard .action-buttons{gap:10px}}.token-expired-form .formcard .action-buttons .primary-button{width:100%;padding:18px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:QuickSand,sans-serif;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #7c3aed59;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@media all and (max-width: 576px){.token-expired-form .formcard .action-buttons .primary-button{padding:16px;font-size:15px;border-radius:12px;box-shadow:0 6px 16px #7c3aed4d}}.token-expired-form .formcard .action-buttons .primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.token-expired-form .formcard .action-buttons .primary-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #7c3aed73}@media all and (max-width: 576px){.token-expired-form .formcard .action-buttons .primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}}.token-expired-form .formcard .action-buttons .primary-button:hover:before{left:100%}.token-expired-form .formcard .action-buttons .primary-button:active{transform:translateY(-1px)}@media all and (max-width: 576px){.token-expired-form .formcard .action-buttons .primary-button:active{transform:none}}.token-expired-form .formcard .action-buttons .secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#7c3aed;font-weight:600;font-size:14px;transition:all .3s ease;font-family:QuickSand,sans-serif;padding:12px}@media all and (max-width: 576px){.token-expired-form .formcard .action-buttons .secondary-button{font-size:13px;gap:6px;padding:10px}}.token-expired-form .formcard .action-buttons .secondary-button svg{transition:transform .3s ease}.token-expired-form .formcard .action-buttons .secondary-button:hover{color:#a855f7}.token-expired-form .formcard .action-buttons .secondary-button:hover svg{transform:translate(-4px)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.login-page-container{position:relative;min-height:100vh;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;font-family:QuickSand,sans-serif}@media all and (max-width: 992px){.login-page-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}}@media all and (max-width: 576px){.login-page-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh;overflow-y:auto}}.login-page-container .animated-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.login-page-container .animated-background .floating-shapes{position:relative;width:100%;height:100%}.login-page-container .animated-background .floating-shapes .shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#c084fc);opacity:.06;filter:blur(80px)}.login-page-container .animated-background .floating-shapes .shape.shape-1{width:600px;height:600px;top:-10%;left:-5%;animation:float 30s ease-in-out infinite}.login-page-container .animated-background .floating-shapes .shape.shape-2{width:500px;height:500px;top:40%;left:10%;animation:floatReverse 25s ease-in-out infinite}.login-page-container .animated-background .floating-shapes .shape.shape-3{width:550px;height:550px;top:10%;right:-5%;animation:float 28s ease-in-out infinite}.login-page-container .animated-background .floating-shapes .shape.shape-4{width:400px;height:400px;bottom:-5%;right:10%;animation:floatReverse 26s ease-in-out infinite}.login-page-container .animated-background .floating-shapes .shape.shape-5{width:350px;height:350px;top:50%;left:50%;animation:pulseL 12s ease-in-out infinite}.login-page-container .animated-background .floating-shapes .shape.shape-6{width:300px;height:300px;bottom:20%;left:40%;animation:float 20s ease-in-out infinite}.login-page-container .animated-background .grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(124,58,237,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.04) 1px,transparent 1px);background-size:60px 60px;opacity:.6}.login-page-container .animated-background .gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0% 50%,rgba(124,58,237,.1) 0%,transparent 45%),radial-gradient(circle at 100% 50%,rgba(124,58,237,.1) 0%,transparent 45%);pointer-events:none}.login-page-container .hero-section{position:relative;z-index:1;padding:60px 80px;display:flex;align-items:center;justify-content:center;animation:slideInLeft .8s ease-out}@media all and (max-width: 992px){.login-page-container .hero-section{padding:40px 30px}}@media all and (max-width: 768px){.login-page-container .hero-section{padding:30px 20px}}@media all and (max-width: 576px){.login-page-container .hero-section{padding:24px 16px;min-height:auto;animation:none}}.login-page-container .hero-section .hero-content{max-width:800px;width:100%}.login-page-container .hero-section .hero-content .hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(124,58,237,.15);border-radius:50px;margin-bottom:32px;font-size:14px;font-weight:600;color:#7c3aed;box-shadow:0 4px 16px #7c3aed1a;animation:fadeInUp .8s ease-out .2s both}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .hero-badge{padding:8px 16px;font-size:12px;margin-bottom:20px;animation:none}}.login-page-container .hero-section .hero-content .hero-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#c084fc);animation:pulseL 2s ease-in-out infinite}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .hero-badge .badge-dot{width:6px;height:6px}}.login-page-container .hero-section .hero-content .hero-badge .badge-icon{font-size:20px}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .hero-badge .badge-icon{font-size:16px}}.login-page-container .hero-section .hero-content .hero-title{font-size:56px;font-weight:800;line-height:1.2;margin-bottom:20px;color:#1e1b4b;animation:fadeInUp .8s ease-out .4s both}@media all and (max-width: 992px){.login-page-container .hero-section .hero-content .hero-title{font-size:42px}}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .hero-title{font-size:32px}}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .hero-title{font-size:28px;margin-bottom:12px;line-height:1.3;animation:none}}.login-page-container .hero-section .hero-content .hero-title .gradient-text{background:linear-gradient(135deg,#7c3aed,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.login-page-container .hero-section .hero-content .hero-title .gradient-text:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:4px;background:linear-gradient(135deg,#7c3aed,#c084fc);border-radius:2px}.login-page-container .hero-section .hero-content .hero-subtitle{font-size:20px;color:#64748b;margin-bottom:28px;line-height:1.6;animation:fadeInUp .8s ease-out .6s both}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .hero-subtitle{font-size:16px;margin-bottom:20px}}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .hero-subtitle{font-size:14px;margin-bottom:20px;line-height:1.5;animation:none}}.login-page-container .hero-section .hero-content .hero-cta{display:inline-block;padding:16px 32px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-radius:14px;font-size:17px;font-weight:700;font-family:QuickSand,sans-serif;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #7c3aed59;margin-bottom:50px;animation:fadeInUp .8s ease-out .7s both}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .hero-cta{padding:14px 28px;font-size:16px;margin-bottom:30px}}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .hero-cta{padding:14px 24px;font-size:16px;margin-bottom:24px;animation:none}}.login-page-container .hero-section .hero-content .hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed73;color:#fff}.login-page-container .hero-section .hero-content .hero-cta:active{transform:translateY(0)}.login-page-container .hero-section .hero-content .action-cta{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-radius:14px;font-size:17px;font-weight:700;font-family:QuickSand,sans-serif;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #7c3aed59;margin-bottom:40px;animation:fadeInUp .8s ease-out .7s both;position:relative;overflow:hidden}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .action-cta{padding:14px 32px;font-size:16px;margin-bottom:30px}}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .action-cta{padding:14px 28px;font-size:16px;margin-bottom:24px;animation:none}}.login-page-container .hero-section .hero-content .action-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.login-page-container .hero-section .hero-content .action-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #7c3aed73;color:#fff}.login-page-container .hero-section .hero-content .action-cta:hover:before{left:100%}.login-page-container .hero-section .hero-content .action-cta:active{transform:translateY(0);box-shadow:0 6px 20px #7c3aed59}.login-page-container .hero-section .hero-content .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .feature-grid{grid-template-columns:1fr;gap:12px;margin-bottom:30px}}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .feature-grid{display:none}}.login-page-container .hero-section .hero-content .feature-grid .feature-item{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(124,58,237,.1);border-radius:18px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease-out both;display:flex;gap:16px;align-items:flex-start}.login-page-container .hero-section .hero-content .feature-grid .feature-item:nth-child(1){animation-delay:.8s}.login-page-container .hero-section .hero-content .feature-grid .feature-item:nth-child(2){animation-delay:1s}.login-page-container .hero-section .hero-content .feature-grid .feature-item:nth-child(3){animation-delay:1.2s}.login-page-container .hero-section .hero-content .feature-grid .feature-item:nth-child(4){animation-delay:1.4s}.login-page-container .hero-section .hero-content .feature-grid .feature-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #7c3aed26;border-color:#7c3aed4d;background:#fffffffa}.login-page-container .hero-section .hero-content .feature-grid .feature-item:hover .feature-icon-box{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#7c3aed26,#a855f726)}.login-page-container .hero-section .hero-content .feature-grid .feature-item .feature-icon-box{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed14,#a855f714);border-radius:14px;transition:all .4s ease}.login-page-container .hero-section .hero-content .feature-grid .feature-item .feature-icon-box .feature-svg{width:24px;height:24px;color:#7c3aed}.login-page-container .hero-section .hero-content .feature-grid .feature-item .feature-content{flex:1}.login-page-container .hero-section .hero-content .feature-grid .feature-item .feature-content h3{font-size:16px;font-weight:700;color:#1e1b4b;margin-bottom:6px;letter-spacing:-.2px}.login-page-container .hero-section .hero-content .feature-grid .feature-item .feature-content p{font-size:13px;color:#64748b;line-height:1.5;margin:0}.login-page-container .hero-section .hero-content .hero-stats{display:flex;align-items:center;gap:30px;padding:30px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(124,58,237,.1);animation:fadeInUp .8s ease-out 1.6s both}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .hero-stats{flex-direction:column;gap:20px;padding:20px}}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .hero-stats{display:none}}.login-page-container .hero-section .hero-content .hero-stats .stat-item{flex:1;text-align:center}.login-page-container .hero-section .hero-content .hero-stats .stat-item .stat-number{font-size:32px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.login-page-container .hero-section .hero-content .hero-stats .stat-item .stat-label{font-size:14px;color:#64748b;font-weight:500}.login-page-container .hero-section .hero-content .hero-stats .stat-divider{width:1px;height:40px;background:#7c3aed33}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .hero-stats .stat-divider{display:none}}.login-page-container .hero-section .hero-content .trust-section{display:flex;gap:24px;margin-top:32px;animation:fadeInUp .8s ease-out 1.8s both}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .trust-section{flex-direction:column;gap:16px}}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .trust-section{display:none}}.login-page-container .hero-section .hero-content .trust-section .trust-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(124,58,237,.1);font-size:14px;font-weight:600;color:#4b5563;transition:all .3s ease}.login-page-container .hero-section .hero-content .trust-section .trust-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed1a}.login-page-container .hero-section .hero-content .trust-section .trust-item .trust-icon{font-size:18px}.login-page-container .hero-section .hero-content .instructions-box{display:flex;flex-direction:column;gap:16px;margin-top:40px;animation:fadeInUp .8s ease-out 1.8s both}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .instructions-box{gap:12px;margin-top:30px}}@media all and (max-width: 576px){.login-page-container .hero-section .hero-content .instructions-box{display:none}}.login-page-container .hero-section .hero-content .instructions-box .instruction-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(124,58,237,.1);border-radius:18px;transition:all .4s cubic-bezier(.4,0,.2,1)}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .instructions-box .instruction-item{padding:16px;gap:12px}}.login-page-container .hero-section .hero-content .instructions-box .instruction-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #7c3aed1f;border-color:#7c3aed40;background:#fffffffa}.login-page-container .hero-section .hero-content .instructions-box .instruction-item svg{flex-shrink:0;width:24px;height:24px;color:#7c3aed;margin-top:2px}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .instructions-box .instruction-item svg{width:20px;height:20px}}.login-page-container .hero-section .hero-content .instructions-box .instruction-item div{flex:1}.login-page-container .hero-section .hero-content .instructions-box .instruction-item div h3{font-size:16px;font-weight:700;color:#1e1b4b;margin-bottom:6px;letter-spacing:-.2px}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .instructions-box .instruction-item div h3{font-size:14px;margin-bottom:4px}}.login-page-container .hero-section .hero-content .instructions-box .instruction-item div p{font-size:13px;color:#64748b;line-height:1.5;margin:0}@media all and (max-width: 768px){.login-page-container .hero-section .hero-content .instructions-box .instruction-item div p{font-size:12px}}.login-page-container .login-form-section{position:fixed;top:0;right:0;width:50%;height:100vh;z-index:2;background:transparent;display:flex;align-items:center;justify-content:center;padding:60px 50px;animation:slideInRight .8s ease-out}@media all and (max-width: 992px){.login-page-container .login-form-section{position:relative;width:100%;height:auto;padding:40px 30px}}@media all and (max-width: 768px){.login-page-container .login-form-section{padding:40px 30px}}@media all and (max-width: 576px){.login-page-container .login-form-section{position:relative;width:100%;height:fit-content;animation:none;padding-inline:1.143rem;padding-block:0}}.login-page-container .login-form-section .form-wrapper{position:relative;width:100%;max-width:420px}@media all and (max-width: 576px){.login-page-container .login-form-section .form-wrapper{max-width:100%}}.login-page-container .login-form-section .form-wrapper .form-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}@media all and (max-width: 576px){.login-page-container .login-form-section .form-wrapper .form-decoration{display:none}}.login-page-container .login-form-section .form-wrapper .form-decoration .decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#7c3aed14,#a855f714);filter:blur(40px);animation:pulseL 4s ease-in-out infinite}.login-page-container .login-form-section .form-wrapper .form-decoration .decoration-circle.circle-1{width:200px;height:200px;top:-50px;right:-50px;animation-delay:0s}.login-page-container .login-form-section .form-wrapper .form-decoration .decoration-circle.circle-2{width:150px;height:150px;bottom:-30px;left:-30px;animation-delay:2s}.login-page-container .login-form-section .form-wrapper .form-decoration .decoration-circle.circle-3{width:120px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.login-page-container .login-form-section .form-wrapper .login-join-cta{position:relative;z-index:1;width:100%;margin-bottom:24px;text-align:center}@media all and (max-width: 576px){.login-page-container .login-form-section .form-wrapper .login-join-cta{margin-bottom:20px}}.login-page-container .login-form-section .form-wrapper .login-join-btn{display:block;width:100%;padding:18px 24px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:700;font-family:QuickSand,sans-serif;text-decoration:none;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #7c3aed59;cursor:pointer}@media all and (max-width: 576px){.login-page-container .login-form-section .form-wrapper .login-join-btn{padding:16px 20px;font-size:16px;border-radius:12px;box-shadow:0 6px 18px #7c3aed4d}}.login-page-container .login-form-section .form-wrapper .login-join-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed73;color:#fff}@media all and (max-width: 576px){.login-page-container .login-form-section .form-wrapper .login-join-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #7c3aed66}}.login-page-container .login-form-section .form-wrapper .login-join-btn:active{transform:translateY(0)}.login-page-container .login-form-section .form-wrapper .login-join-hint{font-size:13px;color:#64748b;line-height:1.5;max-width:320px;margin:12px auto 0}@media all and (max-width: 576px){.login-page-container .login-form-section .form-wrapper .login-join-hint{margin-top:10px;font-size:12px}}.login-page-container .login-form-section .form-wrapper .login-divider{position:relative;z-index:1;display:flex;align-items:center;gap:16px;width:100%;margin-bottom:24px}@media all and (max-width: 576px){.login-page-container .login-form-section .form-wrapper .login-divider{gap:12px;margin-bottom:20px}}.login-page-container .login-form-section .form-wrapper .login-divider .login-divider-line{flex:1;height:1px;background:#7c3aed26}.login-page-container .login-form-section .form-wrapper .login-divider .login-divider-text{font-size:14px;font-weight:600;color:#64748b;flex-shrink:0;font-family:QuickSand,sans-serif}@media all and (max-width: 576px){.login-page-container .login-form-section .form-wrapper .login-divider .login-divider-text{font-size:13px}}.login-page{margin:24px 10% 5rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5rem}@media all and (max-width: 992px){.login-page{margin:20px 2% 2rem}}@media all and (max-width: 768px){.login-page{margin:20px 5px 2rem;font-size:12px!important}}.login-page .login-nav{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%}.login-page .login-nav-logo>img{width:193px;aspect-ratio:4.4;cursor:pointer}@media all and (max-width: 992px){.login-page .login-nav-logo>img{width:170px}}@media all and (max-width: 768px){.login-page .login-nav-logo>img{width:143px}}.login-page .login-nav-items{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:30px}@media all and (max-width: 768px){.login-page .login-nav-items{gap:16px}}.login-page .login-nav-items-link{letter-spacing:1.5px;cursor:pointer;word-break:keep-all;width:max-content}.login-page .login-nav-items-button{padding:13px;border-radius:8px;border:none;text-transform:capitalize;letter-spacing:1.5px;color:#fff;background-color:#2c3ff5;cursor:pointer}.login-page .login-content-section{display:flex;align-items:center;justify-content:center;flex-direction:row;width:70vw}@media all and (max-width: 992px){.login-page .login-content-section{flex-direction:column;gap:50px;width:90vw;gap:5rem}}@media all and (max-width: 768px){.login-page .login-content-section{width:95vw;gap:5rem}}.login-page .login-content-section-hero,.login-page .login-content-section-entry{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}@media all and (max-width: 992px){.login-page .login-content-section-hero,.login-page .login-content-section-entry{width:80vw}}@media all and (max-width: 768px){.login-page .login-content-section-hero,.login-page .login-content-section-entry{width:85vw}}.login-page .login-content-section-hero{align-items:flex-start}.login-page .login-content-section-hero .hero{padding-left:20%}@media all and (max-width: 1920px){.login-page .login-content-section-hero .hero{padding-left:unset}}@media all and (max-width: 768px){.login-page .login-content-section-hero .hero{padding-left:10%}}.login-page .login-content-section-hero .hero-icon{flex-shrink:0}.login-page .login-content-section-hero .hero-icon>img{object-fit:contain;width:100px;aspect-ratio:1}@media all and (max-width: 992px){.login-page .login-content-section-hero .hero-icon>img{width:90px}}@media all and (max-width: 768px){.login-page .login-content-section-hero .hero-icon>img{width:75px}}.login-page .login-content-section-hero .hero-title{color:#000;text-align:center;font-size:32px;font-style:normal;font-weight:700;line-height:normal;padding-bottom:20px}.login-page .login-content-section-hero .hero-title .highlight{color:#e43636;padding:0 10px}@media all and (max-width: 992px){.login-page .login-content-section-hero .hero-title{text-align:left;font-size:26px}}@media all and (max-width: 768px){.login-page .login-content-section-hero .hero-title{font-size:20px}}.login-page .login-content-section-hero .hero-info,.login-page .login-content-section-hero .hero-info .hero-checkboxes{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:30px}@media all and (max-width: 992px){.login-page .login-content-section-hero .hero-info,.login-page .login-content-section-hero .hero-info .hero-checkboxes{gap:20px}}@media all and (max-width: 768px){.login-page .login-content-section-hero .hero-info,.login-page .login-content-section-hero .hero-info .hero-checkboxes{gap:16px}}.login-page .login-content-section-hero .hero-info .hero-checkboxes-item{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px}@media all and (max-width: 992px){.login-page .login-content-section-hero .hero-info .hero-checkboxes-item{gap:8px}}@media all and (max-width: 768px){.login-page .login-content-section-hero .hero-info .hero-checkboxes-item{gap:4px}}.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-content{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:20px}.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-content .checkbox-icon{display:flex;align-items:center;justify-content:center;flex-direction:row;color:#e43636}.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-content .checkbox-icon>svg{width:30px;height:30px}@media all and (max-width: 992px){.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-content .checkbox-icon>svg{width:24px;height:24px}}@media all and (max-width: 768px){.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-content .checkbox-icon>svg{width:20px;height:20px}}.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-content .checkbox-title{color:#000;font-size:24px;font-style:normal;font-weight:500;line-height:30px}@media all and (max-width: 992px){.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-content .checkbox-title{font-size:20px}}@media all and (max-width: 768px){.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-content .checkbox-title{font-size:16px}}.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-subtitle{color:#505167;font-style:normal;font-family:QuickSand;font-weight:400;font-size:18px;line-height:24px;padding-left:50px}@media all and (max-width: 992px){.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-subtitle{font-size:14px;line-height:20px;padding-left:46px}}@media all and (max-width: 768px){.login-page .login-content-section-hero .hero-info .hero-checkboxes-item .checkbox-subtitle{font-size:12px;line-height:18px;padding-left:40px}}.login-page .login-content-section-hero .hero-info-icon>img{object-fit:contain;width:310px;aspect-ratio:2.33}@media all and (max-width: 992px){.login-page .login-content-section-hero .hero-info-icon>img{width:280px}}@media all and (max-width: 768px){.login-page .login-content-section-hero .hero-info-icon>img{width:250px}}.login-page .login-content-section-entry{gap:0;position:relative}.login-page .login-content-section-entry .entry-container{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 29px 102px #ff747426;padding:55px;width:90%;gap:20px;min-width:500px;max-width:600px}@media all and (max-width: 1920px){.login-page .login-content-section-entry .entry-container{width:90%;min-width:450px;max-width:600px}}@media all and (max-width: 1290px){.login-page .login-content-section-entry .entry-container{min-width:380px}}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container{min-width:300px;width:90%;padding:45px;gap:18px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container{width:98%;padding:35px;gap:16px}}.login-page .login-content-section-entry .entry-container .entry-header{padding:10px 10%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px}@media all and (max-width: 1290px){.login-page .login-content-section-entry .entry-container .entry-header{padding:10px 0%;gap:20px}}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-header{padding:10px 10%;gap:20px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-header{padding:10px 0%;gap:16px}}.login-page .login-content-section-entry .entry-container .entry-header .entry-title{color:#000;text-align:center;font-family:Lexend Deca;font-size:36px;font-style:normal;font-weight:700;line-height:normal}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-header .entry-title{font-size:30px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-header .entry-title{font-size:24px}}.login-page .login-content-section-entry .entry-container .entry-header .entry-subtitle{color:#505167;text-align:center;font-family:QuickSand;font-size:20px;font-style:normal;font-weight:400;line-height:normal}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-header .entry-subtitle{font-size:18px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-header .entry-subtitle{font-size:16px}}.login-page .login-content-section-entry .entry-container .entry-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-content{gap:12px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-content{gap:10px}}.login-page .login-content-section-entry .entry-container .entry-content .entry-google-button{display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:8px;border:1px solid #e43636;background:#fff;width:100%;height:60px;gap:12px;cursor:pointer;color:#000;text-align:center;font-family:QuickSand;font-size:20px;font-style:normal;font-weight:700;line-height:normal}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-content .entry-google-button{font-size:18px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-content .entry-google-button{font-size:16px}}.login-page .login-content-section-entry .entry-container .entry-content .entry-google-button .google-icon{display:flex;align-items:center;justify-content:center;flex-direction:row}.login-page .login-content-section-entry .entry-container .entry-content .entry-google-button .google-icon>img{width:22px;aspect-ratio:1;object-fit:contain}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-content .entry-google-button .google-icon>img{width:18px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-content .entry-google-button .google-icon>img{width:14px}}.login-page .login-content-section-entry .entry-container .entry-content .entry-separator{color:#505167;text-align:center;font-family:QuickSand;font-size:18px;font-style:normal;font-weight:400;line-height:normal}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-content .entry-separator{font-size:16px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-content .entry-separator{font-size:14px}}.login-page .login-content-section-entry .entry-container .entry-content .entry-input-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:10px}.login-page .login-content-section-entry .entry-container .entry-content .entry-input-container .entry-input-label{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;width:100%;color:#000;font-family:QuickSand;font-size:18px;font-style:normal;font-weight:400;line-height:normal}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-content .entry-input-container .entry-input-label{font-size:16px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-content .entry-input-container .entry-input-label{font-size:14px}}.login-page .login-content-section-entry .entry-container .entry-content .entry-input-container .entry-input{border-radius:8px;border:1px solid rgba(99,99,99,.7);background:#fff;height:50px;width:100%;outline:none;padding:16px;transition:all .3s ease-in-out}.login-page .login-content-section-entry .entry-container .entry-content .entry-input-container .entry-input:hover,.login-page .login-content-section-entry .entry-container .entry-content .entry-input-container .entry-input:focus{border:1px solid #e43636}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-content .entry-input-container .entry-input{font-size:16px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-content .entry-input-container .entry-input{font-size:14px}}.login-page .login-content-section-entry .entry-container .entry-content .entry-submit-button{display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:8px;background:#e43636;height:50px;width:100%;outline:none;border:none;cursor:pointer;margin:10px 0 4px;color:#fff;text-align:center;font-family:Lexend Deca;font-size:18px;font-style:normal;font-weight:500;line-height:normal;transition:all .3s ease-in-out}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-content .entry-submit-button{font-size:16px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-content .entry-submit-button{font-size:14px}}.login-page .login-content-section-entry .entry-container .entry-content .entry-submit-button.disabled{pointer-events:none;background:#f5a0a0}.login-page .login-content-section-entry .entry-container .entry-content-footer{margin:0 5%;color:#505167;text-align:center;font-family:QuickSand;font-size:16px;font-style:normal;font-weight:400;line-height:normal}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-content-footer{font-size:14px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-content-footer{font-size:12px}}.login-page .login-content-section-entry .entry-container .entry-content-footer .entry-highlight{color:#e43636;cursor:pointer}.login-page .login-content-section-entry .entry-container .entry-footer{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;margin:20px 20px 0}.login-page .login-content-section-entry .entry-container .entry-footer-title{color:#000;text-align:center;font-family:QuickSand;font-size:18px;font-style:normal;font-weight:400;line-height:normal}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-footer-title{font-size:16px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-footer-title{font-size:14px}}.login-page .login-content-section-entry .entry-container .entry-footer-images{display:flex;align-items:center;justify-content:space-around;flex-direction:row;gap:20px;flex-wrap:wrap}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-footer-images{flex-wrap:wrap}}.login-page .login-content-section-entry .entry-container .entry-footer-images>img{width:95px;aspect-ratio:3.76;object-fit:contain}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-container .entry-footer-images>img{width:80px}}@media all and (max-width: 768px){.login-page .login-content-section-entry .entry-container .entry-footer-images>img{width:65px}}.login-page .login-content-section-entry .entry-background{position:absolute;translate:-10% 15%;z-index:-1;flex-shrink:0}@media all and (max-width: 1920px){.login-page .login-content-section-entry .entry-background{translate:-10% 20%}}@media all and (max-width: 1290px){.login-page .login-content-section-entry .entry-background{translate:-8% 20%}}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-background{translate:-5% 20%}}.login-page .login-content-section-entry .entry-background>img{object-fit:contain;width:120%;aspect-ratio:1.47}@media all and (max-width: 1920px){.login-page .login-content-section-entry .entry-background>img{width:120%}}@media all and (max-width: 1290px){.login-page .login-content-section-entry .entry-background>img{width:115%}}@media all and (max-width: 992px){.login-page .login-content-section-entry .entry-background>img{width:110%}}.login-page .login-info{margin-top:7%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px}@media all and (max-width: 992px){.login-page .login-info{gap:40px;margin-bottom:5rem}}@media all and (max-width: 768px){.login-page .login-info{gap:34px}}.login-page .login-info-title{color:#000;text-align:center;font-family:Lexend Deca;font-size:36px;font-style:normal;font-weight:700;line-height:normal}@media all and (max-width: 992px){.login-page .login-info-title{font-size:30px}}@media all and (max-width: 768px){.login-page .login-info-title{font-size:24px}}.login-page .login-info-title .login-info-highlight{color:#e43636}.login-page .login-info-video{border-radius:18px;background:#fff;box-shadow:0 29px 102px #ff747426;width:115%;aspect-ratio:3/2;overflow:hidden}@media all and (max-width: 992px){.login-page .login-info-video{width:90vw}}@media all and (max-width: 768px){.login-page .login-info-video{width:90vw}}.login-page .login-info-video-iframe{width:100%;height:100%}.login-page-confirmation,.login-page-check-email{width:100%;padding:10px}.login-page-confirmation .entry-submit-button,.login-page-check-email .entry-submit-button{display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:8px;background:#e43636;height:50px;width:100%;outline:none;border:none;cursor:pointer;margin:10px 0 4px;color:#fff;text-align:center;font-family:Lexend Deca;font-size:18px;font-style:normal;font-weight:500;line-height:normal}@media all and (max-width: 992px){.login-page-confirmation .entry-submit-button,.login-page-check-email .entry-submit-button{font-size:16px}}@media all and (max-width: 768px){.login-page-confirmation .entry-submit-button,.login-page-check-email .entry-submit-button{font-size:14px}}.login-page-confirmation-close,.login-page-check-email-close{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;width:100%}.login-page-confirmation-close>svg,.login-page-check-email-close>svg{cursor:pointer;transition:color .3s ease-in-out}@media all and (max-width: 992px){.login-page-confirmation-close>svg,.login-page-check-email-close>svg{width:22px;height:22px}}@media all and (max-width: 768px){.login-page-confirmation-close>svg,.login-page-check-email-close>svg{width:18px;height:18px}}.login-page-confirmation-close>svg:hover,.login-page-check-email-close>svg:hover{color:#e43636}.login-page-confirmation-heading,.login-page-check-email-heading{color:#000;text-align:center;font-family:Lexend Deca;font-size:36px;font-style:normal;font-weight:700;line-height:normal}@media all and (max-width: 992px){.login-page-confirmation-heading,.login-page-check-email-heading{font-size:24px}}@media all and (max-width: 768px){.login-page-confirmation-heading,.login-page-check-email-heading{font-size:18px}}.login-page-confirmation-content-list,.login-page-check-email-content-list{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:0 10%;gap:12px}.login-page-confirmation-content-text,.login-page-check-email-content-text{color:#000;text-align:center;font-family:QuickSand;font-size:18px;font-style:normal;font-weight:400;line-height:normal}@media all and (max-width: 992px){.login-page-confirmation-content-text,.login-page-check-email-content-text{font-size:16px}}@media all and (max-width: 768px){.login-page-confirmation-content-text,.login-page-check-email-content-text{font-size:14px}}.login-page-confirmation-content-text .highlight,.login-page-check-email-content-text .highlight{color:#e43636}.login-page-confirmation{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:20px}.login-page-confirmation-input-container{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:12px;width:100%}.login-page-confirmation-input-container .login-page-confirmation-input-label{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;width:100%;color:#000;font-family:QuickSand;font-size:18px;font-style:normal;font-weight:400;line-height:normal}@media all and (max-width: 992px){.login-page-confirmation-input-container .login-page-confirmation-input-label{font-size:16px}}@media all and (max-width: 768px){.login-page-confirmation-input-container .login-page-confirmation-input-label{font-size:14px}}.login-page-confirmation-input-container .login-page-confirmation-input{border-radius:8px;border:1px solid rgba(99,99,99,.7);background:#fff;height:50px;width:100%;outline:none;padding:16px;transition:all .3s ease-in-out}@media all and (max-width: 992px){.login-page-confirmation-input-container .login-page-confirmation-input{font-size:16px}}@media all and (max-width: 768px){.login-page-confirmation-input-container .login-page-confirmation-input{font-size:14px}}.login-page-confirmation-input-container .login-page-confirmation-input:hover,.login-page-confirmation-input-container .login-page-confirmation-input:focus{border:1px solid #e43636}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}@keyframes floatReverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(30px) rotate(-5deg)}}@keyframes pulseL{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed99}}.dashboard-container{min-height:100vh;padding:2.286rem 1.714rem;width:100%;animation:fadeIn .6s ease-out}@media (max-width: 768px){.dashboard-container{padding:1.714rem 1.143rem}}.dashboard-container .dashboard-welcome-header{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:16px;padding:2.286rem 1.714rem;margin-bottom:2.286rem;box-shadow:0 8px 24px #8860d040;position:relative;overflow:hidden;animation:slideDown .6s ease-out}.dashboard-container .dashboard-welcome-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%;pointer-events:none}.dashboard-container .dashboard-welcome-header:after{content:"";position:absolute;bottom:-30%;left:-5%;width:200px;height:200px;background:#ffffff14;border-radius:50%;pointer-events:none}.dashboard-container .dashboard-welcome-header .welcome-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}@media (max-width: 768px){.dashboard-container .dashboard-welcome-header .welcome-content{flex-direction:column;align-items:flex-start;gap:1.143rem}}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-greeting .greeting-text{font-size:1.714rem;font-weight:700;color:#fff;margin:0;margin-bottom:.571rem}@media (max-width: 768px){.dashboard-container .dashboard-welcome-header .welcome-content .welcome-greeting .greeting-text{font-size:1.429rem}}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-greeting .role-message{font-size:1.143rem;color:#ffffffe6;margin:0;line-height:1.5}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.857rem}@media (max-width: 768px){.dashboard-container .dashboard-welcome-header .welcome-content .welcome-actions{align-items:flex-start}}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-actions .welcome-push-btn{display:inline-flex;align-items:center;gap:.571rem;border:none;border-radius:20px;padding:.571rem 1.143rem;font-size:.857rem;font-weight:600;cursor:pointer;transition:all .25s ease;line-height:1}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-actions .welcome-push-btn svg{font-size:1rem;flex-shrink:0}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-actions .welcome-push-btn--enable{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-actions .welcome-push-btn--enable:hover{background:#ffffff59;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-actions .welcome-push-btn--disable{background:#ffffff1f;color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-actions .welcome-push-btn--disable:hover{background:#ef444440;color:#fecaca;border-color:#ef444466;transform:translateY(-1px)}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-actions .welcome-push-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-date{display:flex;flex-direction:column;align-items:flex-end;gap:.286rem}@media (max-width: 768px){.dashboard-container .dashboard-welcome-header .welcome-content .welcome-date{align-items:flex-start}}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-date .date-text{font-size:1.143rem;color:#fffc;font-weight:500}.dashboard-container .dashboard-welcome-header .welcome-content .welcome-date .time-text{font-size:1.286rem;color:#fff;font-weight:700}.dashboard-container-top{display:grid;grid-template-columns:2fr 1fr;gap:1.714rem;margin-bottom:1.714rem}@media (max-width: 1200px){.dashboard-container-top{grid-template-columns:1fr}}.dashboard-container-top.employee{grid-template-columns:1fr}.dashboard-container-top.employee .employee-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.714rem;width:100%}@media (max-width: 1200px){.dashboard-container-top.employee .employee-dashboard-grid{grid-template-columns:1fr}}.dashboard-container-top.employee .employee-dashboard-grid .employee-attendance-section,.dashboard-container-top.employee .employee-dashboard-grid .employee-streak-section{height:100%;min-height:500px}.dashboard-container-basicStatistics{display:flex;align-items:space-between;justify-content:center;flex-direction:column;gap:1.143rem}.dashboard-container-basicStatistics .top{display:grid;grid-template-columns:repeat(4,1fr);gap:1.143rem;width:100%}@media (max-width: 1600px){.dashboard-container-basicStatistics .top{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-container-basicStatistics .top{grid-template-columns:1fr}}.dashboard-container-basicStatistics .bottom{width:100%;display:flex;align-items:stretch}@media (max-width: 768px){.dashboard-container-basicStatistics .bottom{flex-direction:column}}.dashboard-container-pie-chart{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f}@media all and (max-width: 576px){.dashboard-container-pie-chart{display:none!important}}.dashboard-container-middleSection{display:grid;grid-template-columns:2fr 1fr;gap:1.714rem}@media (max-width: 1200px){.dashboard-container-middleSection{grid-template-columns:1fr}}.dashboard-container-middleSection-events{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f}.dashboard-container-middleSection-right{display:flex;flex-direction:column;gap:1.143rem}.dashboard-container-middleSection-right-individual{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f}.dashboard-container-pending{width:100%;margin-bottom:1.714rem}.dashboard-container-leaderboard{width:100%;margin-bottom:1.714rem;animation:fadeInUp .8s ease-out}.pendingDetailCard-container{display:flex;flex-direction:column;width:100%;padding:1.429rem;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;gap:1.429rem;transition:all .3s ease;box-shadow:0 4px 20px -5px #0000000d}.pendingDetailCard-container .card-titleContainer{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.pendingDetailCard-container .card-titleContainer-title{display:flex;align-items:center;gap:.571rem;font-size:18px;font-weight:600;color:#8860d0}.pendingDetailCard-container .card-titleContainer-title .info-icon{color:#8860d066;font-size:18px;cursor:help;transition:all .2s ease}.pendingDetailCard-container .card-titleContainer-title .info-icon:hover{color:#8860d0}.pendingDetailCard-container .card-titleContainer .total-badge{display:flex;align-items:center;gap:.857rem;padding:.571rem 1.143rem;background:#f3effc;border-radius:12px;border:1px solid rgba(136,96,208,.1)}.pendingDetailCard-container .card-titleContainer .total-badge .total-label{font-size:11px;font-weight:600;color:#8860d0b3;text-transform:uppercase;letter-spacing:.5px}.pendingDetailCard-container .card-titleContainer .total-badge .total-value{font-size:18px;font-weight:700;color:#8860d0;line-height:1}.pendingDetailCard-info-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:1.429rem;width:100%}.pendingDetailCard-info-item{display:flex;flex-direction:column;justify-content:space-between;height:160px;padding:1.429rem;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden;cursor:pointer;transition:all .1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 12px #00000008}.pendingDetailCard-info-item.has-data{border-color:var(--accent-color)}.pendingDetailCard-info-item.has-data:hover .item-value{transform:scale(1.05)}.pendingDetailCard-info-item.has-data:hover .view-action{transform:translate(2px);opacity:1}.pendingDetailCard-info-item:not(.has-data){opacity:.8;cursor:default;filter:grayscale(.2)}.pendingDetailCard-info-item:not(.has-data) .view-action{display:none}.pendingDetailCard-info-item-content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:1.143rem;z-index:2}.pendingDetailCard-info-item-content .icon-container{width:44px;height:44px;border-radius:12px;background:var(--bg-color);display:flex;align-items:center;justify-content:center;flex-direction:row;flex-shrink:0;box-shadow:0 4px 10px -2px var(--bg-color)}.pendingDetailCard-info-item-content .text-container{display:flex;flex-direction:column;gap:2px;overflow:hidden}.pendingDetailCard-info-item-content .text-container .item-name{font-size:15px;font-weight:600;color:#313131;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pendingDetailCard-info-item-content .text-container .item-desc{font-size:11px;color:#8c9196;font-weight:400}.pendingDetailCard-info-item-stats{display:flex;align-items:flex-end;justify-content:space-between;flex-direction:row;width:100%;z-index:2}.pendingDetailCard-info-item-stats .item-value{font-size:32px;font-weight:800;color:var(--accent-color);line-height:1;transition:transform .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.05)}.pendingDetailCard-info-item-stats .view-action{display:flex;align-items:center;justify-content:center;flex-direction:row;width:32px;height:32px;border-radius:50%;background:var(--bg-color);color:var(--accent-color);opacity:.5;transition:all .3s ease}.pendingDetailCard-info-item .accent-blob{position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;background:var(--bg-color);border-radius:50%;filter:blur(25px);z-index:1;opacity:.6}@media (max-width: 1200px){.pendingDetailCard-info-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pendingDetailCard-container{padding:1.143rem}.pendingDetailCard-container .card-titleContainer{flex-direction:column;align-items:flex-start;gap:.857rem}.pendingDetailCard-container .card-titleContainer .total-badge{width:100%;justify-content:space-between}.pendingDetailCard-info-wrapper{grid-template-columns:1fr;gap:1.143rem}}.onLeaveContainer-employees-item-modal{display:flex;justify-content:space-between;align-items:center;gap:1.143rem;padding:1.143rem 1.429rem;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);margin-bottom:.857rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:110px}.onLeaveContainer-employees-item-modal:hover{background:#f3effc;border-color:#8860d01a;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-leftContainer{display:flex;flex-direction:row;gap:1.143rem;align-items:center}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-imgcontainer{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid white;box-shadow:0 2px 8px #0000001a}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-imgcontainer img{width:100%;height:100%;object-fit:cover}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;width:auto;max-width:400px;min-width:220px;gap:8px}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer-nameContainer{display:flex;flex-direction:column}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer-nameContainer span:first-child{font-size:15px;font-weight:600;color:#313131}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer-nameContainer span:last-child{font-size:12px;color:#8c9196}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-details-grid{display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:100%}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-details-grid .detail-info{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:.571rem;color:#3e1e79;font-size:13px;line-height:1.4;min-width:0}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-details-grid .detail-info .detail-icon{color:#8860d0;opacity:.6;flex-shrink:0;margin-top:2px}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-details-grid .detail-info .detail-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-details-grid .detail-info .amount-value{font-weight:700}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-details-grid .detail-info .amount-value.income{color:#10b981}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-details-grid .detail-info .amount-value.expense{color:#ef4444}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-remarks{margin-top:.286rem;font-size:12px;color:#8c9196;font-style:italic;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:8px;width:100%;line-height:1.4}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-remarks .remark-icon{margin-top:3px;flex-shrink:0;color:#8860d080}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-remarks .remark-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-remarks .remark-text:before{content:'"'}.onLeaveContainer-employees-item-modal .onLeaveContainer-employees-item-rightContainer .item-remarks .remark-text:after{content:'"'}.leaderboards-container{display:flex;flex-direction:column;gap:1.143rem;margin-top:1.143rem}.leaderboards-container.admin-view{flex-direction:row;gap:1.714rem;width:100%}@media all and (max-width: 768px){.leaderboards-container{grid-template-columns:1fr;gap:.857rem}}.leaderboards-container .leaderboard-section{background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;padding:1.143rem;border:1px solid rgba(136,96,208,.1);transition:all .3s ease}.leaderboards-container .leaderboard-section.admin-view{padding:1.429rem;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;gap:1.429rem;transition:all .3s ease;box-shadow:0 4px 20px -5px #0000000d;width:100%}.leaderboards-container .leaderboard-section:hover{border-color:#8860d033}.leaderboards-container .leaderboard-section .leaderboard-header{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:.571rem;margin-bottom:1.429rem;padding-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.15)}.leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-icon{color:#8860d0;font-size:1.286rem;animation:iconPulse 2s infinite}.leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;text-transform:uppercase;letter-spacing:.5px}.leaderboards-container .leaderboard-section .leaderboard-cards{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:row;gap:.857rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1.429rem;border-radius:12px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card:hover:before{opacity:1}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card:hover .avatar-circle{transform:scale(1.1) rotate(5deg)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card:hover .rank-badge{transform:scale(1.1)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1{transform:scale(1.08);z-index:2;background:linear-gradient(135deg,gold,#ffed4e,gold);border:2px solid #ffb700}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .rank-position{background:linear-gradient(135deg,#ffb700,gold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .avatar-circle{border:3px solid #ffb700;box-shadow:0 4px 16px #ffd70066}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .leader-streak-display{background:linear-gradient(135deg,#ffb700,gold)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .leader-streak-display .streak-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .leader-streak-display .streak-number{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2{background:linear-gradient(135deg,#2c6ecb33,#8860d026,#2c6ecb33);border:2px solid rgba(44,110,203,.4)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .rank-position{background:linear-gradient(135deg,#2c6ecb,#5189d9);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .avatar-circle{border:3px solid #2c6ecb;box-shadow:0 4px 16px #2c6ecb4d}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .leader-streak-display{background:linear-gradient(135deg,#2c6ecb,#5189d9)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .leader-streak-display .streak-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .leader-streak-display .streak-number{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3{background:linear-gradient(135deg,#8860d040,#9c80ce33,#8860d040);border:2px solid rgba(136,96,208,.4)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .rank-position{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .avatar-circle{border:3px solid #8860d0;box-shadow:0 4px 16px #8860d04d}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .leader-streak-display{background:linear-gradient(135deg,#8860d0,#9c80ce)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .leader-streak-display .streak-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .leader-streak-display .streak-number{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge{position:absolute;top:.571rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.286rem;transition:transform .3s ease;z-index:2}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-laurel{font-size:1.714rem;animation:iconBounce 2s infinite}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-position{padding:.286rem .571rem;border-radius:20px;font-size:.857rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0003}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar{margin-top:2.286rem;margin-bottom:.857rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar .avatar-circle{width:80px;height:80px;border-radius:50%;overflow:hidden;transition:all .3s ease;background:#f0f0f0}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar .avatar-circle .avatar-image{width:100%;height:100%;object-fit:cover}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-name{font-size:1.143rem;font-weight:600;color:#313131;text-align:center;margin-bottom:.571rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.571rem;padding:.571rem 1.143rem;border-radius:20px;background:#8860d01a;transition:all .3s ease}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-icon{font-size:1.143rem;color:#8860d0}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-number{font-size:1.286rem;font-weight:700;color:#8860d0}@media (max-width: 768px){.leaderboards-container{grid-template-columns:1fr;gap:.857rem}.leaderboards-container .leaderboard-section{padding:1.143rem}.leaderboards-container .leaderboard-section .leaderboard-header{margin-bottom:1.143rem}.leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-icon{font-size:1.143rem}.leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-title{font-size:1rem}.leaderboards-container .leaderboard-section .leaderboard-cards{gap:.571rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card{padding:1.143rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-laurel{font-size:1.429rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar{margin-top:1.714rem;margin-bottom:.571rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar .avatar-circle{width:64px;height:64px}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-name{font-size:1rem;margin-bottom:.571rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display{padding:.286rem .857rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-icon{font-size:1rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-number{font-size:1.143rem}}@media all and (max-width: 576px){.leaderboards-container .leaderboard-section{padding:.857rem}.leaderboards-container .leaderboard-section .leaderboard-header{margin-bottom:.857rem;padding-bottom:.571rem}.leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-icon{font-size:1rem}.leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-title{font-size:.857rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card{padding:.857rem;width:100%}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge{top:.286rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-laurel{font-size:1.286rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-position{padding:.143rem .286rem;font-size:.714rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar{margin-top:1.429rem;margin-bottom:.571rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar .avatar-circle{width:56px;height:56px}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-name{font-size:.857rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display{padding:.286rem .571rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-icon{font-size:.857rem}.leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-number{font-size:1rem}}.personal-info-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.personal-info-section:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.personal-info-section__header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;position:relative}.personal-info-section__header-icon{width:40px;height:40px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.personal-info-section__title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.personal-info-section__form{padding:2rem}.personal-info-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.personal-info-section__grid{grid-template-columns:1fr;gap:1rem}}.personal-info-section__input-group{display:flex;flex-direction:column;gap:.5rem}.personal-info-section__input-group .personal-info-section__date-picker .MuiPickersInputBase-root .MuiPickersSectionList-root{margin-left:10px!important}.personal-info-section__input-group .personal-info-section__date-picker .MuiPickersInputBase-root .MuiInputAdornment-root{margin-right:15px!important}.personal-info-section__input-group--full{grid-column:1/-1}.personal-info-section__label{display:flex;align-items:center;gap:.25rem;font-weight:600;color:#374151;font-size:.875rem}.personal-info-section__label-text{color:#374151}.personal-info-section__required{color:#ef4444;font-weight:700}.personal-info-section__input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .2s ease;background:#f8fafc}.personal-info-section__input:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.personal-info-section__input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.personal-info-section__input--disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.personal-info-section__input::placeholder{color:#94a3b8}.personal-info-section__date-input{width:100%;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;transition:all .2s ease;background:#f8fafc}.personal-info-section__date-input:focus{outline:none;border-color:#7c3aed;background:#fff}.personal-info-section__date-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.personal-info-section__actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}@media (max-width: 768px){.personal-info-section__actions{flex-direction:column}}.personal-info-section__save-btn{flex:1;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;box-shadow:0 4px 12px #7c3aed4d;transition:all .2s ease}.personal-info-section__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.personal-info-section__save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.personal-info-section__reset-btn{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0;padding:.75rem 2rem;border-radius:12px;font-weight:600;transition:all .2s ease}.personal-info-section__reset-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.personal-info-section__reset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.personal-info-section__reset-btn:disabled:hover{background:#f8fafc;color:#64748b}@media (max-width: 768px){.personal-info-section__form{padding:1rem}.personal-info-section__header{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}.personal-info-section__header-icon{width:36px;height:36px}.personal-info-section__title{font-size:1.125rem}.personal-info-section__actions{gap:.75rem}.personal-info-section__save-btn,.personal-info-section__reset-btn{padding:.625rem 1.5rem}}@media (max-width: 576px){.personal-info-section{border-radius:0;box-shadow:none;border:none}.personal-info-section__header{flex-direction:row;gap:1.143rem}}@media (max-width: 1024px){.personal-info-section__form{padding:1.5rem}.personal-info-section__header{padding:1.25rem 1.5rem}}.css-vycme6-MuiPickersInputBase-root-MuiPickersOutlinedInput-root{width:100%!important;border:1px solid #e2e8f0!important;border-radius:12px!important;font-size:.875rem!important;transition:all .2s ease!important;background:#f8fafc!important;padding:0!important;height:3.714rem!important}.css-vycme6-MuiPickersInputBase-root-MuiPickersOutlinedInput-root:hover{outline:none!important;border-color:#7c3aed!important}.css-vycme6-MuiPickersInputBase-root-MuiPickersOutlinedInput-root:focus{outline:none!important;border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed1a!important}.css-vycme6-MuiPickersInputBase-root-MuiPickersOutlinedInput-root:disabled{background:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed!important}.css-vycme6-MuiPickersInputBase-root-MuiPickersOutlinedInput-root::placeholder{color:#94a3b8!important}.css-vycme6-MuiPickersInputBase-root-MuiPickersOutlinedInput-root:hover .MuiPickersOutlinedInput-notchedOutline{border:0px!important;border-color:#f8fafc!important}.css-lqwr9g-MuiPickersOutlinedInput-notchedOutline{border:0px!important}.css-1fb7els-MuiPickersSectionList-root-MuiPickersInputBase-sectionsContainer-MuiPickersOutlinedInput-sectionsContainer{font-family:QuickSand,Roboto,Helvetica,Arial,sans-serif!important}.css-elo8k2-MuiInputAdornment-root{margin-left:0!important}.css-joz0rk-MuiPickersSectionList-section-MuiPickersInputBase-section,.css-1jpopwz-MuiPickersSectionList-sectionContent-MuiPickersInputBase-sectionContent{font-family:QuickSand,Roboto,Helvetica,Arial,sans-serif!important}.teams-form-comp{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1.143rem;width:100%}.teams-form-comp>.edit-mode{display:flex;align-items:center;justify-content:center;flex-direction:row}.teams-form-comp>.edit-mode>.image-editor{width:200px;height:200px}.teams-form-comp>.edit-mode>.image-editor>img{width:100%}.teams-form-comp .input-group{flex:1 0 calc(50% - .571rem);display:grid;gap:.571rem}.teams-form-comp .input-group>span{color:#313131;font-size:1rem}.teams-form-comp>.form-button-end{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;width:100%;gap:1.143rem;border-top:1px solid gray}.teams-form-comp>.form-button-end .negative-btn{background:#919090}.teams-form-comp>.form-button-end .negative-btn:hover{background-color:#a1a1a1}.edit-teams-form{padding:1.143rem;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;margin:20px 0}.edit-teams-form-comp{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:1.143rem}.edit-teams-form-comp>.title{display:flex;align-items:center;gap:.857rem;font-size:1.286rem;font-weight:600}.edit-teams-form-comp .form-button-end{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;width:100%;gap:1.143rem;margin-top:1.143rem}.edit-teams-form-comp .form-button-end .negative-btn{background:#919090}.edit-teams-form-comp .form-button-end .negative-btn:hover{background-color:#a1a1a1}.edit-teams-form-comp>.side-by-image{width:100%;align-items:center;justify-content:space-between;flex-direction:row;gap:1.429rem;display:flex;flex-direction:column}.edit-teams-form-comp>.side-by-image>.title{display:flex;align-items:center;gap:1.143rem;font-size:1.286rem;font-weight:600}.edit-teams-form-comp>.side-by-image>.image-section{position:relative;width:200px;height:200px}.edit-teams-form-comp>.side-by-image>.image-section>img{width:100%;height:100%;object-fit:cover;object-position:0 0}.edit-teams-form-comp>.side-by-image>.image-section>.overlay{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;background-color:#f0f0f080;color:#fff;cursor:pointer;opacity:0;transition:opacity ease-in-out .1s}.edit-teams-form-comp>.side-by-image>.image-section:hover>.overlay{opacity:1}.edit-teams-form-comp>.side-by-image>.form-section{display:flex;align-items:center;justify-content:center;flex-direction:row;flex:1;flex-wrap:wrap;gap:1.143rem}.edit-teams-form-comp>.side-by-image>.form-section .input-group{flex:1 0 calc(50% - .571rem);display:grid;gap:.286rem}.edit-teams-form-comp>.side-by-image>.form-section .input-group>span{color:#313131;font-size:1rem;font-weight:600}.edit-teams-form-comp .remaining-form{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1.143rem}.edit-teams-form-comp .remaining-form .input-group{flex:1 0 calc(50% - .571rem);display:grid;gap:.571rem}.edit-teams-form-comp .remaining-form .input-group>span{color:#313131;font-size:1rem}.contract-viewer-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000080;display:flex;align-items:center;justify-content:flex-end;flex-direction:row;font-family:QuickSand,sans-serif}.contract-viewer-wrapper .contract-viewer{width:800px;height:100dvh;background-color:#fff;padding:1.714rem;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:1.143rem}.contract-viewer-wrapper .contract-viewer>div{width:100%}.contract-viewer-wrapper .contract-viewer-header{position:relative}.contract-viewer-wrapper .contract-viewer-header h2{font-family:QuickSand,sans-serif;font-size:1.429rem;font-weight:600}.contract-viewer-wrapper .contract-viewer-header .close-btn{cursor:pointer;position:absolute;top:.571rem;right:.571rem}.contract-viewer-wrapper .contract-viewer-topSection{padding-block:1.714rem}.contract-viewer-wrapper .contract-viewer-validity{padding:.857rem;background-color:#8860d00a;box-shadow:#8860d033 0 0 0 1px;border-radius:8px}.contract-viewer-wrapper .contract-viewer-validity-content{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.contract-viewer-wrapper .contract-viewer-validity-content-left,.contract-viewer-wrapper .contract-viewer-validity-content-right{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.571rem}.contract-viewer-wrapper .contract-viewer-validity-content-left span,.contract-viewer-wrapper .contract-viewer-validity-content-right span{font-size:1rem}.contract-viewer-wrapper .contract-viewer-validity-content-left .value,.contract-viewer-wrapper .contract-viewer-validity-content-right .value{font-size:1.286rem;font-weight:600}.contract-viewer-wrapper .contract-viewer-otherDetails{padding:.857rem;background-color:#8860d00a;box-shadow:#8860d033 0 0 0 1px;border-radius:8px}.contract-viewer-wrapper .contract-viewer-otherDetails-content{display:grid;grid-template-columns:repeat(2,1fr)}.basic-details-section{padding:0}.basic-details-section .basic-details-topSection{padding:2rem;margin-bottom:2rem;position:relative}.basic-details-section .basic-details-topSection__profile-card{display:flex;gap:2rem;align-items:flex-start}@media (max-width: 768px){.basic-details-section .basic-details-topSection__profile-card{flex-direction:column;align-items:center;text-align:center}}.basic-details-section .basic-details-topSection__avatar-section{flex-shrink:0}.basic-details-section .basic-details-topSection__info-section{flex:1;min-width:0}.basic-details-section .basic-details-topSection__name-section{margin-bottom:1.5rem}.basic-details-section .basic-details-topSection__name{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}@media (max-width: 768px){.basic-details-section .basic-details-topSection__name{font-size:2rem}}.basic-details-section .basic-details-topSection__position-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-radius:12px;font-weight:600;font-size:.875rem;box-shadow:0 4px 12px #7c3aed4d}.basic-details-section .basic-details-topSection__position-badge svg{color:#fff}.basic-details-section .basic-details-topSection__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.basic-details-section .basic-details-topSection__details-grid{grid-template-columns:1fr;gap:1rem}}@media all and (max-width: 576px){.basic-details-section .basic-details-topSection__details-grid{grid-template-columns:1fr 1fr;gap:1rem}}.basic-details-section .basic-details-topSection__detail-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.basic-details-section .basic-details-topSection__detail-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#7c3aed05,#a855f705);opacity:0;transition:opacity .3s ease}.basic-details-section .basic-details-topSection__detail-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateY(-2px);box-shadow:0 8px 25px #00000014;border-color:#7c3aed}.basic-details-section .basic-details-topSection__detail-item:hover:before{opacity:1}.basic-details-section .basic-details-topSection__detail-item:hover .detail-icon{transform:scale(1.1);background:linear-gradient(135deg,#7c3aed,#a855f7)}.basic-details-section .basic-details-topSection__detail-item:hover .detail-icon svg{color:#fff}.basic-details-section .basic-details-topSection__detail-item--address .detail-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.basic-details-section .basic-details-topSection__detail-item--dob .detail-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.basic-details-section .basic-details-topSection__detail-item .detail-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.basic-details-section .basic-details-topSection__detail-item .detail-icon svg{color:#fff;transition:color .3s ease}@media all and (max-width: 576px){.basic-details-section .basic-details-topSection__detail-item .detail-icon{width:32px;height:32px}}.basic-details-section .basic-details-topSection__detail-item .detail-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}@media all and (max-width: 576px){.basic-details-section .basic-details-topSection__detail-item .detail-content{gap:.25rem}}.basic-details-section .basic-details-topSection__detail-item .detail-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}@media all and (max-width: 576px){.basic-details-section .basic-details-topSection__detail-item .detail-label{font-size:1rem;text-align:left}}.basic-details-section .basic-details-topSection__detail-item .detail-value{font-size:.875rem;font-weight:500;color:#1e293b;line-height:1.5;word-break:break-word}@media all and (max-width: 576px){.basic-details-section .basic-details-topSection__detail-item .detail-value{font-size:.857rem;text-align:left}}.basic-details-section .basic-details-topSection__actions{position:absolute;top:1.5rem;right:1.5rem}.basic-details-section .basic-details-topSection__actions .discord-invite-btn{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;box-shadow:0 4px 12px #5865f24d;transition:all .2s ease}.basic-details-section .basic-details-topSection__actions .discord-invite-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5865f266}.basic-details-section .basic-details-topSection__actions .discord-invite-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.basic-details-section .basic-details-topSection__actions{position:static;margin-top:1.5rem;display:flex;justify-content:center}}.basic-details-section .content{display:grid;grid-template-columns:2fr;gap:2rem}@media (max-width: 1024px){.basic-details-section .content{grid-template-columns:1fr;gap:1.5rem}}.basic-details-section .content-basic{padding-inline:2rem}@media all and (max-width: 576px){.basic-details-section .content-basic{padding-inline:0}}.basic-details-section .content-bankDetailsContainer{display:flex;flex-direction:column;gap:1.5rem}.basic-details-section .content-bankDetailsContainer .update-team-form{padding-inline:2rem;transition:all .3s ease}@media all and (max-width: 576px){.basic-details-section .content-bankDetailsContainer .update-team-form{padding-inline:0}}.documents-section{padding:2rem}.documents-section__content{min-height:400px}.documents-section__groups{display:flex;flex-direction:column;gap:2rem}.documents-section__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:2px dashed #cbd5e1}.documents-section__empty-icon{margin-bottom:1.5rem;opacity:.6}.documents-section__empty-content{max-width:400px}.documents-section__empty-title{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .75rem}.documents-section__empty-description{font-size:1rem;color:#6b7280;margin:0 0 2rem;line-height:1.6}.documents-section__empty-features{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.documents-section__empty-features .empty-feature{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.documents-section__empty-features .empty-feature span{font-weight:500}.documents-section__actions{margin-top:2rem;display:flex;justify-content:flex-end;padding-top:2rem;border-top:1px solid #e2e8f0}.documents-section__upload-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-weight:600;font-size:.875rem;box-shadow:0 4px 12px #7c3aed4d;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.documents-section__upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.documents-section__upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.document-group__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.document-group__title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.document-group__title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:2px}.document-group__count{font-size:.875rem;color:#64748b;background:#f1f5f9;padding:.25rem .75rem;border-radius:12px;font-weight:500}.document-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media (max-width: 768px){.document-group__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media (max-width: 480px){.document-group__grid{grid-template-columns:1fr}}.document-card{background:#fff;border-radius:16px;overflow:hidden;transition:all .3s ease;border:2px solid #f1f5f9;position:relative}.document-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f;border-color:#7c3aed}.document-card--contract .document-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;padding:1.5rem;transition:all .3s ease}.document-card--contract .document-card__link:hover{background:linear-gradient(135deg,#7c3aed05,#a855f705)}.document-card--contract .document-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.document-card--contract .document-card__icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.document-card--contract .document-card__status{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.25rem}.document-card--contract .document-card__content{flex:1;display:flex;flex-direction:column;gap:.5rem}.document-card--contract .document-card__title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;line-height:1.4}.document-card--contract .document-card__description{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.document-card--contract .document-card__action{align-self:flex-end;margin-top:1rem;width:40px;height:40px;background:#f8fafc;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.document-card--contract:hover .document-card__action{background:#7c3aed;color:#fff}.document-card--image .document-card__content-wrapper{display:flex;flex-direction:column;height:100%;cursor:pointer}.document-card--image .document-card__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1rem .5rem}.document-card--image .document-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.document-card--image .document-card__status{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:.125rem}.document-card--image .document-card__preview{position:relative;height:140px;display:flex;align-items:center;justify-content:center;margin:0 1rem;border-radius:12px;overflow:hidden}.document-card--image .document-card__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform .3s ease}.document-card--image .document-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.document-card--image:hover .document-card__overlay{opacity:1}.document-card--image .document-card__info{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.25rem}.document-card--image .document-card__title{font-size:1rem;font-weight:600;color:#1e293b;margin:0;line-height:1.4}.document-card--image .document-card__description{font-size:.8125rem;color:#64748b;margin:0;line-height:1.4}.document-modal__content{text-align:center;padding:1rem}.document-modal__image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}@media (max-width: 1024px){.documents-section{padding:1.5rem}.documents-section__groups{gap:1.5rem}.document-group__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}}@media (max-width: 768px){.documents-section{padding:1rem}.documents-section__empty{padding:3rem 1.5rem}.documents-section__empty-title{font-size:1.25rem}.documents-section__empty-description{font-size:.875rem}.documents-section__upload-btn{padding:.75rem 1.5rem;font-size:.8125rem}.document-group__header{flex-direction:column;align-items:flex-start;gap:.5rem}.document-group__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.document-card--contract .document-card__link{padding:1.25rem}.document-card--contract .document-card__icon{width:48px;height:48px}.document-card--contract .document-card__title{font-size:1rem}.document-card--image .document-card__preview{height:120px;margin:0 .75rem}.document-card--image .document-card__info{padding:.75rem}.document-card--image .document-card__title{font-size:.9375rem}}@media (max-width: 480px){.documents-section__empty{padding:2rem 1rem}.documents-section__empty-features{align-items:center}.document-group__grid{grid-template-columns:1fr}}.bank-details-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease;overflow:visible}.bank-details-section:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.bank-details-section__header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;position:relative}.bank-details-section__header-icon{width:40px;height:40px;background:linear-gradient(135deg,#a78bfa,#7c3aed);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.bank-details-section__title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.bank-details-section__form{padding:2rem}.bank-details-section__content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.bank-details-section__input-group{display:flex;flex-direction:column;gap:.5rem}.bank-details-section__label{display:flex;align-items:center;gap:.25rem;font-weight:600;color:#374151;font-size:.875rem}.bank-details-section__label-text{color:#374151}.bank-details-section__required{color:#ef4444;font-weight:700}.bank-details-section__input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .2s ease;background:#f8fafc}.bank-details-section__input:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.bank-details-section__input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.bank-details-section__input::placeholder{color:#94a3b8}.bank-details-section__select{width:100%}.bank-details-section__select .select-field{border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;transition:all .2s ease}.bank-details-section__select .select-field:focus-within{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.bank-details-section__select .select-field:has(.disabled){background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.bank-details-section__actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}@media (max-width: 768px){.bank-details-section__actions{flex-direction:column}}.bank-details-section__save-btn{flex:1;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;box-shadow:0 4px 12px #7c3aed4d;transition:all .2s ease}.bank-details-section__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.bank-details-section__save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.bank-details-section__reset-btn{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0;padding:.75rem 2rem;border-radius:12px;font-weight:600;transition:all .2s ease}.bank-details-section__reset-btn:hover:not(:disabled){background:#ede9fe;border-color:#a78bfa;transform:translateY(-1px)}.bank-details-section__reset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.bank-details-section__reset-btn:disabled:hover{background:#f8fafc;color:#64748b}@media (max-width: 1024px){.bank-details-section__form{padding:1.5rem}.bank-details-section__header{padding:1.25rem 1.5rem}}@media (max-width: 768px){.bank-details-section__form{padding:1rem}.bank-details-section__header{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}.bank-details-section__header-icon{width:36px;height:36px}.bank-details-section__title{font-size:1.125rem}.bank-details-section__actions{gap:.75rem}.bank-details-section__save-btn,.bank-details-section__reset-btn{padding:.625rem 1.5rem}}@media (max-width: 576px){.bank-details-section{border-radius:0;box-shadow:none;border:none}.bank-details-section__header{flex-direction:row;gap:1.143rem}}.emergency-details-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease;margin-bottom:3rem}.emergency-details-section:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.emergency-details-section__header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;position:relative}.emergency-details-section__header-icon{width:40px;height:40px;background:linear-gradient(135deg,#a78bfa,#7c3aed);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.emergency-details-section__title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.emergency-details-section__content{padding:2rem}.emergency-details-section__contacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.emergency-details-section__contacts-grid{grid-template-columns:1fr;gap:1rem}}.emergency-details-section__contact-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #ede9fe;border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.emergency-details-section__contact-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a88bfa14,#7c3aed0f);opacity:0;transition:opacity .3s ease}.emergency-details-section__contact-card:hover{border-color:#a78bfa;transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed1a}.emergency-details-section__contact-card:hover:before{opacity:1}.emergency-details-section__contact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.emergency-details-section__contact-info{flex:1;min-width:0}.emergency-details-section__contact-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem;line-height:1.4}.emergency-details-section__contact-relationship{font-size:.875rem;color:#64748b;font-weight:500;background:#e0e7ff;color:#4f46e5;padding:.25rem .75rem;border-radius:12px;display:inline-block}.emergency-details-section__contact-actions{display:flex;gap:.5rem;flex-shrink:0}.emergency-details-section__action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.emergency-details-section__action-btn--edit{background:#e0f2fe;color:#0369a1}.emergency-details-section__action-btn--edit:hover{background:#0ea5e9;color:#fff;transform:scale(1.05)}.emergency-details-section__action-btn--delete{background:#fee2e2;color:#dc2626}.emergency-details-section__action-btn--delete:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.emergency-details-section__contact-details{display:flex;flex-direction:column;gap:.75rem}.emergency-details-section__contact-phone{display:flex;flex-direction:column;gap:.25rem}.emergency-details-section__phone-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.emergency-details-section__phone-number{font-size:.9375rem;font-weight:500;color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.emergency-details-section__empty{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.emergency-details-section__empty-icon{opacity:.6;color:#94a3b8}.emergency-details-section__empty-content{max-width:400px}.emergency-details-section__empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .75rem}.emergency-details-section__empty-description{font-size:.9375rem;color:#64748b;margin:0;line-height:1.6}.emergency-details-section__actions{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #f1f5f9}.emergency-details-section__add-btn{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;box-shadow:0 4px 12px #7c3aed4d;transition:all .2s ease}.emergency-details-section__add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.emergency-details-section__add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.emergency-details-section__content{padding:1.5rem}.emergency-details-section__header{padding:1.25rem 1.5rem}}@media (max-width: 768px){.emergency-details-section__content{padding:1rem}.emergency-details-section__header{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}.emergency-details-section__header-icon{width:36px;height:36px}.emergency-details-section__title{font-size:1.125rem}.emergency-details-section__contact-card{padding:1rem}.emergency-details-section__contact-header{flex-direction:column;align-items:flex-start;gap:1rem}.emergency-details-section__contact-actions{align-self:flex-end}.emergency-details-section__empty{padding:2rem 1rem}.emergency-details-section__empty-title{font-size:1.125rem}.emergency-details-section__empty-description{font-size:.875rem}}@media (max-width: 576px){.emergency-details-section{border-radius:0;box-shadow:none;border:none}.emergency-details-section__header{flex-direction:row;gap:1.143rem}}.addDocument-actions-modal .input-container{margin-bottom:1.429rem;display:flex;flex-direction:column;gap:1.429rem}.addDocument-actions-modal .footer{display:flex;width:100%;justify-content:flex-end}.social-section{padding:2rem}.social-section__content{display:flex;flex-direction:column;gap:2rem}.social-section__grid{display:grid;grid-template-columns:1fr;gap:1rem}.social-section__input-card{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.social-section__input-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#7c3aed05,#a855f705);opacity:0;transition:opacity .3s ease}.social-section__input-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.social-section__input-card:hover:before{opacity:1}.social-section__input-card:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.social-section__input-card:focus-within:before{opacity:1}.social-section__input-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.social-section__platform-info{display:flex;align-items:center;gap:1rem}.social-section__platform-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.social-section__platform-icon svg{transition:transform .2s ease}.social-section__platform-details{flex:1;min-width:0}.social-section__platform-name{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.social-section__platform-subtitle{font-size:.875rem;color:#64748b;margin:0}.social-section__status-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #10b9814d}.social-section__status-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulseSS 2s infinite}.social-section__input-wrapper{position:relative}.social-section__input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .2s ease;background:#f8fafc}.social-section__input:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.social-section__input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.social-section__input::placeholder{color:#94a3b8}.social-section__actions{display:flex;justify-content:end;padding-top:1rem;border-top:1px solid #f1f5f9}.social-section__save-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:.875rem;box-shadow:0 4px 12px #7c3aed4d;transition:all .2s ease;min-width:160px}.social-section__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.social-section__save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes pulseSS{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.social-section .social-section,.social-section .social-section__input-card{padding:1rem}.social-section .social-section__platform-info{gap:.75rem}.social-section .social-section__platform-icon{width:40px;height:40px}.social-section .social-section__platform-name{font-size:.875rem}.social-section .social-section__platform-subtitle{font-size:.75rem}.social-section .social-section__save-btn{padding:.625rem 1.5rem;font-size:.8125rem;min-width:140px}}.basic-details-tab .bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.basic-details-tab{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh}@media (max-width: 768px){.basic-details-tab .basic-details-tab{padding:.5rem}.basic-details-tab .basic-details-tab__header{margin-bottom:1rem}.basic-details-tab .basic-details-tab__header-content{padding:1rem;flex-direction:column;text-align:center}}@media (max-width: 768px) and (max-width: 576px){.basic-details-tab .basic-details-tab__header-content{flex-direction:row;text-align:left;column-gap:1.143rem}}@media (max-width: 768px){.basic-details-tab .basic-details-tab__header-icon{width:50px;height:50px;font-size:20px}.basic-details-tab .basic-details-tab__title{font-size:1.25rem}.basic-details-tab .basic-details-tab__card-header{padding:1rem}.basic-details-tab .basic-details-tab__card-header h2{font-size:1.125rem}}.basic-details-tab__header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.basic-details-tab__header-content{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1.143rem}@media all and (max-width: 576px){.basic-details-tab__header{flex-direction:column;align-items:flex-start;gap:1.143rem}.basic-details-tab__header-content{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:1.143rem}}@media all and (max-width: 576px){.basic-details-tab__header__actions{width:100%;display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:row}}.basic-details-tab__header__actions .btn{border-radius:8px;font-weight:600;height:48px;padding:0 1.714rem;transition:all .3s ease;font-size:1.143rem}@media all and (max-width: 576px){.basic-details-tab__header__actions .btn{height:44px;padding:0 .857rem;font-size:1rem}}.basic-details-tab__header__actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.basic-details-tab__header__actions .btn--primary{background:linear-gradient(135deg,#8860d0,#9c80ce);border:none;color:#fff;box-shadow:0 4px 12px #8860d04d}.basic-details-tab__header__actions .btn--primary:hover{box-shadow:0 6px 20px #8860d066}.basic-details-tab__header__actions .btn--danger{background:linear-gradient(135deg,#d70040,#ff4757);border:none;color:#fff;box-shadow:0 4px 12px #d700404d}.basic-details-tab__header__actions .btn--danger:hover{box-shadow:0 6px 20px #d7004066}.basic-details-tab__header__actions .btn--outline{border:2px solid #8860d0;background:transparent;color:#8860d0}.basic-details-tab__header__actions .btn--outline:hover{background:#f3effc;border-color:#8860d0}.basic-details-tab__header-icon{width:60px;height:60px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 8px 25px #7c3aed4d}.basic-details-tab__title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.basic-details-tab__subtitle{font-size:1rem;color:#64748b;margin:0;font-weight:500}.basic-details-tab__content{display:flex;flex-direction:row;gap:2rem}@media all and (max-width: 1920px){.basic-details-tab__content{flex-direction:column}}.basic-details-tab__content-top{display:flex;flex-direction:column;gap:2rem;width:80%}@media all and (max-width: 1920px){.basic-details-tab__content-top{width:100%}}.basic-details-tab__content-info-section{width:50%;display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both;position:relative;z-index:0}@media all and (max-width: 1920px){.basic-details-tab__content-info-section{width:100%}}@media (max-width: 1200px){.basic-details-tab__content-info-section{margin-top:1.143rem}}.basic-details-tab__content-info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;z-index:0}.basic-details-tab__content-info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.basic-details-tab__content-info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.basic-details-tab__content-info-icon{font-size:1.429rem;flex-shrink:0}.basic-details-tab__bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 1024px){.basic-details-tab__bottom-grid{grid-template-columns:1fr;gap:1.5rem}}.basic-details-tab__main-card,.basic-details-tab__card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease;height:fit-content}.basic-details-tab__main-card:hover,.basic-details-tab__card:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.basic-details-tab__main-card{flex:1}.basic-details-tab__card-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.basic-details-tab__card-header h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.basic-details-tab__card-icon{width:24px;height:24px;color:#7c3aed}.basic-details-tab__bottom-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (max-width: 768px){.basic-details-tab__bottom-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.basic-details-tab{padding:1rem}.basic-details-tab__header-content{padding:1.5rem}.basic-details-tab__title{font-size:1.5rem}}.leave-wfh-balance-tab{min-height:100vh;padding:2.286rem 1.714rem;width:100%;animation:fadeInUp .6s ease-out}@media (max-width: 768px){.leave-wfh-balance-tab{padding:1.714rem 1.143rem}}.leave-wfh-balance-tab__header{margin-bottom:2.286rem;animation:slideDown .6s ease-out;display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media (max-width: 768px){.leave-wfh-balance-tab__header{margin-bottom:1.714rem}}.leave-wfh-balance-tab__header-content{display:flex;align-items:center;gap:1.143rem}.leave-wfh-balance-tab__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;min-width:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.leave-wfh-balance-tab__header-icon{width:56px;height:56px;min-width:56px;font-size:1.714rem}}@media (max-width: 576px){.leave-wfh-balance-tab__header-icon{width:50px;height:50px;min-width:50px;font-size:2.286rem}}.leave-wfh-balance-tab__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.leave-wfh-balance-tab__title{font-size:1.429rem}}.leave-wfh-balance-tab__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.leave-wfh-balance-tab__filters{margin-bottom:2.286rem;animation:fadeInUp .6s ease-out .1s both;position:relative;z-index:11}@media (max-width: 768px){.leave-wfh-balance-tab__filters{margin-bottom:1.714rem}}.leave-wfh-balance-tab__filters-container{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f}.leave-wfh-balance-tab__filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.429rem;padding-bottom:1.143rem;border-bottom:2px solid rgba(136,96,208,.1)}.leave-wfh-balance-tab__filters-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.leave-wfh-balance-tab__filters-title .filters-icon{color:#8860d0;font-size:1.286rem}.leave-wfh-balance-tab__filters-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.leave-wfh-balance-tab__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.143rem}@media (max-width: 768px){.leave-wfh-balance-tab__filters-grid{grid-template-columns:1fr}}.leave-wfh-balance-tab__filter-field{display:flex;flex-direction:column;gap:.571rem}.leave-wfh-balance-tab__filter-field .filter-label{font-size:1rem;font-weight:600;color:#313131;margin-bottom:.286rem;text-transform:capitalize}.leave-wfh-balance-tab__filter-field .filter-field{width:100%;height:48px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.leave-wfh-balance-tab__filter-field .filter-field:focus-within{box-shadow:0 0 0 4px #8860d014}.leave-wfh-balance-tab__filter-field .MuiInputBase-root{height:48px;border-radius:8px;background:#fff;font-size:1.143rem}.leave-wfh-balance-tab__filter-field .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.leave-wfh-balance-tab__filter-field .MuiInputBase-root:hover fieldset{border-color:#8860d0}.leave-wfh-balance-tab__filter-field .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 4px #8860d014}.leave-wfh-balance-tab__filter-field .MuiInputLabel-root{color:#8c9196;font-size:1.143rem}.leave-wfh-balance-tab__filter-field .MuiInputLabel-root.Mui-focused,.leave-wfh-balance-tab__filter-field .MuiIconButton-root{color:#8860d0}.leave-wfh-balance-tab__filter-field .MuiIconButton-root:hover{background:#f3effc}.leave-wfh-balance-tab__filter-field .MuiInputAdornment-root .MuiIconButton-root{color:#8860d0;padding:.286rem}.leave-wfh-balance-tab__filter-field .MuiPickersPopper-root{z-index:1300}.leave-wfh-balance-tab__filter-field .MuiPaper-root{border-radius:12px;box-shadow:0 8px 32px #0000001f}.leave-wfh-balance-tab__filter-field .MuiPickersCalendarHeader-root{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border-radius:12px 12px 0 0}.leave-wfh-balance-tab__filter-field .MuiPickersCalendarHeader-label{color:#fff;font-weight:700}.leave-wfh-balance-tab__filter-field .MuiPickersArrowSwitcher-root .MuiIconButton-root{color:#fff}.leave-wfh-balance-tab__filter-field .MuiPickersArrowSwitcher-root .MuiIconButton-root:hover{background:#ffffff1a}.leave-wfh-balance-tab__filter-field .MuiDayCalendar-root .MuiPickersDay-root{border-radius:8px;font-weight:500}.leave-wfh-balance-tab__filter-field .MuiDayCalendar-root .MuiPickersDay-root:hover{background:#8860d01a}.leave-wfh-balance-tab__filter-field .MuiDayCalendar-root .MuiPickersDay-root.Mui-selected{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff}.leave-wfh-balance-tab__filter-field .MuiDayCalendar-root .MuiPickersDay-root.Mui-selected:hover{background:linear-gradient(135deg,#8860d0,#9c80ce)}.leave-wfh-balance-tab__filter-field .MuiDayCalendar-root .MuiPickersDay-root.MuiPickersDay-today{border:2px solid #8860d0;font-weight:700}.leave-wfh-balance-tab__balance-cards{display:flex;flex-direction:column;gap:.857rem}.leave-wfh-balance-tab__chart-section{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;align-items:center;justify-content:center}.leave-wfh-balance-tab__summary-cards{display:flex;flex-direction:column;gap:.857rem}.leave-wfh-balance-tab__history-section{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;animation:fadeInUp .6s ease-out .3s both}@media all and (max-width: 576px){.leave-wfh-balance-tab__history-section{padding:1.143rem}}.leave-wfh-balance-tab__history-header{margin-bottom:1.714rem;padding-bottom:1.143rem;border-bottom:2px solid rgba(136,96,208,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.143rem}@media (max-width: 768px){.leave-wfh-balance-tab__history-header{flex-direction:column;align-items:stretch}}.leave-wfh-balance-tab__view-tabs .tab{background:#8860d00d;border-radius:12px;padding:.286rem;display:inline-flex}.leave-wfh-balance-tab__view-tabs .tab .tab-title{display:flex;gap:.286rem}.leave-wfh-balance-tab__view-tabs .tab .tab-item{padding:.571rem 1.143rem;border-radius:8px;font-size:1rem;font-weight:500;color:#313131;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:.571rem;white-space:nowrap}.leave-wfh-balance-tab__view-tabs .tab .tab-item:hover{background:#8860d01a}.leave-wfh-balance-tab__view-tabs .tab .tab-item.active{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 2px 8px #8860d04d}.leave-wfh-balance-tab .view-tab-item{display:flex;align-items:center;gap:.571rem}.leave-wfh-balance-tab__table-container{min-height:400px;overflow:auto}.leave-wfh-balance-tab__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.429rem 1.714rem;gap:1.143rem;margin-block:3rem}.leave-wfh-balance-tab__empty-state .empty-icon{font-size:80px;opacity:.5;animation:float 3s ease-in-out infinite}.leave-wfh-balance-tab__empty-state h3{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.leave-wfh-balance-tab__empty-state p{font-size:1.143rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.leave-wfh-balance-tab__pagination{display:flex;justify-content:center;margin-top:1.714rem;padding:1.143rem}.leave-wfh-balance-tab .balance-card{background:#fff;border-radius:16px;padding:1.429rem;box-shadow:0 4px 24px #0000000f;display:flex;align-items:center;gap:1.143rem;transition:all .3s ease;border-left:4px solid}.leave-wfh-balance-tab .balance-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.leave-wfh-balance-tab .balance-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:1.429rem;flex-shrink:0}.leave-wfh-balance-tab .balance-card__content{flex:1}.leave-wfh-balance-tab .balance-card__value{font-size:1.714rem;font-weight:700;color:#313131;margin-bottom:.286rem}.leave-wfh-balance-tab .balance-card__label{font-size:1rem;color:#8c9196;font-weight:500}.leave-wfh-balance-tab .balance-card--sick{border-left-color:#f59e0b}.leave-wfh-balance-tab .balance-card--sick .balance-card__icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.leave-wfh-balance-tab .balance-card--casual{border-left-color:#3b82f6}.leave-wfh-balance-tab .balance-card--casual .balance-card__icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.leave-wfh-balance-tab .balance-card--unpaid{border-left-color:#ef4444}.leave-wfh-balance-tab .balance-card--unpaid .balance-card__icon{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.leave-wfh-balance-tab .balance-card--wfh{border-left-color:#10b981}.leave-wfh-balance-tab .balance-card--wfh .balance-card__icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.leave-wfh-balance-tab .balance-card--utilization{border-left-color:#8b5cf6}.leave-wfh-balance-tab .balance-card--utilization .balance-card__icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.leave-wfh-balance-tab .balance-card--average{border-left-color:#06b6d4}.leave-wfh-balance-tab .balance-card--average .balance-card__icon{background:linear-gradient(135deg,#06b6d4,#22d3ee);color:#fff}.leave-wfh-balance-tab .chart-section__header{margin-bottom:1.714rem;text-align:center}.leave-wfh-balance-tab .chart-section__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;justify-content:center;gap:.571rem}.leave-wfh-balance-tab .chart-section__title .chart-icon{color:#8860d0;font-size:1.429rem}.leave-wfh-balance-tab .chart-section__content{display:flex;flex-direction:column;align-items:center;gap:1.143rem}.leave-wfh-balance-tab .chart-container{position:relative;display:flex;align-items:center;justify-content:center}.leave-wfh-balance-tab .chart-center-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.leave-wfh-balance-tab .chart-center-value{font-size:1.714rem;font-weight:700;color:#313131;margin-bottom:.286rem}.leave-wfh-balance-tab .chart-center-label{font-size:1rem;color:#8c9196;font-weight:500}.leave-wfh-balance-tab .chart-legend{display:flex;flex-direction:column;gap:.857rem;width:100%;max-width:200px}.leave-wfh-balance-tab .legend-item{display:flex;align-items:center;gap:.571rem;padding:.571rem;background:#8860d00d;border-radius:8px}.leave-wfh-balance-tab .legend-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.leave-wfh-balance-tab .legend-color--used{background:#dc2626}.leave-wfh-balance-tab .legend-color--remaining{background:#8860d0}.leave-wfh-balance-tab .legend-label{flex:1;font-size:1rem;color:#313131;font-weight:500}.leave-wfh-balance-tab .legend-value{font-size:1.143rem;font-weight:700;color:#313131}.leave-wfh-balance-tab .summary-card{background:#fff;border-radius:16px;padding:1.429rem;box-shadow:0 4px 24px #0000000f;display:flex;align-items:center;gap:1.143rem;transition:all .3s ease;border-left:4px solid}.leave-wfh-balance-tab .summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.leave-wfh-balance-tab .summary-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:1.429rem;flex-shrink:0}.leave-wfh-balance-tab .summary-card__content{flex:1}.leave-wfh-balance-tab .summary-card__value{font-size:1.714rem;font-weight:700;color:#313131;margin-bottom:.286rem}.leave-wfh-balance-tab .summary-card__label{font-size:1rem;color:#8c9196;font-weight:500}.leave-wfh-balance-tab .summary-card--total{border-left-color:#8860d0}.leave-wfh-balance-tab .summary-card--total .summary-card__icon{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff}.leave-wfh-balance-tab .summary-card--used{border-left-color:#f59e0b}.leave-wfh-balance-tab .summary-card--used .summary-card__icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.leave-wfh-balance-tab .summary-card--breakdown{border-left-color:#10b981}.leave-wfh-balance-tab .summary-card--breakdown .summary-card__icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.leave-wfh-balance-tab .summary-card--balance{border-left-color:#10b981}.leave-wfh-balance-tab .summary-card--balance .summary-card__icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.leave-wfh-balance-tab .summary-card--info{border-left-color:#3b82f6}.leave-wfh-balance-tab .summary-card--info .summary-card__icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.leave-wfh-balance-tab .breakdown-details{display:flex;flex-direction:column;gap:.571rem}.leave-wfh-balance-tab .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.571rem;background:#8860d00d;border-radius:8px}.leave-wfh-balance-tab .breakdown-label{font-size:1rem;color:#8c9196;font-weight:500}.leave-wfh-balance-tab .breakdown-value{font-size:1.143rem;font-weight:700;color:#313131}.leave-wfh-balance-tab .info-card-content{display:flex;flex-direction:column;gap:.857rem;width:100%}.leave-wfh-balance-tab .info-title{font-size:1.143rem;font-weight:700;color:#313131;margin-bottom:.571rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.leave-wfh-balance-tab .info-items{display:flex;flex-direction:column;gap:.571rem}.leave-wfh-balance-tab .info-item{display:flex;align-items:flex-start;gap:.571rem;padding:.571rem;background:#8860d00d;border-radius:8px;transition:all .3s ease}.leave-wfh-balance-tab .info-item:hover{background:#8860d01a;transform:translate(4px)}.leave-wfh-balance-tab .info-bullet{color:#8860d0;font-weight:700;font-size:1.286rem;flex-shrink:0;margin-top:2px}.leave-wfh-balance-tab .info-text{font-size:1rem;color:#313131;font-weight:500;line-height:1.5;flex:1}.leave-wfh-balance-tab .history-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.leave-wfh-balance-tab .history-title .history-icon{color:#8860d0;font-size:1.286rem}.leave-wfh-balance-tab .history-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.leave-wfh-balance-tab .leave-info-card{background:linear-gradient(135deg,#8860d008,#9c80ce08);border:1px solid rgba(136,96,208,.1);border-radius:12px;padding:1.143rem;transition:all .3s ease}.leave-wfh-balance-tab .leave-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d01a}.leave-wfh-balance-tab .leave-dates-section{margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:1px solid rgba(136,96,208,.1)}.leave-wfh-balance-tab .leave-dates-container{display:flex;align-items:center;gap:.571rem}.leave-wfh-balance-tab .leave-dates-container .info-icon{color:#8860d0;font-size:1.143rem}.leave-wfh-balance-tab .leave-dates-container .leave-dates{display:flex;flex-wrap:wrap;gap:.571rem;align-items:center}.leave-wfh-balance-tab .leave-dates-container .date-range-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:12px;padding:.571rem 1.143rem;color:#fff;font-size:1rem;font-weight:600;box-shadow:0 4px 12px #8860d04d;display:flex;flex-direction:column;align-items:center;gap:.286rem;min-width:120px;transition:all .3s ease}.leave-wfh-balance-tab .leave-dates-container .date-range-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.leave-wfh-balance-tab .leave-dates-container .date-range-badge .date-range-text{font-size:1rem;font-weight:700;white-space:nowrap}.leave-wfh-balance-tab .leave-dates-container .date-range-badge .date-range-count{font-size:.857rem;font-weight:500;opacity:.9}.leave-wfh-balance-tab .leave-details-section{display:flex;justify-content:space-between;align-items:center;gap:.857rem}.leave-wfh-balance-tab .leave-type-badge{display:flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:12px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:2px solid transparent}.leave-wfh-balance-tab .leave-type-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.leave-wfh-balance-tab .leave-type-badge .leave-type-icon{font-size:1.143rem;display:flex;align-items:center;justify-content:center}.leave-wfh-balance-tab .leave-type-badge .leave-type-text{color:#fff;font-weight:700}.leave-wfh-balance-tab .leave-type-badge--sick{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b4d}.leave-wfh-balance-tab .leave-type-badge--sick:hover{box-shadow:0 6px 20px #f59e0b66}.leave-wfh-balance-tab .leave-type-badge--casual{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.leave-wfh-balance-tab .leave-type-badge--casual:hover{box-shadow:0 6px 20px #3b82f666}.leave-wfh-balance-tab .leave-type-badge--unpaid{background:linear-gradient(135deg,#ef4444,#f87171);border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.leave-wfh-balance-tab .leave-type-badge--unpaid:hover{box-shadow:0 6px 20px #ef444466}.leave-wfh-balance-tab .leave-type-badge--wfh{background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.leave-wfh-balance-tab .leave-type-badge--wfh:hover{box-shadow:0 6px 20px #10b98166}.leave-wfh-balance-tab .leave-type-badge:not([class*=--]){background:linear-gradient(135deg,#8860d0,#9c80ce);border-color:#8860d0;box-shadow:0 2px 8px #8860d04d}.leave-wfh-balance-tab .leave-type-badge:not([class*=--]):hover{box-shadow:0 6px 20px #8860d066}.leave-wfh-balance-tab .leave-status-badge{color:#fff;padding:.571rem 1.143rem;border-radius:12px;font-size:1rem;font-weight:700;text-transform:capitalize}.leave-wfh-balance-tab .leave-details-card{display:flex;flex-direction:column;gap:1.143rem}.leave-wfh-balance-tab .reason-section,.leave-wfh-balance-tab .comment-section{display:flex;flex-direction:column;gap:.571rem;transition:all .3s ease}.leave-wfh-balance-tab .reason-section:hover,.leave-wfh-balance-tab .comment-section:hover{transform:translate(4px)}.leave-wfh-balance-tab .reason-header,.leave-wfh-balance-tab .comment-header{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border-radius:8px;background:#8860d014;border:1px solid rgba(136,96,208,.2)}.leave-wfh-balance-tab .reason-icon{color:#f59e0b;font-size:1.143rem;background:#f59e0b1a;padding:.286rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.leave-wfh-balance-tab .comment-icon{color:#10b981;font-size:1.143rem;background:#10b9811a;padding:.286rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.leave-wfh-balance-tab .reason-label{font-size:1rem;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px}.leave-wfh-balance-tab .comment-label{font-size:1rem;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:.5px}.leave-wfh-balance-tab .reason-content{padding:1.143rem;background:linear-gradient(135deg,#f59e0b0d,#fbbf240d);border-radius:12px;border:1px solid rgba(245,158,11,.2)}.leave-wfh-balance-tab .comment-content{padding:1.143rem;background:linear-gradient(135deg,#10b9810d,#34d3990d);border-radius:12px;border:1px solid rgba(16,185,129,.2)}.leave-wfh-balance-tab .reason-text,.leave-wfh-balance-tab .comment-text{font-size:1rem;color:#313131;font-weight:500;line-height:1.6;cursor:pointer;transition:all .3s ease;position:relative}.leave-wfh-balance-tab .reason-text:hover,.leave-wfh-balance-tab .comment-text:hover{color:#313131;transform:translateY(-1px)}.leave-wfh-balance-tab .filter-clear-btn{height:40px;padding:0 1.143rem;font-size:1rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.571rem}.leave-wfh-balance-tab .filter-clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d82c0d4d}@media (max-width: 768px){.leave-wfh-balance-tab .filter-clear-btn{height:36px;padding:0 .857rem;font-size:.857rem}}.leave-wfh-balance-tab .recharts-tooltip-wrapper-bottom{z-index:9}.leave-calendar{width:100%;background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;animation:fadeInUp .6s ease-out;max-width:1000px;margin-inline:auto}.leave-calendar__contract-filter{display:flex;flex-direction:column;gap:.571rem;margin-bottom:1.714rem;padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;border:1px solid rgba(136,96,208,.1);animation:fadeInUp .6s ease-out .2s both}@media (max-width: 768px){.leave-calendar__contract-filter{padding:.857rem}}.leave-calendar__contract-label{font-size:1rem;font-weight:600;color:#313131;margin:0;text-transform:uppercase;letter-spacing:.5px}.leave-calendar__contract-select{width:100%;max-width:400px}@media (max-width: 768px){.leave-calendar__contract-select{max-width:100%}}.leave-calendar__contract-loading{display:flex;align-items:center;gap:.571rem;padding:.857rem;color:#8c9196;font-size:1rem;font-style:italic}.leave-calendar__contract-loading:before{content:"";width:16px;height:16px;border:2px solid rgba(136,96,208,.3);border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.leave-calendar__contract-empty{padding:.857rem;color:#8c9196;font-size:1rem;font-style:italic;text-align:center;background:#8c91960d;border-radius:8px}.leave-calendar__loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:2.286rem;color:#8c9196;font-size:1.143rem;font-weight:500;gap:.857rem}.leave-calendar__loading:before{content:"";width:24px;height:24px;border:3px solid rgba(136,96,208,.3);border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.leave-calendar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.714rem;padding-bottom:1.143rem;border-bottom:2px solid rgba(136,96,208,.1)}@media (max-width: 768px){.leave-calendar__header{flex-direction:column;gap:1.143rem;align-items:stretch}}.leave-calendar__navigation{display:flex;align-items:center;gap:1.143rem}.leave-calendar__nav-btn{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.286rem;font-weight:700;transition:all .3s ease;box-shadow:0 2px 8px #8860d04d}.leave-calendar__nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8860d066}.leave-calendar__nav-btn:active:not(:disabled){transform:translateY(0)}.leave-calendar__nav-btn:disabled{cursor:not-allowed;background:#8860d04d;box-shadow:none}.leave-calendar__month-year{display:flex;align-items:center;gap:.571rem;min-width:200px;justify-content:center}.leave-calendar__month-year .calendar-icon{color:#8860d0;font-size:1.286rem}.leave-calendar__month-year h3{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.leave-calendar__today-btn{background:#8860d01a;color:#8860d0;border:2px solid #8860d0;border-radius:12px;padding:.571rem 1.143rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.leave-calendar__today-btn:hover:not(:disabled){background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.leave-calendar__today-btn:disabled{opacity:.5;cursor:not-allowed;background:#8860d00d;border-color:#8860d04d}.leave-calendar__grid{margin-bottom:1.714rem}.leave-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.286rem;margin-bottom:.571rem}.leave-calendar__weekday{text-align:center;font-size:1rem;font-weight:700;color:#8c9196;padding:.571rem;text-transform:uppercase;letter-spacing:.5px}.leave-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:.286rem}.leave-calendar__day{aspect-ratio:1;min-height:80px;border:2px solid transparent;border-radius:12px;padding:.571rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#8860d005;position:relative}@media (max-width: 768px){.leave-calendar__day{min-height:60px;padding:.286rem}}.leave-calendar__day:hover{background:#8860d014;transform:translateY(-2px);box-shadow:0 4px 12px #8860d026}.leave-calendar__day--other-month{opacity:.3;cursor:default}.leave-calendar__day--other-month:hover{background:#8860d005;transform:none;box-shadow:none}.leave-calendar__day--today{border-color:#8860d0!important;border-width:3px!important;background:#8860d026!important;font-weight:700;box-shadow:0 0 0 2px #8860d033;position:relative}.leave-calendar__day--non-working{opacity:.6}.leave-calendar__day--absentism{background-size:8px 8px}.leave-calendar__day--outside-contract{opacity:.25;cursor:not-allowed;background:#8c91960d;position:relative}.leave-calendar__day--outside-contract:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background:#8c91964d;transform:rotate(-45deg)}.leave-calendar__day--outside-contract:hover{background:#8c91960d;transform:none;box-shadow:none}.leave-calendar__day--outside-contract .leave-calendar__day-number{color:#8c9196}.leave-calendar__day--filtered-out{opacity:.3;border-color:transparent!important;background:#8c91960d!important;background-image:none!important}.leave-calendar__day--filtered-out:hover{background:#8c919614!important;transform:none;box-shadow:none}.leave-calendar__day--filtered-out .leave-calendar__day-number{color:#8c9196}.leave-calendar__day--has-leave{cursor:pointer;border-width:2px;border-style:solid;transition:all .3s ease}.leave-calendar__day--has-leave:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.leave-calendar__day--has-leave.leave-calendar__day--status-approved{border-color:#22c55e;background:#22c55e14}.leave-calendar__day--has-leave.leave-calendar__day--status-approved:hover{border-color:#22c55e;background:#22c55e26}.leave-calendar__day--has-leave.leave-calendar__day--status-pending{border-color:#f59e0b;background:#f59e0b14}.leave-calendar__day--has-leave.leave-calendar__day--status-pending:hover{border-color:#f59e0b;background:#f59e0b26}.leave-calendar__day--has-leave.leave-calendar__day--status-rejected{border-color:#ef4444;background:#ef444414}.leave-calendar__day--has-leave.leave-calendar__day--status-rejected:hover{border-color:#ef4444;background:#ef444426}.leave-calendar__day--selected{border-color:#8860d0;background:linear-gradient(135deg,#8860d026,#9c80ce26);box-shadow:0 4px 16px #8860d04d}.leave-calendar__day-number{font-size:1.143rem;font-weight:500;color:#313131;margin-bottom:.286rem;transition:all .3s ease}.leave-calendar__day-number--today{color:#8860d0;font-weight:700;font-size:1.286rem;position:relative}.leave-calendar__today-badge{position:absolute;top:2px;left:2px;background:#8860d0;color:#fff;font-size:.714rem;font-weight:700;padding:2px 6px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 4px #0003;z-index:2;line-height:1.2}.leave-calendar__day-chips{display:flex;flex-direction:column;gap:2px;width:100%;margin-top:auto;max-height:100px;overflow:hidden;align-items:flex-start;flex-wrap:wrap}.leave-calendar__chip{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:8px;font-size:.714rem;font-weight:600;color:#fff;max-width:100%;box-shadow:0 1px 2px #0003;flex-shrink:0;min-width:0}.leave-calendar__chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;line-height:1.2}.leave-calendar__chip--more{font-weight:600;font-size:.714rem}.leave-calendar__day-markers{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;width:100%}.leave-calendar__marker{width:auto;min-width:40px;height:20px;padding:2px 8px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.857rem;font-weight:600;color:#fff;box-shadow:0 2px 4px #0003;transition:all .3s ease;white-space:nowrap}@media (max-width: 768px){.leave-calendar__marker{min-width:32px;height:18px;padding:1px 6px;font-size:10px}}.leave-calendar__marker:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.leave-calendar__marker--text{font-size:.857rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:999px}@media (max-width: 768px){.leave-calendar__marker--text{font-size:9px}}.leave-calendar__marker--multiple{width:auto;min-width:24px;padding:2px 8px;border-radius:999px;color:#fff;font-weight:700;font-size:.857rem}.leave-calendar__info-popup{position:fixed;z-index:1000;min-width:320px;max-width:420px;max-height:500px;padding:1.143rem;background:#fff;border-radius:16px;box-shadow:0 12px 48px #00000026,0 4px 16px #8860d033;animation:popupFadeIn .15s ease-out;overflow-y:auto;overflow-x:hidden;pointer-events:auto;border:1px solid rgba(136,96,208,.1);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(136,96,208,.3) transparent}.leave-calendar__info-popup:before{content:"";position:absolute;top:-8px;left:20px;width:16px;height:16px;background:#fff;border-left:1px solid rgba(136,96,208,.1);border-top:1px solid rgba(136,96,208,.1);transform:rotate(45deg);z-index:1}@media (max-width: 768px){.leave-calendar__info-popup{min-width:280px;max-width:90vw}}.leave-calendar__popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.1)}.leave-calendar__popup-title{display:flex;align-items:center;gap:.571rem;font-size:1.286rem;font-weight:700;color:#313131}.leave-calendar__popup-title svg{color:#8860d0;font-size:1.143rem}.leave-calendar__close-btn{background:#8860d01a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8860d0;transition:all .3s ease;flex-shrink:0}.leave-calendar__close-btn:hover{background:#8860d0;color:#fff;transform:rotate(90deg);box-shadow:0 2px 8px #8860d04d}.leave-calendar__close-btn:active{transform:rotate(90deg) scale(.95)}.leave-calendar__close-btn svg{font-size:1rem}.leave-calendar__popup-content,.leave-calendar__info-content{display:flex;flex-direction:column;gap:1.143rem}.leave-calendar__info-card{background:#fff;border-radius:12px;padding:1.143rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.leave-calendar__info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.leave-calendar__info-card-header{display:flex;justify-content:space-between;align-items:center;gap:.857rem;margin-bottom:1.143rem;flex-wrap:wrap}.leave-calendar__leave-type-badge{display:flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #0003}.leave-calendar__leave-type-badge .leave-type-icon{font-size:1.143rem}.leave-calendar__status-badge{padding:.571rem 1.143rem;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;text-transform:capitalize}.leave-calendar__info-section{margin-bottom:.857rem}.leave-calendar__info-section:last-child{margin-bottom:0}.leave-calendar__info-label{font-size:1rem;font-weight:700;color:#8c9196;margin-bottom:.571rem;text-transform:uppercase;letter-spacing:.5px}.leave-calendar__info-text{font-size:1rem;color:#313131;line-height:1.6;padding:.857rem;background:#8860d00d;border-radius:8px;word-break:break-all;white-space:pre-wrap}.leave-calendar__date-range{font-size:1.143rem;font-weight:600;color:#313131;padding:.857rem;background:linear-gradient(135deg,#8860d01a,#9c80ce1a);border-radius:8px;border:1px solid rgba(136,96,208,.2)}.leave-calendar__date-range .date-count{margin-left:.571rem;font-size:1rem;color:#8c9196;font-weight:500}.leave-calendar__legend{margin-top:1.714rem;padding-top:1.143rem;border-top:2px solid rgba(136,96,208,.1)}.leave-calendar__legend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;gap:.857rem}@media (max-width: 768px){.leave-calendar__legend-header{flex-direction:column;align-items:stretch}}.leave-calendar__legend-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.leave-calendar__clear-filter-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.3);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.leave-calendar__clear-filter-btn:hover{background:#dc262633;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.leave-calendar__clear-filter-btn:active{transform:translateY(0)}.leave-calendar__clear-filter-btn svg{font-size:1rem}@media (max-width: 768px){.leave-calendar__clear-filter-btn span{display:none}}.leave-calendar__legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.857rem}.leave-calendar__legend-item{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:#8860d00d;border-radius:8px;font-size:1rem;color:#313131;font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.leave-calendar__legend-item:hover{background:#8860d01a;transform:translateY(-2px);box-shadow:0 4px 12px #8860d026;border-color:#8860d04d}.leave-calendar__legend-item--active{background:#8860d026;border-color:#8860d0;box-shadow:0 2px 8px #8860d040;font-weight:700}.leave-calendar__legend-item--active:hover{background:#8860d033;box-shadow:0 4px 12px #8860d04d}.leave-calendar__legend-marker{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.857rem;box-shadow:0 2px 4px #0003;flex-shrink:0}.leave-calendar__type-badge{display:flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #0003}.leave-calendar__type-badge .type-text{font-size:1rem}.leave-calendar__modal-title{display:flex;align-items:center;gap:.571rem;font-size:1.286rem;font-weight:700;color:#313131}.leave-calendar__modal-title svg{color:#8860d0;font-size:1.143rem}.leave-calendar__modal-content{display:flex;flex-direction:column;gap:1.143rem;padding:.571rem 0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(136,96,208,.3) transparent}.leave-calendar__modal-content::-webkit-scrollbar{width:6px}.leave-calendar__modal-content::-webkit-scrollbar-track{background:#8860d00d;border-radius:8px}.leave-calendar__modal-content::-webkit-scrollbar-thumb{background:#8860d04d;border-radius:8px}.leave-calendar__modal-content::-webkit-scrollbar-thumb:hover{background:#8860d080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.contract-form-container{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.contract-form-container{padding:1.714rem 1.143rem}}.contract-form-container__wrapper{max-width:1200px;margin:0 auto}.contract-form-container-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.714rem;padding-block:1.714rem 2.286rem;border-radius:16px;animation:slideDown .6s ease-out}@media (max-width: 768px){.contract-form-container-header{flex-direction:column;gap:1.143rem;align-items:stretch}}.contract-form-container__header-content{display:flex;align-items:center;gap:1.143rem}.contract-form-container__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.contract-form-container__header-icon{width:56px;height:56px;font-size:1.714rem}}.contract-form-container__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.contract-form-container__title{font-size:1.429rem}}.contract-form-container__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.contract-form-container-btnContainer{display:flex;align-items:center;gap:1.143rem}@media (max-width: 768px){.contract-form-container-btnContainer{justify-content:center;flex-wrap:wrap}}.contract-form-container__contract-selector{display:flex;align-items:center;gap:1.143rem;margin-bottom:1.714rem;padding:1.143rem 1.714rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a;animation:fadeInUp .6s ease-out .1s both;position:relative;z-index:1000}@media (max-width: 768px){.contract-form-container__contract-selector{flex-direction:column;align-items:stretch}}.contract-form-container__selector-label{font-size:1.143rem;font-weight:600;color:#313131;white-space:nowrap;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:.286rem}.contract-form-container__selector-wrapper{flex:1;min-width:250px;position:relative;z-index:1000}@media (max-width: 768px){.contract-form-container__selector-wrapper{min-width:unset}}.contract-form-container__action-buttons{display:flex;align-items:center;gap:.857rem}@media (max-width: 768px){.contract-form-container__action-buttons{justify-content:center;flex-wrap:wrap}}@media all and (max-width: 576px){.contract-form-container__action-buttons{flex-direction:column;align-items:flex-end;gap:.571rem}}.contract-form-container__info-banner{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:1.714rem;padding:1.429rem 1.714rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;box-shadow:0 2px 12px #3b82f61a;animation:fadeInUp .6s ease-out .15s both}@media (max-width: 768px){.contract-form-container__info-banner{flex-direction:column;padding:1.143rem}}.contract-form-container__info-banner__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #3b82f640}@media (max-width: 768px){.contract-form-container__info-banner__icon{width:40px;height:40px;min-width:40px;font-size:1.286rem}}.contract-form-container__info-banner__content{flex:1}.contract-form-container__info-banner__title{font-size:1.143rem;font-weight:600;color:#1e40af;margin:0 0 .571rem}@media (max-width: 768px){.contract-form-container__info-banner__title{font-size:1rem}}.contract-form-container__info-banner__message{font-size:1rem;color:#1e3a8a;margin:0;line-height:1.5}@media (max-width: 768px){.contract-form-container__info-banner__message{font-size:.857rem}}.contract-form-container__status-indicator{display:flex;align-items:center}.contract-form-container__status-badge{display:flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:16px;font-size:1rem;font-weight:500;transition:all .3s ease;animation:slideIn .4s ease-out}.contract-form-container__status-badge--active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.contract-form-container__status-badge--active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.contract-form-container__status-badge--inactive{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.contract-form-container__status-badge--inactive:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.contract-form-container__status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulseCF 2s infinite}.contract-form-container__status-text{font-weight:600;letter-spacing:.5px}.contract-form-container__document{background:#fff;box-shadow:0 8px 32px #00000014;border-radius:16px;overflow:hidden;animation:fadeInUp .6s ease-out .2s both}.contract-form-container__document-buttons{display:flex;align-items:center;justify-content:flex-end;gap:1.143rem;padding:1.714rem 2.286rem;padding-bottom:0}@media all and (max-width: 576px){.contract-form-container__document.active{box-shadow:none;border:none}.contract-form-container__document{background:unset}}.contract-form-container__document-header{background:linear-gradient(135deg,#8860d0,#9c80ce);padding:1.714rem 2.286rem;color:#fff;border-bottom:3px solid #8860d0}.contract-form-container__document-header h3{margin:0;font-size:1.286rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.contract-form-container__document-content{padding:2.286rem}@media (max-width: 768px){.contract-form-container__document-content{padding:1.714rem}}@media all and (max-width: 576px){.contract-form-container__document-content{padding-inline:0}}.contract-form-container__sections{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:2.286rem}.contract-form-container__section{width:100%;background:#fafbfc;border-radius:12px;padding:1.714rem;border:1px solid #e6e6e7;transition:all .3s ease}.contract-form-container__section.period-section{margin-bottom:1.714rem;position:relative;z-index:1000}.contract-form-container__section:hover{box-shadow:0 4px 16px #0000000d;transform:translateY(-2px)}.contract-form-container__section--readonly{background:#f8f9fa;pointer-events:none}.contract-form-container__section-title{font-size:1.286rem;font-weight:700;color:#8860d0;margin:0 0 1.714rem;padding-bottom:.857rem;border-bottom:2px solid #f3effc;display:flex;align-items:center;gap:.571rem}.contract-form-container__section-title:before{content:"";width:4px;height:20px;background:#8860d0;border-radius:2px}.contract-form-container__section-content{display:grid;grid-template-columns:1fr 1fr;gap:1.429rem}.contract-form-container__section-content.leave-management-section{grid-template-columns:1fr}@media (max-width: 940px){.contract-form-container__section-content{grid-template-columns:1fr}}.contract-form-container__section-content .input-container .date-input-container .contract-form__date-picker .MuiInputBase-root{height:48px;border-radius:8px;background:#fff;font-size:1.143rem}.contract-form-container__section-content .input-container .date-input-container .contract-form__date-picker .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.contract-form-container__section-content .input-container .date-input-container .contract-form__date-picker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.contract-form-container__section-content .input-container .date-input-container .contract-form__date-picker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 4px #8860d014}.contract-form-container__section-content .input-container .date-input-container .contract-form__date-picker .MuiPickersInputBase-root .MuiPickersSectionList-root{padding-left:10px!important}.contract-form-container__section-content .input-container .date-input-container .contract-form__date-picker .MuiInputLabel-root{color:#8c9196;font-size:1.143rem}.contract-form-container__section-content .input-container .date-input-container .contract-form__date-picker .MuiInputLabel-root.Mui-focused{color:#8860d0}.contract-form-container__section-content .input-container .date-input-container .contract-form__date-picker .MuiIconButton-root{color:#8860d0;margin-right:5px}.contract-form-container__section-content .input-container .date-input-container .contract-form__date-picker .MuiIconButton-root:hover{background:#f3effc}.contract-form-container__new-employee{background:#8860d00d;padding:20px;border-radius:12px;border:1px dashed #8860d0;margin-bottom:24px}.contract-form-container__new-employee-label{margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:15px;color:#444;font-weight:600}.contract-form-container__new-employee-radio{display:flex;gap:32px;margin-bottom:24px;padding-left:4px}.contract-form-container__new-employee-radio-label{display:flex;align-items:center;gap:8px;font-weight:500}.contract-form-container__new-employee-radio-input{accent-color:#8860d0;width:18px;height:18px}.contract-form-container__new-employee-radio--active{margin-bottom:0}.contract-form-container__new-employee-tax-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;animation:fadeIn .3s ease-out}.contract-form-container .input-container{position:relative;display:flex;flex-direction:column;gap:.857rem;transition:all .3s ease;margin-bottom:.571rem}@media all and (max-width: 576px){.contract-form-container .input-container{width:100%}}.contract-form-container .input-container--row{flex-direction:row;align-items:flex-start;gap:1.429rem;padding:1.143rem 0}@media (max-width: 768px){.contract-form-container .input-container--row{flex-direction:column;gap:.857rem}}.contract-form-container .input-container--row>div:first-child{flex:1}.contract-form-container .input-container--row>div:last-child{flex:0 0 200px}@media (max-width: 768px){.contract-form-container .input-container--row>div:last-child{flex:1;width:100%}}.contract-form-container .input-container .time-picker{width:100%;background:#fff;border:1px solid #e6e6e7;border-radius:8px;overflow:hidden}@media all and (max-width: 576px){.contract-form-container .input-container .time-picker{width:100%}}@media (max-width: 480px){.contract-form-container .input-container .time-picker .MuiClock-root{margin-left:10px!important;margin-bottom:10px!important;justify-content:start!important}}@media (max-width: 480px){.contract-form-container .input-container .time-picker .MuiTimeClock-root{width:100%}}@media (max-width: 480px){.contract-form-container .input-container .time-picker .MuiPickersLayout-root{grid-auto-columns:unset!important}}@media (max-width: 480px){.contract-form-container .input-container .time-picker .MuiPickersLayout-root{min-width:unset!important;width:100%;flex-direction:column!important}}@media (max-width: 480px){.contract-form-container .input-container .time-picker .MuiPickersLayout-contentWrapper{width:100%;display:flex;justify-content:center;overflow:auto;grid-column:1/2!important;grid-row:2!important;max-width:unset!important}}.contract-form-container .input-container .time-picker .MuiStaticTimePicker-root{min-width:250px!important;width:100%}.contract-form-container .input-container .time-picker .MuiPickersToolbar-root{padding-inline:1.143rem!important}@media (max-width: 480px){.contract-form-container .input-container .time-picker .MuiPickersToolbar-root{padding-block:.571rem!important}}@media (max-width: 480px){.contract-form-container .input-container .time-picker .MuiPickersLayout-toolbar{grid-column:1/-1}}.contract-form-container .input-container label{font-size:1.143rem;font-weight:600;color:#313131;display:flex;align-items:center;gap:.571rem;margin-bottom:.286rem}.contract-form-container .input-container .date-input-container{margin-bottom:0}.contract-form-container .input-container .date-input-container .MuiFormControl-root{margin-bottom:0;width:100%}.contract-form-container .input-container .date-input-container .MuiFormControl-root .MuiFormHelperText-root{margin-top:.571rem!important;margin-left:0!important;margin-right:0!important;margin-bottom:0!important;position:relative!important;white-space:normal!important;word-wrap:break-word!important;line-height:1.4!important}.contract-form-container .input-container .totalLeaves{font-size:2.286rem;font-weight:700;color:#8860d0;background:linear-gradient(135deg,#f3effc,#f3effc);padding:1.143rem 1.714rem;border-radius:8px;text-align:center;border:2px solid #8860d0;box-shadow:0 4px 12px #8860d026;transition:all .3s ease}.contract-form-container .input-container .totalLeaves:hover{transform:scale(1.02);box-shadow:0 6px 20px #8860d040}.contract-form-container .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.contract-form-container .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.contract-form-container .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.contract-form-container .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.contract-form-container .input-field-container .inputfield:disabled{cursor:not-allowed;background:#f8f9fa}.contract-form-container .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.contract-form-container .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.contract-form-container .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.contract-form-container .selectfield .react-select__control--is-disabled{cursor:not-allowed;background:#f8f9fa!important}.contract-form-container .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.contract-form-container .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.contract-form-container .selectfield .react-select__option--is-focused{background:#f3effc!important}.contract-form-container .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.contract-form-container .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.contract-form-container .selectfield .react-select__single-value{color:#313131;font-weight:500}.contract-form-container .selectfield .react-select__indicator{color:#8860d0}.contract-form-container .date-input-container{position:relative;margin-bottom:.571rem}.contract-form-container .date-input-container .react-datepicker-wrapper{width:100%}.contract-form-container .date-input-container .react-datepicker__input-container input{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400;width:100%}.contract-form-container .date-input-container .react-datepicker__input-container input::placeholder{color:#8c9196}.contract-form-container .date-input-container .react-datepicker__input-container input:hover{border-color:#8860d0;background:#fff}.contract-form-container .date-input-container .react-datepicker__input-container input:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px);outline:none}.contract-form-container .date-input-container .react-datepicker__input-container input:disabled{cursor:not-allowed;background:#f8f9fa}.contract-form-container .timeInputField .main-container{height:4rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;transition:all .3s ease}.contract-form-container .timeInputField .main-container:hover{border-color:#8860d0;background:#fff}.contract-form-container .timeInputField .main-container:focus-within{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.contract-form-container .timeInputField .main-container .react-time-picker__wrapper .react-time-picker__inputGroup{font-size:1.143rem}.contract-form-container .btn{border-radius:8px;font-weight:600;height:48px;padding:0 1.714rem;transition:all .3s ease;font-size:1.143rem}.contract-form-container .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.contract-form-container .btn--primary{background:linear-gradient(135deg,#8860d0,#9c80ce);border:none;color:#fff;box-shadow:0 4px 12px #8860d04d}.contract-form-container .btn--primary:hover{box-shadow:0 6px 20px #8860d066}.contract-form-container .btn--danger{background:linear-gradient(135deg,#d70040,#ff4757);border:none;color:#fff;box-shadow:0 4px 12px #d700404d}.contract-form-container .btn--danger:hover{box-shadow:0 6px 20px #d7004066}.contract-form-container .btn--outline{border:2px solid #8860d0;background:transparent;color:#8860d0}.contract-form-container .btn--outline:hover{background:#f3effc;border-color:#8860d0}.contract-form-container__status-indicator{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:8px;font-size:1rem;font-weight:600}.contract-form-container__status-indicator--active{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.contract-form-container__status-indicator--inactive{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.contract-form-container__status-indicator--editing{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}@media all and (max-width: 576px){.contract-form-container__status-indicator{justify-content:flex-end}}.contract-form-container__document-buttons{display:flex;align-items:center;justify-content:flex-end;gap:.857rem;padding:1.143rem 2.286rem;background:#fafbfc;border-bottom:1px solid #e6e6e7}@media (max-width: 768px){.contract-form-container__document-buttons{padding:1.143rem;justify-content:center;flex-wrap:wrap}}@media all and (max-width: 576px){.contract-form-container__document-buttons{justify-content:flex-end}}.contract-form-container__chip-grid{display:flex;flex-wrap:wrap;gap:.571rem;padding:1.143rem;background:#fafbfc;border-radius:12px;border:1px solid #e6e6e7;transition:all .3s ease}.contract-form-container__chip-grid:hover{border-color:#8860d0;background:#fff}.contract-form-container__chip-grid--readonly{background:#f8f9fa;pointer-events:none}.contract-form-container__chip-grid--readonly:hover{border-color:#e6e6e7;background:#f8f9fa}.contract-form-container__chip-grid--error{border-color:#dc3545!important;background:#fff5f5!important;box-shadow:0 0 0 3px #dc35451a!important}.contract-form-container__chip-grid--error:hover{border-color:#dc3545!important;background:#fff5f5!important}.contract-form-container__chip-grid--error .contract-form-container__option-chip{border-color:#dc35454d}.contract-form-container__chip-grid--error .contract-form-container__option-chip:hover{border-color:#dc3545;background:#dc35450d;color:#dc3545}.contract-form-container__chip-grid--error .contract-form-container__option-chip--selected{border-color:#dc3545;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.contract-form-container__chip-grid--error .contract-form-container__option-chip--selected:hover{background:linear-gradient(135deg,#c82333,#a71e2a)}.contract-form-container__option-chip{display:inline-flex;align-items:center;justify-content:center;padding:.857rem 1.143rem;border:2px solid #e6e6e7;border-radius:8px;background:#fff;color:#313131;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:80px;text-align:center}.contract-form-container__option-chip:hover{border-color:#8860d0;background:#f3effc;color:#8860d0;transform:translateY(-2px);box-shadow:0 4px 12px #8860d026}.contract-form-container__option-chip--selected{background:linear-gradient(135deg,#8860d0,#9c80ce);border-color:#8860d0;color:#fff;font-weight:600;box-shadow:0 4px 12px #8860d04d}.contract-form-container__option-chip--selected:hover{background:linear-gradient(135deg,#7350b8,#8b5fbf);transform:translateY(-2px);box-shadow:0 6px 20px #8860d066;color:#fff}.contract-form-container__option-chip--excluded{background:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.7}.contract-form-container__option-chip--excluded:hover{transform:none;box-shadow:none;border-color:#e9ecef;background:#f8f9fa;color:#6c757d}.contract-form-container__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;text-align:center;background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border:2px dashed #e6e6e7;border-radius:12px;transition:all .3s ease}.contract-form-container__empty-state:hover{border-color:#8860d0;background:linear-gradient(135deg,#f3effc,#f3effc);transform:translateY(-2px);box-shadow:0 4px 16px #8860d01a}.contract-form-container__empty-state__icon{font-size:2.286rem;color:#8860d0;margin-bottom:.857rem}.contract-form-container__empty-state__title{font-size:1.143rem;font-weight:600;color:#313131;margin:0 0 .571rem}.contract-form-container__empty-state__message{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.contract-form-container__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.429rem 1.714rem;gap:1.143rem;margin-block:3rem}.contract-form-container__empty .empty-icon{font-size:80px;opacity:.5;animation:float 3s ease-in-out infinite}.contract-form-container__empty h3{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.contract-form-container__empty p{font-size:1.143rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.contract-form-container__empty .empty-action-btn{margin-top:1.143rem;height:48px;padding:0 1.714rem;font-weight:600;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d}.contract-form-container__empty .empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}@keyframes pulseCF{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.contract-form-container .error-message{position:absolute;bottom:-1.143rem;color:#cd5353;font-size:.714rem;margin-top:4px;display:block;font-weight:500;animation:slideDown .3s ease-out}.css-er619e-MuiFormHelperText-root.Mui-error,.MuiFormHelperText-root.Mui-error{color:#cd5353!important;position:relative!important;margin-top:.571rem!important;margin-bottom:0!important;margin-left:0!important;font-weight:500!important;font-size:1rem!important;line-height:1.4!important;white-space:normal!important;word-wrap:break-word!important;display:block!important}.css-eqc3kq-MuiFormControl-root-MuiPickersTextField-root,.MuiFormControl-root.MuiPickersTextField-root{margin-bottom:0!important}.css-eqc3kq-MuiFormControl-root-MuiPickersTextField-root .MuiFormHelperText-root,.MuiFormControl-root.MuiPickersTextField-root .MuiFormHelperText-root{margin-top:.571rem!important;margin-bottom:0!important;position:relative!important;white-space:normal!important;word-wrap:break-word!important}@media all and (max-width: 576px){.css-eqc3kq-MuiFormControl-root-MuiPickersTextField-root,.MuiFormControl-root.MuiPickersTextField-root{width:100%!important}}.contract-form-container .leave-accrual-rules__section{background:#ffffffb3;border-radius:16px;padding:1.429rem;border:1px solid rgba(99,102,241,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 16px #6366f10d;position:relative;overflow:visible;margin-bottom:1.143rem;pointer-events:auto}.contract-form-container .leave-accrual-rules__section:hover{box-shadow:0 8px 24px #6366f11a;border-color:#6366f133}.contract-form-container .leave-accrual-rules__section *{pointer-events:auto}.contract-form-container .leave-accrual-rules__section-header{display:flex;align-items:center;gap:.857rem;margin-bottom:1.429rem;padding-bottom:1.143rem;border-bottom:2px solid rgba(99,102,241,.1)}.contract-form-container .leave-accrual-rules__section-title{margin:0;font-size:1.286rem;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contract-form-container .leave-accrual-rules__sub-block{background:#6366f108;border:1px solid rgba(99,102,241,.15);border-radius:12px;padding:1.429rem;margin-top:1.143rem;margin-bottom:1.143rem;transition:all .3s ease}.contract-form-container .leave-accrual-rules__sub-block:hover{background:#6366f10d;border-color:#6366f140}.contract-form-container .leave-accrual-rules__sub-block-header{margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:1px solid rgba(99,102,241,.1)}.contract-form-container .leave-accrual-rules__sub-block-title{margin:0 0 .286rem;font-size:1.143rem;font-weight:600;color:#313131}.contract-form-container .leave-accrual-rules__sub-block-description{margin:0;font-size:1rem;color:#8c9196;line-height:1.5}.contract-form-container .leave-accrual-rules__sub-block-fields{display:grid;grid-template-columns:1fr;gap:.286rem}@media (max-width: 768px){.contract-form-container .leave-accrual-rules__sub-block-fields{grid-template-columns:1fr;gap:1.143rem}}.contract-form-container .leave-accrual-rules__field-wrapper{display:flex;align-items:center;gap:.857rem;position:relative;width:100%;z-index:10}.contract-form-container .leave-accrual-rules__field-wrapper .settings-input{flex:1;pointer-events:auto}.contract-form-container .leave-accrual-rules__field-wrapper input{pointer-events:auto}.contract-form-container .leave-accrual-rules__field-wrapper .input-field-container .input-error{position:absolute;bottom:0;top:100%;left:0;font-size:.857rem;font-weight:500}.contract-form-container .leave-accrual-rules__field-suffix{font-size:1rem;color:#8c9196;font-weight:500;white-space:nowrap;padding:0 .571rem}.contract-form-container .settings-toggle-group{display:flex;align-items:center;gap:.857rem;padding:.571rem .857rem;background:#6366f10d;border-radius:12px;border:1px solid rgba(99,102,241,.1);width:fit-content;min-width:120px;justify-content:center}.contract-form-container .settings-toggle-group span{font-weight:500;color:#313131;font-size:1rem}.contract-form-container__section-content--benefits{grid-template-columns:1fr}.contract-form-container__benefits-table-wrapper{background:#fff;border-radius:12px;border:1px solid #e6e6e7;overflow:hidden;box-shadow:0 2px 8px #0000000a}.contract-form-container__benefits-table{width:100%;border-collapse:collapse;background:#fff}.contract-form-container__benefits-table-header{background:linear-gradient(135deg,#8860d0,#9c80ce)}.contract-form-container__benefits-table-header tr{border-bottom:2px solid rgba(255,255,255,.2)}.contract-form-container__benefits-table-header th{padding:1.143rem 1.429rem;text-align:left;font-size:1.143rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:1rem}.contract-form-container__benefits-table-header th:first-child{padding-left:1.714rem;width:60px;text-align:center}.contract-form-container__benefits-table-header th:last-child{padding-right:1.714rem}.contract-form-container__benefits-table-body tr{border-bottom:1px solid #e6e6e7;transition:all .2s ease;cursor:pointer}.contract-form-container__benefits-table-body tr:last-child{border-bottom:none}.contract-form-container__benefits-table-body tr:hover:not(.contract-form-container__benefits-table-body tr--disabled):not(.contract-form-container__benefits-table-body tr--readonly){background:#8860d008;transform:scale(1.001)}.contract-form-container__benefits-table-body tr--selected{background:linear-gradient(90deg,#8860d014,#9c80ce0d);border-left:4px solid #8860d0}.contract-form-container__benefits-table-body tr--selected:hover{background:linear-gradient(90deg,#8860d01f,#9c80ce14)}.contract-form-container__benefits-table-body tr--disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.contract-form-container__benefits-table-body tr--disabled:hover{background:#f8f9fa;transform:none}.contract-form-container__benefits-table-body tr--readonly{cursor:default}.contract-form-container__benefits-table-body td{padding:1.143rem 1.429rem;vertical-align:middle}.contract-form-container__benefits-table-body td:first-child{padding-left:1.714rem;text-align:center}.contract-form-container__benefits-table-body td:last-child{padding-right:1.714rem}.contract-form-container__benefit-checkbox-cell{width:60px;text-align:center}.contract-form-container__benefit-checkbox{display:flex;align-items:center;justify-content:center}.contract-form-container__benefit-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#8860d0;border-radius:4px;transition:all .2s ease}.contract-form-container__benefit-checkbox input[type=checkbox]:checked{transform:scale(1.1)}.contract-form-container__benefit-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.contract-form-container__benefit-name-cell{min-width:200px}.contract-form-container__benefit-name{font-size:1.143rem;font-weight:600;color:#313131;line-height:1.5}.contract-form-container__benefit-type-cell,.contract-form-container__benefit-calculation-cell{min-width:120px}.contract-form-container__benefit-calculation{font-size:1rem;color:#8c9196;font-weight:500;text-transform:capitalize}.contract-form-container__benefit-value-cell{min-width:120px}.contract-form-container__benefit-value-amount{font-size:1.143rem;font-weight:700;color:#8860d0}.contract-form-container__benefit-status-cell{min-width:180px}.contract-form-container__benefit-badges{display:flex;flex-wrap:wrap;gap:.571rem;align-items:center}.contract-form-container__benefit-badge{font-size:.857rem;font-weight:500;padding:4px 10px;border-radius:8px;text-transform:capitalize;white-space:nowrap;display:inline-block}.contract-form-container__benefit-badge--allowance{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.contract-form-container__benefit-badge--deduction{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.contract-form-container__benefit-badge--mandatory{background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.contract-form-container__benefit-badge--taxable{background:#fbbf241a;color:#d97706;border:1px solid rgba(251,191,36,.2)}.contract-form-container__benefit-badge--optional{background:#94a3b81a;color:#64748b;border:1px solid rgba(148,163,184,.2)}.contract-form-container .input-container--full{grid-column:1/-1}@media (max-width: 1024px){.contract-form-container__benefits-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.contract-form-container__benefits-table{min-width:800px}}.add-user{display:flex;flex-direction:column;gap:20px;padding:10px 1.143rem}.add-user__form .input-container{display:flex;flex-direction:column;gap:.571rem;margin-bottom:1.143rem}.add-user__form .input-container label{font-size:1.143rem;color:#313131}.emergency-contact-modal>.input-container{display:flex;flex-direction:column;margin-bottom:1.429rem;gap:1.429rem}.view-team-page{width:100%;padding:1.429rem}.view-team-page .header{margin-bottom:1.143rem}@media screen and (max-width: 700px){.view-team-page{padding-inline:0}.view-team-page .tab-title{overflow:auto;padding-inline:1.143rem}.view-team-page .tab-title .tab-title-left{justify-content:center}.view-team-page .tab-title .tab-item{text-wrap:nowrap;font-size:.857rem;padding:.857rem}.view-team-page .tab-title::-webkit-scrollbar{display:none}}.view-team-page .tab-body{display:flex;flex-direction:column;padding:1.143rem 0}@media all and (max-width: 576px){.view-team-page .tab-body .timesheetContainer{padding-inline:1.143rem}}.view-team-page__content{display:flex;gap:1.714rem;align-items:flex-start;width:100%}@media all and (max-width: 768px){.view-team-page__content{flex-direction:column-reverse;gap:1.429rem}}.view-team-page__tabs{flex:1;min-width:0}@media all and (max-width: 576px){.view-team-page__tabs{width:100%}}.view-team-page__user-card{position:fixed;bottom:.571rem;right:.571rem;z-index:9999;width:clamp(280px,28vw,360px);background:#fff;border-radius:16px;padding:.571rem;border:1px solid rgba(230,230,231,.5);box-shadow:0 20px 48px #18132b1f;display:flex;flex-direction:column;gap:1.143rem;transform-origin:bottom right;transition:transform .75s ease;transform:scale(1);max-height:480px;overflow:hidden;background-image:linear-gradient(140deg,rgba(136,96,208,.08),transparent 60%),linear-gradient(180deg,#fff,#faf8ff)}@media all and (max-width: 768px){.view-team-page__user-card{width:fit-content;box-shadow:0 16px 32px #18132b14;margin:0 .571rem}}.view-team-page__user-card--loading{border-radius:50%}.view-team-page__user-card--loading .view-team-page__user-card-skeleton{display:flex;flex-direction:column;gap:.857rem}.view-team-page__user-card--collapsed{max-height:92px;transform:scale(.85);overflow:hidden;width:max-content;padding:.571rem;gap:.857rem;background-image:none;background:#fff;box-shadow:0 16px 32px #18132b1f}@media all and (max-width: 768px){.view-team-page__user-card--collapsed{width:fit-content}}.view-team-page__user-card--collapsed .view-team-page__user-card-header{gap:.857rem}.view-team-page__user-card--collapsed .view-team-page__user-card-title h3{font-size:1rem}.view-team-page__user-card--collapsed .view-team-page__user-card-avatar{width:40px;height:40px}.view-team-page__user-card-skeleton{display:flex;flex-direction:column;gap:.857rem}.view-team-page__user-card-skeleton .skeleton-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(120deg,#8860d02e,#8860d00f);background-size:200% 100%;animation:shimmer 1.6s infinite}.view-team-page__user-card-skeleton .skeleton-line{height:12px;border-radius:8px;background:linear-gradient(120deg,#e6e6e799,#e6e6e740,#e6e6e799);background-size:200% 100%;animation:shimmer 1.6s infinite}.view-team-page__user-card-skeleton .skeleton-line--lg{height:18px;width:70%}.view-team-page__user-card-header{display:flex;align-items:center;gap:1.143rem;width:100%}.view-team-page__user-card-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#8860d033,#8860d00f);box-shadow:inset 0 0 0 2px #8860d026}.view-team-page__user-card-avatar img{width:100%;height:100%;object-fit:cover}.view-team-page__user-card-avatar svg{font-size:2.286rem;color:#8860d0}.view-team-page__user-card-title{display:flex;flex-direction:column;gap:.286rem}.view-team-page__user-card-title h3{margin:0;font-size:1rem;font-weight:700;color:#313131}.view-team-page__user-card-title span{font-size:1rem;font-weight:500;color:#313131b8}.view-team-page__user-card-toggle{margin-left:auto;width:36px;height:36px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8860d026,#8860d00d);color:#8860d0;cursor:pointer;transition:all .3s ease}.view-team-page__user-card-toggle svg{font-size:1.286rem}.view-team-page__user-card-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 22px #8860d02e}.view-team-page__user-card-toggle:focus-visible{outline:2px solid #8860d0;outline-offset:2px}.view-team-page__user-card-toggle:disabled,.view-team-page__user-card-toggle[aria-disabled=true]{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.view-team-page__user-card-status .status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.286rem .857rem;border-radius:999px;font-size:.857rem;font-weight:600}.view-team-page__user-card-status .status-pill--active{background:linear-gradient(135deg,#8860d029,#8860d014);color:#8860d0}.view-team-page__user-card-status .status-pill--inactive{background:linear-gradient(135deg,#8c919624,#8c91960f);color:#8c9196}.view-team-page__user-card-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.857rem}.view-team-page__user-card-meta-item{display:flex;align-items:flex-start;gap:.857rem;padding:.857rem;border-radius:12px;background:#8860d00f;border:1px solid rgba(230,230,231,.4)}.view-team-page__user-card-meta-item .meta-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;color:#8860d0;box-shadow:0 10px 18px #8860d01f;font-size:1.286rem}.view-team-page__user-card-meta-item .meta-content{display:flex;flex-direction:column;gap:.286rem}.view-team-page__user-card-meta-item .meta-content .meta-label{font-size:.857rem;color:#31313199;font-weight:500}.view-team-page__user-card-meta-item .meta-content .meta-value{font-size:.857rem;font-weight:600;color:#313131;word-break:break-word}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.create-employee-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.create-employee-page{padding:1.714rem 1.143rem}}.create-employee-page__container{margin:0 auto}.create-employee-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.create-employee-page .right{display:flex;align-items:row;justify-content:center;flex-direction:center;column-gap:1.143rem}@media all and (max-width: 576px){.create-employee-page .right{flex-direction:column;align-items:flex-start;gap:.571rem}}.create-employee-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.create-employee-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.create-employee-page__back-btn:active{transform:translate(-2px)}.create-employee-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.create-employee-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.create-employee-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.create-employee-page__header-icon{display:none;width:50px;height:50px;min-width:50px;font-size:1.429rem}}.create-employee-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.create-employee-page__title{font-size:1.429rem}}.create-employee-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.create-employee-page__card{max-width:720px;width:100%;background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 768px){.create-employee-page__card{padding:1.714rem}}.create-employee-page__form{display:flex;flex-direction:column;gap:1.714rem}.create-employee-page__input-group{display:flex;flex-direction:column;gap:.857rem}.create-employee-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.create-employee-page__label-icon{color:#8860d0;font-size:1.286rem}.create-employee-page__required{color:#cd5353;margin-left:.286rem}.create-employee-page__input{font-size:1.143rem;transition:all .3s ease}.create-employee-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.create-employee-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.create-employee-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.create-employee-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.create-employee-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.create-employee-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.create-employee-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.create-employee-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.create-employee-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.create-employee-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.create-employee-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.create-employee-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.create-employee-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.create-employee-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.create-employee-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.create-employee-page .selectfield .react-select__indicator{color:#8860d0}.create-employee-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.create-employee-page__actions{flex-direction:column}}.create-employee-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.create-employee-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.create-employee-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.create-employee-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.create-employee-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.create-employee-page__submit-btn{flex:1}}.create-employee-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both}.create-employee-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.create-employee-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.create-employee-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.create-employee-page__info-icon{font-size:1.429rem;flex-shrink:0}.teams-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.teams-page{padding:.857rem .571rem}}.teams-page__container{max-width:1400px;margin:0 auto}.teams-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.teams-page__header{flex-direction:column;align-items:flex-start}}.teams-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.teams-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.teams-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.teams-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.teams-page__title{font-size:1.143rem}}.teams-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.teams-page__add-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.teams-page__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.teams-page__add-btn{width:100%}}.teams-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:1000}.teams-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.teams-page__filter-header .teams-page__filter-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.teams-page__filter-header .teams-page__filter-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.teams-page__filter-header .teams-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.teams-page__filter-header .teams-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.teams-page__filter-content{display:flex;flex-direction:row;gap:.857rem}@media all and (max-width: 576px){.teams-page__filter-content{flex-direction:column}}.teams-page__search{width:100%}.teams-page__filter-group{display:flex;flex-direction:row;gap:1.143rem}.teams-page__filter-item{height:100%;min-width:200px}.teams-page__filter-item .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff;transition:all .3s ease}.teams-page__filter-item .react-select__control:hover{border-color:#8860d0!important}.teams-page__filter-item .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.teams-page__filter-item .react-select__value-container{padding:0 .571rem;height:36px}.teams-page__filter-item .react-select__indicators{height:36px}.teams-page__filter-item .react-select__placeholder{color:#8c9196;font-weight:400;font-size:.857rem}.teams-page__filter-item .react-select__single-value{color:#313131;font-weight:600;font-size:.857rem}.teams-page__filter-item .react-select__indicator{color:#8860d0;padding:.286rem}.teams-page__filter-item .react-select__indicator-separator{display:none}.teams-page__filter-item .react-select__menu{border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #e6e6e7;margin-top:.286rem;overflow:hidden;z-index:1000}.teams-page__filter-item .react-select__menu-list{padding:.286rem}.teams-page__filter-item .react-select__option{padding:.571rem .857rem;cursor:pointer;transition:all .2s ease;font-size:.857rem;border-radius:8px;margin-bottom:.286rem}.teams-page__filter-item .react-select__option:last-child{margin-bottom:0}.teams-page__filter-item .react-select__option--is-focused{background:#f3effc!important;color:#8860d0!important}.teams-page__filter-item .react-select__option--is-selected{background:#8860d0!important;color:#fff!important;font-weight:600}.teams-page__content{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;animation:fadeInUp .6s ease-out .2s both;min-height:300px}@media all and (max-width: 576px){.teams-page__content{padding:0!important;background:#f3effc;box-shadow:none}}.teams-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.teams-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.teams-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.teams-page__pagination{margin-top:1.714rem;display:flex;justify-content:center}.teams-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.teams-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.teams-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.teams-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.teams-page__empty .empty-action-btn{margin-top:.857rem;height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040}.teams-page__empty .empty-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.teams-page .table-container{border-radius:12px;overflow:auto;border:1px solid #e6e6e7}.teams-page .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.teams-page .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.teams-page .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease;cursor:pointer}.teams-page .table-container table tbody tr .teams-page__employee-cell{justify-content:flex-start}.teams-page .table-container table tbody tr .teams-page__employee-cell .employee-info{align-items:flex-start}.teams-page .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.teams-page .table-container table tbody tr:hover .teams-page__employee-cell .employee-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8860d033}.teams-page .table-container table tbody tr:last-child{border-bottom:none}.teams-page .table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.teams-page__employee-cell{display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.286rem 0}.teams-page__employee-cell .employee-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 6px #8860d01f}.teams-page__employee-cell .employee-avatar img{width:100%;height:100%;object-fit:contain}.teams-page__employee-cell .employee-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1rem}.teams-page__employee-cell .employee-info{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.teams-page__employee-cell .employee-info .employee-name{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.teams-page__employee-cell .employee-info .employee-role{display:flex;align-items:center;justify-content:center;flex-direction:row;font-size:.714rem;font-weight:500;color:#fff;text-wrap:nowrap;background:linear-gradient(135deg,#8860d0cc,#9c80cecc);padding:.143rem .571rem;border-radius:8px;width:fit-content;text-transform:capitalize;text-align:center}.teams-page__contact-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.286rem}.teams-page__contact-cell .contact-item{display:flex;align-items:center;justify-content:center;gap:.286rem;padding:.286rem 0}.teams-page__contact-cell .contact-item .contact-icon{font-size:1rem;color:#8860d0;flex-shrink:0}.teams-page__contact-cell .contact-item .contact-text{font-size:.857rem;color:#3e1e79;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.teams-page__address-cell{display:flex;align-items:center;justify-content:center;gap:.286rem;padding:.286rem 0}.teams-page__address-cell .address-icon{font-size:1rem;color:#8860d0;flex-shrink:0}.teams-page__address-cell .address-text{font-size:.857rem;color:#3e1e79;font-weight:400;line-height:1.4;text-align:center}.teams-page__date-cell{display:flex;align-items:center;justify-content:center;gap:.286rem;padding:.286rem .571rem;margin:0 auto;width:fit-content}.teams-page__date-cell .date-icon{font-size:1rem;color:#8860d0;flex-shrink:0}.teams-page__date-cell .date-text{font-size:.857rem;color:#313131;font-weight:500;white-space:nowrap}.create-event-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.create-event-page{padding:1.714rem 1.143rem}}.create-event-page__container{max-width:720px;margin:0 auto}.create-event-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.create-event-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.create-event-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.create-event-page__back-btn:active{transform:translate(-2px)}.create-event-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.create-event-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.create-event-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.create-event-page__header-icon{display:none}}.create-event-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.create-event-page__title{font-size:1.429rem}}.create-event-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.create-event-page__main-content{display:grid;grid-template-columns:1fr 1fr;gap:1.714rem;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 1024px){.create-event-page__main-content{grid-template-columns:1fr}}.create-event-page__calendar-card{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;position:relative;z-index:1}.create-event-page__calendar-header{display:flex;align-items:center;gap:.857rem;margin-bottom:1.143rem;padding-bottom:1.143rem;border-bottom:2px solid #e6e6e7}.create-event-page__calendar-header h3{margin:0;font-size:1.286rem;font-weight:700;color:#313131}.create-event-page__calendar-header-icon{font-size:1.429rem;color:#8860d0}.create-event-page__calendar-wrapper{flex:1;display:flex;flex-direction:column;overflow:visible;position:relative;z-index:1}.create-event-page__selected-date{margin-top:1.429rem;padding:1.143rem;background:linear-gradient(135deg,#8860d01a,#9c80ce1a);border-radius:8px;display:flex;flex-direction:column;gap:.571rem;border-left:4px solid #8860d0}.create-event-page__selected-date-values{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.create-event-page__selected-date-values .date-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:20px;padding:.571rem 1.143rem;color:#fff;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #8860d033;transition:all .3s ease;cursor:pointer;width:max-content}.create-event-page__selected-date-values .date-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.create-event-page__selected-date-values .date-badge__alternate{opacity:.8;font-size:.857rem;font-weight:400;margin-left:4px}.create-event-page__selected-date-label{font-size:.857rem;font-weight:600;color:#8c9196;text-transform:uppercase;letter-spacing:.5px}.create-event-page__selected-date-value{font-size:1.286rem;font-weight:700;color:#8860d0}.create-event-page__form-card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;position:relative;z-index:1}@media (max-width: 768px){.create-event-page__form-card{padding:1.714rem}}.create-event-page__form{display:flex;flex-direction:column;gap:1.714rem}.create-event-page__input-group{display:flex;flex-direction:column;gap:.857rem}.create-event-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.create-event-page__label-icon{color:#8860d0;font-size:1.286rem}.create-event-page__required{color:#cd5353;margin-left:.286rem}.create-event-page__input{font-size:1.143rem;transition:all .3s ease}.create-event-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.create-event-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.create-event-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.create-event-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.create-event-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.create-event-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.create-event-page .date-input-container .date-input{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400;width:100%}.create-event-page .date-input-container .date-input::placeholder{color:#8c9196;font-weight:400}.create-event-page .date-input-container .date-input:hover{border-color:#8860d0;background:#fff}.create-event-page .date-input-container .date-input:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.create-event-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.create-event-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.create-event-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.create-event-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.create-event-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.create-event-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.create-event-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.create-event-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.create-event-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.create-event-page .selectfield .react-select__indicator{color:#8860d0}.create-event-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.create-event-page__actions{flex-direction:column}}.create-event-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.create-event-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.create-event-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.create-event-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.create-event-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.create-event-page__submit-btn{flex:1}}.create-event-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both;position:relative;z-index:0}.create-event-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;z-index:0}.create-event-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.create-event-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.create-event-page__info-icon{font-size:1.429rem;flex-shrink:0}.create-event-page .MuiPickersCalendarHeader-root,.create-event-page .MuiDayCalendar-root{position:relative;z-index:1}.create-event-page .MuiPickersPopper-root{z-index:9999!important}.create-event-page .MuiDateCalendar-root{overflow:visible!important}.create-event-page .MuiPickersYear-root button{margin:4px}.create-event-page .MuiDayCalendar-weekContainer{justify-content:space-around!important}.edit-event-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.edit-event-page{padding:1.714rem 1.143rem}}.edit-event-page__container{max-width:720px;margin:0 auto}.edit-event-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.edit-event-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.edit-event-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.edit-event-page__back-btn:active{transform:translate(-2px)}.edit-event-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.edit-event-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.edit-event-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.edit-event-page__header-icon{display:none}}.edit-event-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.edit-event-page__title{font-size:1.429rem}}.edit-event-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.edit-event-page__main-content{display:grid;grid-template-columns:1fr 1fr;gap:1.714rem;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 1024px){.edit-event-page__main-content{grid-template-columns:1fr}}.edit-event-page__calendar-card{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;position:relative;z-index:1}.edit-event-page__calendar-header{display:flex;align-items:center;gap:.857rem;margin-bottom:1.143rem;padding-bottom:1.143rem;border-bottom:2px solid #e6e6e7}.edit-event-page__calendar-header h3{margin:0;font-size:1.286rem;font-weight:700;color:#313131}.edit-event-page__calendar-header-icon{font-size:1.429rem;color:#8860d0}.edit-event-page__calendar-wrapper{flex:1;display:flex;flex-direction:column;overflow:visible;position:relative;z-index:1}.edit-event-page__selected-date{margin-top:1.429rem;padding:1.143rem;background:linear-gradient(135deg,#8860d01a,#9c80ce1a);border-radius:8px;display:flex;flex-direction:column;gap:.571rem;border-left:4px solid #8860d0}.edit-event-page__selected-date-values{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.edit-event-page__selected-date-values .date-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:20px;padding:.571rem 1.143rem;color:#fff;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #8860d033;transition:all .3s ease;cursor:pointer;width:max-content}.edit-event-page__selected-date-values .date-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.edit-event-page__selected-date-values .date-badge__alternate{opacity:.8;font-size:.857rem;font-weight:400;margin-left:4px}.edit-event-page__selected-date-label{font-size:.857rem;font-weight:600;color:#8c9196;text-transform:uppercase;letter-spacing:.5px}.edit-event-page__selected-date-value{font-size:1.286rem;font-weight:700;color:#8860d0}.edit-event-page__form-card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;position:relative;z-index:1}@media (max-width: 768px){.edit-event-page__form-card{padding:1.714rem}}.edit-event-page__form{display:flex;flex-direction:column;gap:1.714rem}.edit-event-page__input-group{display:flex;flex-direction:column;gap:.857rem}.edit-event-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.edit-event-page__label-icon{color:#8860d0;font-size:1.286rem}.edit-event-page__required{color:#cd5353;margin-left:.286rem}.edit-event-page__input{font-size:1.143rem;transition:all .3s ease}.edit-event-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.edit-event-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.edit-event-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.edit-event-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.edit-event-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.edit-event-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.edit-event-page .date-input-container .date-input{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400;width:100%}.edit-event-page .date-input-container .date-input::placeholder{color:#8c9196;font-weight:400}.edit-event-page .date-input-container .date-input:hover{border-color:#8860d0;background:#fff}.edit-event-page .date-input-container .date-input:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.edit-event-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.edit-event-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.edit-event-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.edit-event-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.edit-event-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.edit-event-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.edit-event-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.edit-event-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.edit-event-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.edit-event-page .selectfield .react-select__indicator{color:#8860d0}.edit-event-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.edit-event-page__actions{flex-direction:column}}.edit-event-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.edit-event-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.edit-event-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.edit-event-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.edit-event-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.edit-event-page__submit-btn{flex:1}}.edit-event-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both;position:relative;z-index:0}.edit-event-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;z-index:0}.edit-event-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.edit-event-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.edit-event-page__info-icon{font-size:1.429rem;flex-shrink:0}.edit-event-page .MuiPickersCalendarHeader-root,.edit-event-page .MuiDayCalendar-root{position:relative;z-index:1}.edit-event-page .MuiPickersPopper-root{z-index:9999!important}.edit-event-page .MuiDateCalendar-root{overflow:visible!important;max-height:360px!important;height:360px!important}.edit-event-page .MuiPickersYear-root button{margin:4px}.events-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.events-page{padding:.857rem .571rem}}.events-page__container{max-width:1400px;margin:0 auto}.events-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.events-page__header{flex-direction:column;gap:.857rem;margin-bottom:.857rem}}.events-page__header-content,.events-page__header-actions{display:flex;align-items:center;gap:.857rem}@media all and (max-width: 576px){.events-page__header-actions{width:100%}}.events-page__header-actions .add-event-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.events-page__header-actions .add-event-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media all and (max-width: 576px){.events-page__header-actions .add-event-btn{width:100%}}.events-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.events-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.events-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.events-page__title{font-size:1.143rem}}.events-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.events-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:1000}.events-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.events-page__filter-header .events-page__filter-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.events-page__filter-header .events-page__filter-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.events-page__filter-header .events-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.events-page__filter-header .events-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.events-page__filter-content{display:flex;flex-direction:row;justify-content:space-between;gap:.857rem}@media all and (max-width: 992px){.events-page__filter-content{flex-direction:column}}.events-page__search{width:40%}@media all and (max-width: 992px){.events-page__search{width:100%}}.events-page__filter-group{display:flex;flex-direction:row;gap:.857rem}@media all and (max-width: 992px){.events-page__filter-group{width:100%;flex-direction:column}}.events-page__filter-item-container{height:100%;display:flex;flex-direction:row;gap:.857rem}@media all and (max-width: 992px){.events-page__filter-item-container{width:100%}}.events-page__filter-item{height:100%}@media all and (max-width: 992px){.events-page__filter-item{width:100%}}.events-page__filter-item div{height:100%}.events-page__filter-item .type-filter{width:100%}.events-page__filter-item .events-page__status-chip-selector{display:flex;flex-direction:row;gap:.571rem;width:100%}.events-page__filter-item .events-page__status-chip{flex:1;min-width:100px;width:100%;padding:.286rem .857rem;border-radius:8px;font-size:.857rem;font-weight:600;text-transform:capitalize;border:2px solid rgba(136,96,208,.2);background:#fff;color:#313131;cursor:pointer;transition:all .3s ease;text-align:center;font-family:QuickSand}.events-page__filter-item .events-page__status-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #8860d01a;background:#9c80ce0d;border-color:#9c80ce4d}.events-page__filter-item .events-page__status-chip.active{background:linear-gradient(135deg,#9c80ce,#703ab6);color:#fff;border-color:#9c80ce;box-shadow:0 2px 8px #9c80ce40;transform:translateY(-1px)}.events-page__filter-item .events-page__date-picker .MuiInputBase-root{height:40px;border-radius:8px;background:#fff;font-size:.857rem}.events-page__filter-item .events-page__date-picker .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.events-page__filter-item .events-page__date-picker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.events-page__filter-item .events-page__date-picker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.events-page__filter-item .events-page__date-picker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.events-page__filter-item .events-page__date-picker .MuiInputLabel-root.Mui-focused{color:#8860d0}.events-page__filter-item .events-page__date-picker .MuiIconButton-root{color:#8860d0;margin-right:5px}.events-page__filter-item .events-page__date-picker .MuiIconButton-root:hover{background:#f3effc}.events-page__mui-datepicker{width:100%}.events-page__mui-datepicker .MuiFormLabel-root:not(.MuiInputLabel-shrink){top:50%;transform:translateY(-50%);left:14px}.events-page__mui-datepicker .MuiInputBase-root{height:36px;border-radius:8px;background:#fff;font-size:.857rem}.events-page__mui-datepicker .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.events-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.events-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.events-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.events-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.events-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.events-page .view-all-notification-btn{height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem}@media all and (max-width: 576px){.events-page .view-all-notification-btn{width:100%}}.events-page__table-actions{display:flex;justify-content:flex-end;margin-bottom:.857rem}@media (max-width: 768px){.events-page__table-actions{justify-content:stretch}.events-page__table-actions .view-all-notification-btn{width:100%}}.events-page__table-container{overflow:hidden;animation:fadeInUp .6s ease-out .4s both}@media all and (max-width: 576px){.events-page__table-container{padding:0!important;background:#f3effc;box-shadow:none}}.events-page .table-container{border-radius:12px;overflow:auto;border:1px solid #e6e6e7}.events-page .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.events-page .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.events-page .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease;cursor:pointer}.events-page .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.events-page .table-container table tbody tr:last-child{border-bottom:none}.events-page .table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.events-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.events-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.events-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.events-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.events-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.events-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.events-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.events-page__title-date-cell{padding:.571rem;display:flex;flex-direction:column;gap:.286rem;align-items:flex-start;justify-content:center}.events-page__title-date-cell .event-title{font-size:.857rem;font-weight:600;color:#313131;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.events-page__title-date-cell .event-date{display:flex;align-items:center;gap:.286rem;padding:.286rem;width:fit-content;border-radius:8px;border:1px solid rgba(136,96,208,.1)}.events-page__title-date-cell .event-date .date-icon{color:#8860d0;font-size:1rem}.events-page__title-date-cell .event-date span{font-size:.857rem;color:#313131;font-weight:500}.events-page__type-cell,.events-page__days-cell{padding:.571rem;display:flex;align-items:center;justify-content:center}.events-page__days-cell span{font-size:.857rem;color:#313131;font-weight:500}.events-page__actions-cell{display:flex;justify-content:center;align-items:center;gap:.571rem;padding:.571rem}.events-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;font-size:1.143rem;transition:all .3s ease}.events-page__actions-cell .action-btn.edit-btn{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 2px 8px #8860d040}.events-page__actions-cell .action-btn.edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.events-page__actions-cell .action-btn.edit-btn:disabled{transform:translateY(0);opacity:.6;cursor:not-allowed}.events-page__actions-cell .action-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444440}.events-page__actions-cell .action-btn.delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.events-page .MuiPickersPopper-root{z-index:9999!important}.events-page .MuiPickersDay-root{border-radius:8px;transition:all .2s ease}.events-page .MuiPickersDay-root:hover{background:#f3effc}.events-page .MuiPickersDay-root.Mui-selected{background:#8860d0!important}.events-page .MuiPickersDay-root.Mui-selected:hover{background:#794cca!important}.events-page .MuiPickersCalendarHeader-label{color:#8860d0;font-weight:600}.events-page .MuiPickersArrowSwitcher-button{color:#8860d0}.events-page .MuiPickersArrowSwitcher-button:hover{background:#f3effc}.events-page-pagination{display:flex;justify-content:center;margin-top:.857rem;padding:.571rem}.leave-wfh-balance-tab__balance-overview{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.714rem;margin-bottom:2.286rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 1200px){.leave-wfh-balance-tab__balance-overview{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.leave-wfh-balance-tab__balance-overview{grid-template-columns:1fr;gap:1.143rem}}.leave-wfh-balance-tab__balance-overview__balance-cards{display:flex;flex-direction:column;gap:.857rem}.leave-wfh-balance-tab__balance-overview__chart-section{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;align-items:center;justify-content:center}.leave-wfh-balance-tab__balance-overview__summary-cards{display:flex;flex-direction:column;gap:.857rem}.leave-wfh-balance-tab__balance-overview .balance-card{background:#fff;border-radius:16px;padding:1.429rem;box-shadow:0 4px 24px #0000000f;display:flex;align-items:center;gap:1.143rem;transition:all .3s ease;border-left:4px solid}.leave-wfh-balance-tab__balance-overview .balance-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.leave-wfh-balance-tab__balance-overview .balance-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:1.429rem;flex-shrink:0}.leave-wfh-balance-tab__balance-overview .balance-card__content{flex:1}.leave-wfh-balance-tab__balance-overview .balance-card__value{font-size:1.714rem;font-weight:700;color:#313131;margin-bottom:.286rem}.leave-wfh-balance-tab__balance-overview .balance-card__label{font-size:1rem;color:#8c9196;font-weight:500}.leave-wfh-balance-tab__balance-overview .balance-card--sick{border-left-color:#f59e0b}.leave-wfh-balance-tab__balance-overview .balance-card--sick .balance-card__icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.leave-wfh-balance-tab__balance-overview .balance-card--casual{border-left-color:#3b82f6}.leave-wfh-balance-tab__balance-overview .balance-card--casual .balance-card__icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.leave-wfh-balance-tab__balance-overview .balance-card--unpaid{border-left-color:#ef4444}.leave-wfh-balance-tab__balance-overview .balance-card--unpaid .balance-card__icon{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.leave-wfh-balance-tab__balance-overview .balance-card--wfh{border-left-color:#10b981}.leave-wfh-balance-tab__balance-overview .balance-card--wfh .balance-card__icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.leave-wfh-balance-tab__balance-overview .balance-card--utilization{border-left-color:#8b5cf6}.leave-wfh-balance-tab__balance-overview .balance-card--utilization .balance-card__icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.leave-wfh-balance-tab__balance-overview .balance-card--average{border-left-color:#06b6d4}.leave-wfh-balance-tab__balance-overview .balance-card--average .balance-card__icon{background:linear-gradient(135deg,#06b6d4,#22d3ee);color:#fff}.leave-wfh-balance-tab__balance-overview .chart-section__header{margin-bottom:1.714rem;text-align:center}.leave-wfh-balance-tab__balance-overview .chart-section__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;justify-content:center;gap:.571rem}.leave-wfh-balance-tab__balance-overview .chart-section__title .chart-icon{color:#8860d0;font-size:1.429rem}.leave-wfh-balance-tab__balance-overview .chart-section__content{display:flex;flex-direction:column;align-items:center;gap:1.143rem}.leave-wfh-balance-tab__balance-overview .chart-container{position:relative;display:flex;align-items:center;justify-content:center}.leave-wfh-balance-tab__balance-overview .chart-center-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.leave-wfh-balance-tab__balance-overview .chart-center-value{font-size:1.714rem;font-weight:700;color:#313131;margin-bottom:.286rem}.leave-wfh-balance-tab__balance-overview .chart-center-label{font-size:1rem;color:#8c9196;font-weight:500}.leave-wfh-balance-tab__balance-overview .summary-card{background:#fff;border-radius:16px;padding:1.429rem;box-shadow:0 4px 24px #0000000f;display:flex;align-items:center;gap:1.143rem;transition:all .3s ease;border-left:4px solid}.leave-wfh-balance-tab__balance-overview .summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.leave-wfh-balance-tab__balance-overview .summary-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:1.429rem;flex-shrink:0}.leave-wfh-balance-tab__balance-overview .summary-card__content{flex:1}.leave-wfh-balance-tab__balance-overview .summary-card__value{font-size:1.714rem;font-weight:700;color:#313131;margin-bottom:.286rem}.leave-wfh-balance-tab__balance-overview .summary-card__label{font-size:1rem;color:#8c9196;font-weight:500}.leave-wfh-balance-tab__balance-overview .summary-card--total{border-left-color:#8860d0}.leave-wfh-balance-tab__balance-overview .summary-card--total .summary-card__icon{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff}.leave-wfh-balance-tab__balance-overview .summary-card--used{border-left-color:#f59e0b}.leave-wfh-balance-tab__balance-overview .summary-card--used .summary-card__icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.leave-wfh-balance-tab__balance-overview .summary-card--breakdown{border-left-color:#10b981}.leave-wfh-balance-tab__balance-overview .summary-card--breakdown .summary-card__icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.leave-wfh-balance-tab__balance-overview .summary-card--balance{border-left-color:#10b981}.leave-wfh-balance-tab__balance-overview .summary-card--balance .summary-card__icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.leave-wfh-balance-tab__balance-overview .summary-card--info{border-left-color:#3b82f6}.leave-wfh-balance-tab__balance-overview .summary-card--info .summary-card__icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.leave-wfh-balance-tab__balance-overview .breakdown-details{display:flex;flex-direction:column;gap:.571rem}.leave-wfh-balance-tab__balance-overview .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.571rem;background:#8860d00d;border-radius:8px}.leave-wfh-balance-tab__balance-overview .breakdown-label{font-size:1rem;color:#8c9196;font-weight:500}.leave-wfh-balance-tab__balance-overview .breakdown-value{font-size:1.143rem;font-weight:700;color:#313131}.leave-wfh-balance-tab__balance-overview .info-card-content{display:flex;flex-direction:column;gap:.857rem;width:100%}.leave-wfh-balance-tab__balance-overview .info-title{font-size:1.143rem;font-weight:700;color:#313131;margin-bottom:.571rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.leave-wfh-balance-tab__balance-overview .info-items{display:flex;flex-direction:column;gap:.571rem}.leave-wfh-balance-tab__balance-overview .info-item{display:flex;align-items:flex-start;gap:.571rem;padding:.571rem;background:#8860d00d;border-radius:8px;transition:all .3s ease}.leave-wfh-balance-tab__balance-overview .info-item:hover{background:#8860d01a;transform:translate(4px)}.leave-wfh-balance-tab__balance-overview .info-text{font-size:1rem;color:#313131;font-weight:500;line-height:1.5;flex:1}.leave-wfh-balance-tab__balance-overview .recharts-tooltip-wrapper-bottom{z-index:9}.leave-apply-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.leave-apply-page{padding:1.714rem 1.143rem}}.leave-apply-page__container{max-width:1400px;margin:0 auto}.leave-apply-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.leave-apply-page__header.admin{width:70%;margin-inline:auto}@media all and (max-width: 992px){.leave-apply-page__header.admin{width:100%;margin-inline:auto}}.leave-apply-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.leave-apply-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.leave-apply-page__back-btn:active{transform:translate(-2px)}.leave-apply-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.leave-apply-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.leave-apply-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.leave-apply-page__header-icon{display:none}}.leave-apply-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.leave-apply-page__title{font-size:1.429rem}}.leave-apply-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.leave-apply-page__sandwich-info-container{margin-bottom:20px;background-color:#f8b046e6;padding:1.143rem;border-radius:8px}.leave-apply-page__sandwich-info-container.error{background-color:#cd5353;color:#fff}.leave-apply-page__sandwich-info{display:flex;flex-direction:row;gap:10px}.leave-apply-page__sandwich-info-title{font-size:1.143rem;font-weight:700;margin-bottom:5px}.leave-apply-page__sandwich-info-text{font-size:.857rem;font-weight:500;opacity:.8}.leave-apply-page__wfh-exceeded-info-container{margin-bottom:20px;padding:1.143rem;border-radius:8px;background-color:#cd5353;color:#fff}.leave-apply-page__wfh-exceeded-info{display:flex;flex-direction:row;gap:10px}.leave-apply-page__wfh-exceeded-info-title{font-size:1.143rem;font-weight:700;margin-bottom:5px}.leave-apply-page__wfh-exceeded-info-text{font-size:.857rem;font-weight:500;opacity:.8}.leave-apply-page__main-content{display:grid;grid-template-columns:1.2fr 1fr;gap:1.714rem;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}.leave-apply-page__main-content.admin{display:flex;flex-direction:column;width:70%;margin-inline:auto}@media all and (max-width: 992px){.leave-apply-page__main-content.admin{display:flex;flex-direction:column;width:100%;margin-inline:auto}}.leave-apply-page__main-content .leave-apply-page__form-card .leave-apply-page__calendar-section{display:none}@media all and (max-width: 576px){.leave-apply-page__main-content .leave-apply-page__form-card{max-width:100%}}@media (max-width: 1200px){.leave-apply-page__main-content{grid-template-columns:1fr}.leave-apply-page__main-content>.leave-apply-page__calendar-section{display:none}.leave-apply-page__main-content .leave-apply-page__form-card .leave-apply-page__calendar-section{display:unset}}.leave-apply-page__employee-card{padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);display:flex;align-items:center;gap:1.143rem;border-radius:12px;border:1px solid rgba(136,96,208,.1)}.leave-apply-page__employee-card-label-icon{padding:1.143rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#8860d0,#9c80ce)}.leave-apply-page__employee-card-name{flex:1;display:flex;flex-direction:column;gap:.286rem;text-align:left}.leave-apply-page__employee-card-name-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leave-apply-page__employee-card-name-text{font-size:1.286rem;color:#313131;font-weight:700}@media all and (max-width: 992px){.leave-apply-page__employee-card-name-text .leave-apply-page__employee-search .react-select__input-container{font-size:.714rem!important}}.leave-apply-page__info-card{padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);display:flex;flex-direction:column;align-items:flex-start;gap:1.143rem;border-radius:12px;border:1px solid rgba(136,96,208,.1)}.leave-apply-page__info-card.leave-apply-page__badges-container{display:flex;gap:2.857rem;margin-bottom:1.714rem;width:100%;flex-wrap:wrap}.leave-apply-page__badges-container{width:100%}.leave-apply-page__badge{display:flex;flex-direction:column;gap:.571rem}.leave-apply-page__badge-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:left}.leave-apply-page__badge-label-large{border-radius:12px;font-size:1.143rem;font-weight:700;text-transform:capitalize;text-align:left}.leave-apply-page__status-chip-selector{display:flex;gap:1.143rem;flex-wrap:wrap;width:100%}.leave-apply-page__status-chip{flex:1;min-width:120px;width:100%;padding:1.143rem 1.429rem;border-radius:12px;font-size:1.143rem;font-weight:600;text-transform:capitalize;border:2px solid rgba(136,96,208,.2);background:#fff;color:#313131;cursor:pointer;transition:all .3s ease;text-align:center;font-family:QuickSand}.leave-apply-page__status-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d01a;background:#9c80ce0d;border-color:#9c80ce4d}.leave-apply-page__status-chip.active{background:linear-gradient(135deg,#9c80ce,#703ab6);color:#fff;border-color:#9c80ce;box-shadow:0 4px 12px #9c80ce4d;transform:translateY(-2px)}.leave-apply-page__detail-card{display:grid;grid-template-columns:1fr 1fr;gap:.857rem;width:100%}@media (max-width: 768px){.leave-apply-page__detail-card{grid-template-columns:1fr}}.leave-apply-page__detail-item{display:flex;align-items:center;gap:.571rem;padding:.857rem;background:#fff;border-radius:8px;border:1px solid rgba(136,96,208,.1);transition:all .3s ease;width:100%}.leave-apply-page__detail-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #8860d01a}.leave-apply-page__detail-item.warning{background-color:#cd5353;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center}.leave-apply-page__detail-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0}.leave-apply-page__detail-icon.warning{color:#f3efef}.leave-apply-page__detail-content{display:flex;flex-direction:column;gap:.286rem}.leave-apply-page__detail-label{font-size:.714rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leave-apply-page__detail-label.warning{text-transform:none;color:#fff;font-size:1.143rem;font-weight:700}.leave-apply-page__detail-value{font-size:1.143rem;color:#313131;font-weight:700}.leave-apply-page__detail-value.warning{color:#fff;font-size:.857rem;font-weight:500;opacity:.8}.leave-apply-page__update-btn{width:100%;height:56px;font-size:1.143rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;transition:all .3s ease;cursor:pointer}.leave-apply-page__update-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #8860d066}.leave-apply-page__update-btn:active:not(:disabled){transform:translateY(0)}.leave-apply-page__update-btn:disabled{opacity:.6;cursor:not-allowed}.leave-apply-page__form-card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;position:relative;z-index:1}@media (max-width: 768px){.leave-apply-page__form-card{padding:1.714rem}}.leave-apply-page__form{display:flex;flex-direction:column;gap:1.714rem}.leave-apply-page__input-group{display:flex;flex-direction:column;gap:.857rem}.leave-apply-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.leave-apply-page__label-icon{color:#8860d0;font-size:1.286rem}.leave-apply-page__required{color:#cd5353;margin-left:.286rem}.leave-apply-page__optional{color:#8c9196;font-size:.857rem;font-weight:400;margin-left:.571rem}.leave-apply-page__readonly-badge{display:inline-flex;align-items:center;padding:.286rem .571rem;margin-left:.571rem;background:linear-gradient(135deg,#8c91961a,#8c91960d);border:1px solid rgba(140,145,150,.2);border-radius:8px;color:#8c9196;font-size:.857rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leave-apply-page__input{font-size:1.143rem;transition:all .3s ease}.leave-apply-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.leave-apply-page__card-section{background:#fff;padding:2.286rem;height:100%;border-radius:16px;box-shadow:0 4px 24px #0000000f}.leave-apply-page__card-section-wrapper{padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);display:flex;flex-direction:column;gap:1.143rem;border-radius:12px;border:1px solid rgba(136,96,208,.1);position:relative;z-index:1}@media (max-width: 768px){.leave-apply-page__card-section-wrapper{padding:1.714rem}}.leave-apply-page__leave-apply-date-picker{background:linear-gradient(135deg,#8860d00d,#9c80ce0d)}@media (min-width: 1024px){.leave-apply-page__leave-apply-date-picker .MuiPickerStaticWrapper-root{transform:scale(1.2)!important;transform-origin:top left!important}}.leave-apply-page__section{display:flex;align-items:flex-start;gap:.857rem;margin-bottom:1.143rem;padding-bottom:1.143rem;border-bottom:1px solid rgba(136,96,208,.1)}.leave-apply-page__section-content{flex:1}.leave-apply-page__section-content-not-available{font-size:1.143rem;text-align:center;padding:50px 1.143rem}.leave-apply-page__section-label{display:block;font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.571rem;text-align:left;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:.571rem}.leave-apply-page__section-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0;margin-top:.286rem}.leave-apply-page__leave-dates-container{display:flex;flex-wrap:wrap;gap:.571rem;row-gap:1.714rem;column-gap:.571rem;margin-bottom:15px}.leave-apply-page__leave-dates-container .date-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:20px;padding:.571rem 1.143rem;color:#fff;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #8860d033;transition:all .3s ease;cursor:pointer}.leave-apply-page__leave-dates-container .date-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.leave-apply-page__quill-wrapper{position:relative}.leave-apply-page__quill-editor .ql-container{min-height:200px;font-size:1.143rem;border-radius:0 0 8px 8px;border:2px solid #e6e6e7;border-top:none;background:#2c6ecb11;transition:all .3s ease}.leave-apply-page__quill-editor .ql-toolbar{border:2px solid #e6e6e7;border-radius:8px 8px 0 0;background:#fff;transition:all .3s ease}.leave-apply-page__quill-editor .ql-toolbar .ql-stroke{stroke:#8860d0}.leave-apply-page__quill-editor .ql-toolbar .ql-fill{fill:#8860d0}.leave-apply-page__quill-editor .ql-toolbar .ql-picker-label{color:#313131}.leave-apply-page__quill-editor .ql-toolbar button:hover{color:#8860d0;background:#f3effc;border-radius:8px}.leave-apply-page__quill-editor .ql-toolbar button:hover .ql-stroke{stroke:#8860d0}.leave-apply-page__quill-editor .ql-toolbar button:hover .ql-fill{fill:#8860d0}.leave-apply-page__quill-editor .ql-toolbar button.ql-active{color:#fff;background:#8860d0;border-radius:8px}.leave-apply-page__quill-editor .ql-toolbar button.ql-active .ql-stroke{stroke:#fff}.leave-apply-page__quill-editor .ql-toolbar button.ql-active .ql-fill{fill:#fff}.leave-apply-page__quill-editor .ql-editor{font-family:inherit;color:#313131;min-height:200px;padding:1.143rem}.leave-apply-page__quill-editor .ql-editor.ql-blank:before{color:#8c9196;font-style:normal;font-weight:400}.leave-apply-page__quill-editor .ql-editor p,.leave-apply-page__quill-editor .ql-editor ol,.leave-apply-page__quill-editor .ql-editor ul{font-size:1.143rem;line-height:1.6}.leave-apply-page__quill-editor .ql-editor h1{font-size:1.714rem;font-weight:700;color:#313131}.leave-apply-page__quill-editor .ql-editor h2{font-size:1.429rem;font-weight:700;color:#313131}.leave-apply-page__quill-editor .ql-editor h3{font-size:1.286rem;font-weight:600;color:#313131}.leave-apply-page__quill-editor .ql-editor a{color:#8860d0;text-decoration:underline}.leave-apply-page__quill-editor .ql-editor a:hover{color:#6b3ac3}.leave-apply-page__quill-editor:hover .ql-container,.leave-apply-page__quill-editor:hover .ql-toolbar{border-color:#8860d0}.leave-apply-page__quill-editor:hover .ql-container{background:#fff}.leave-apply-page__quill-editor.focused .ql-container,.leave-apply-page__quill-editor.focused .ql-toolbar{border-color:#8860d0}.leave-apply-page__quill-editor.focused .ql-container{background:#fff;box-shadow:0 0 0 4px #8860d014}.leave-apply-page__quill-editor.focused .ql-toolbar{box-shadow:0 0 0 4px #8860d014}.leave-apply-page__quill-editor .ql-picker-options{background:#fff;border:1px solid #e6e6e7;border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:.571rem}.leave-apply-page__quill-editor .ql-picker-options .ql-picker-item{color:#313131;padding:.571rem;border-radius:8px;transition:all .2s ease}.leave-apply-page__quill-editor .ql-picker-options .ql-picker-item:hover{background:#f3effc;color:#8860d0}.leave-apply-page__quill-editor .ql-color-picker .ql-picker-options,.leave-apply-page__quill-editor .ql-background-picker .ql-picker-options{padding:.857rem}.leave-apply-page__error-message{display:flex;align-items:center;gap:.571rem;color:#cd5353;font-size:.857rem;font-weight:500;padding:.571rem .857rem;background:#cd53530d;border-radius:8px;border-left:3px solid #cd5353;animation:shake .4s ease-in-out}.leave-apply-page__error-message svg{flex-shrink:0;font-size:1rem}.leave-apply-page__error-message.calendar-error{margin-top:.571rem}.leave-apply-page__attachment-wrapper{position:relative}.leave-apply-page__attachment-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem;border:2px dashed #e6e6e7;border-radius:12px;background:#2c6ecb11;cursor:pointer;transition:all .3s ease}.leave-apply-page__attachment-upload:hover{border-color:#8860d0;background:#8860d005;transform:translateY(-2px)}.leave-apply-page__attachment-upload .upload-icon{font-size:2.286rem;color:#8860d0;margin-bottom:.857rem}.leave-apply-page__attachment-upload .upload-text{font-size:1.143rem;font-weight:500;color:#313131;margin-bottom:.571rem}.leave-apply-page__attachment-upload .upload-subtext{font-size:.857rem;color:#8c9196}.leave-apply-page__file-input{display:none}.leave-apply-page__attachment-preview{display:flex;flex-direction:column;gap:.857rem;padding:1.143rem;border:2px solid #e6e6e7;border-radius:12px;background:#2c6ecb11}.leave-apply-page__attachment-preview .attachment-image{width:100%;max-height:200px;object-fit:contain;border-radius:8px;border:1px solid #e6e6e7}.leave-apply-page__attachment-preview .attachment-info{display:flex;align-items:center;justify-content:space-between;gap:.857rem;padding:.857rem;background:#fff;border-radius:8px}.leave-apply-page__attachment-preview .attachment-name{font-size:1rem;font-weight:500;color:#313131;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-apply-page__attachment-preview .attachment-badge{padding:.286rem .857rem;border-radius:8px;font-size:.857rem;font-weight:600;white-space:nowrap}.leave-apply-page__attachment-preview .attachment-badge.new{background:linear-gradient(135deg,#8860d026,#9c80ce26);color:#8860d0}.leave-apply-page__attachment-preview .attachment-file{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;font-size:1.143rem;color:#313131}.leave-apply-page__attachment-preview .attachment-file svg{font-size:1.429rem;color:#8860d0}.leave-apply-page__attachment-preview .attachment-remove{align-self:flex-end;padding:.571rem 1.143rem;background:#cd5353;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.leave-apply-page__attachment-preview .attachment-remove:hover{background:#b83535;transform:translateY(-2px);box-shadow:0 4px 12px #cd53534d}.leave-apply-page__attachment-preview .attachment-remove:active{transform:translateY(0)}.leave-apply-page__attachment-preview .attachment-replace-btn{display:flex;align-items:center;justify-content:center;gap:.571rem;align-self:flex-end;padding:.857rem 1.429rem;background:#8860d0;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.leave-apply-page__attachment-preview .attachment-replace-btn svg{font-size:1.143rem}.leave-apply-page__attachment-preview .attachment-replace-btn:hover{background:#6b3ac3;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.leave-apply-page__attachment-preview .attachment-replace-btn:active{transform:translateY(0)}.leave-apply-page__calendar-section{display:flex;flex-direction:column;gap:1.714rem}.leave-apply-page__calendar-card{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;position:relative;z-index:1}@media all and (max-width: 576px){.leave-apply-page__calendar-card{padding:0;background:unset;box-shadow:unset}}.leave-apply-page__calendar-header{display:flex;align-items:center;gap:.857rem;margin-bottom:1.143rem;padding-bottom:1.143rem;border-bottom:2px solid #e6e6e7}.leave-apply-page__calendar-header h3{margin:0;font-size:1.286rem;font-weight:700;color:#313131}.leave-apply-page__calendar-header-icon{font-size:1.429rem;color:#8860d0}.leave-apply-page__calendar-wrapper{flex:1;display:flex;flex-direction:column;overflow:visible;position:relative;z-index:1}.leave-apply-page__selected-date{margin-top:1.143rem;padding:1.143rem;background:linear-gradient(135deg,#8860d01a,#9c80ce1a);border-radius:8px;display:flex;flex-direction:column;gap:.571rem;border-left:4px solid #8860d0}.leave-apply-page__selected-date-label{font-size:.857rem;font-weight:600;color:#8c9196;text-transform:uppercase;letter-spacing:.5px}.leave-apply-page__selected-date-value{font-size:1.143rem;font-weight:700;color:#8860d0}.leave-apply-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.leave-apply-page__actions{flex-direction:column}}.leave-apply-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.leave-apply-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.leave-apply-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.leave-apply-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.leave-apply-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.leave-apply-page__submit-btn{flex:1}}.leave-apply-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both;position:relative;z-index:0}.leave-apply-page__info-section{display:flex;flex-direction:column;gap:.857rem}.leave-apply-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;z-index:0}.leave-apply-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.leave-apply-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.leave-apply-page__info-icon{font-size:1.429rem;flex-shrink:0}.leave-apply-page__balance-section{width:100%;margin-top:1.143rem;padding:1.143rem;background:#fff;border-radius:8px;border:1px solid rgba(136,96,208,.1)}.leave-apply-page__balance-section .leave-apply-page__balance-header{margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:1px solid rgba(136,96,208,.1)}.leave-apply-page__balance-section .leave-apply-page__balance-header .leave-apply-page__balance-title{font-size:1.143rem;font-weight:600;color:#313131;margin:0}.leave-apply-page__balance-section .leave-apply-page__balance-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.857rem;margin-bottom:1.143rem}@media (max-width: 768px){.leave-apply-page__balance-section .leave-apply-page__balance-details-grid{grid-template-columns:1fr}}.leave-apply-page__balance-section .leave-apply-page__balance-details-grid .leave-apply-page__balance-stat{display:flex;flex-direction:column;gap:.286rem;padding:.857rem;background:linear-gradient(135deg,#8860d008,#9c80ce08);border-radius:8px;border:1px solid rgba(136,96,208,.1)}.leave-apply-page__balance-section .leave-apply-page__balance-details-grid .leave-apply-page__balance-stat .leave-apply-page__balance-stat-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center}.leave-apply-page__balance-section .leave-apply-page__balance-details-grid .leave-apply-page__balance-stat .leave-apply-page__balance-stat-value{font-size:1.286rem;font-weight:700;color:#313131;display:flex;align-items:center;justify-content:center;gap:.286rem}.leave-apply-page__balance-section .leave-apply-page__balance-details-grid .leave-apply-page__balance-stat .leave-apply-page__balance-stat-value.eligible{color:#8860d0}.leave-apply-page__balance-section .leave-apply-page__balance-details-grid .leave-apply-page__balance-stat .leave-apply-page__balance-stat-value.positive{color:#16a34a}.leave-apply-page__balance-section .leave-apply-page__balance-details-grid .leave-apply-page__balance-stat .leave-apply-page__balance-stat-value.negative{color:#dc2626}.leave-apply-page__balance-section .leave-apply-page__balance-details-grid .leave-apply-page__balance-stat .leave-apply-page__balance-stat-value .trending-icon{width:16px;height:16px}.leave-apply-page__balance-section .leave-apply-page__progress-section{margin-top:.857rem;margin-bottom:1.143rem}.leave-apply-page__balance-section .leave-apply-page__progress-bar-container{background-color:#f3f4f6;border-radius:9999px;border:1px solid #d9c6ea;height:24px;position:relative;overflow:hidden}.leave-apply-page__balance-section .leave-apply-page__progress-bar-fill{height:100%;border-radius:9999px;transition:all .3s;width:var(--progress-width, 0%)}.leave-apply-page__balance-section .leave-apply-page__progress-bar-fill.normal{background:linear-gradient(to right,#d9c6ea,#c38ef4)}.leave-apply-page__balance-section .leave-apply-page__progress-bar-fill.overflow{background:linear-gradient(to right,#cca0a0,#dc9c9c)}.leave-apply-page__balance-section .leave-apply-page__progress-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#374151}@media all and (max-width: 992px){.leave-apply-page__balance-section .leave-apply-page__progress-bar-text{font-size:1rem}}.leave-apply-page__balance-section .leave-apply-page__leave-breakdown .leave-apply-page__breakdown-title{font-size:1rem;font-weight:600;color:#313131;margin:0 0 .857rem}.leave-apply-page__balance-section .leave-apply-page__leave-breakdown .leave-apply-page__breakdown-list{display:flex;flex-direction:column;gap:.571rem}.leave-apply-page__balance-section .leave-apply-page__leave-breakdown .leave-apply-page__breakdown-list .leave-apply-page__breakdown-item{display:flex;align-items:center;justify-content:space-between;padding:.857rem;background:linear-gradient(135deg,#8860d005,#9c80ce05);border-radius:8px;border:1px solid rgba(136,96,208,.1)}.leave-apply-page__balance-section .leave-apply-page__leave-breakdown .leave-apply-page__breakdown-list .leave-apply-page__breakdown-item .leave-apply-page__breakdown-type{font-size:1rem;font-weight:600;color:#313131;text-transform:capitalize}.leave-apply-page__balance-section .leave-apply-page__leave-breakdown .leave-apply-page__breakdown-list .leave-apply-page__breakdown-item .leave-apply-page__breakdown-values{display:flex;align-items:center;gap:.286rem}.leave-apply-page__balance-section .leave-apply-page__leave-breakdown .leave-apply-page__breakdown-list .leave-apply-page__breakdown-item .leave-apply-page__breakdown-values .leave-apply-page__breakdown-remaining{font-size:1.143rem;font-weight:700;color:#313131}.leave-apply-page__balance-section .leave-apply-page__leave-breakdown .leave-apply-page__breakdown-list .leave-apply-page__breakdown-item .leave-apply-page__breakdown-values .leave-apply-page__breakdown-remaining.negative{color:#dc2626}.leave-apply-page__balance-section .leave-apply-page__leave-breakdown .leave-apply-page__breakdown-list .leave-apply-page__breakdown-item .leave-apply-page__breakdown-values .leave-apply-page__breakdown-total{font-size:1rem;color:#8c9196}.leave-apply-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.leave-apply-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.leave-apply-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.leave-apply-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.leave-apply-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.leave-apply-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.leave-apply-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.leave-apply-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.leave-apply-page .selectfield .react-select__control--is-disabled{background:#8c91960d!important;border-color:#e6e6e780!important;cursor:not-allowed!important;opacity:.7}.leave-apply-page .selectfield .react-select__control--is-disabled:hover{border-color:#e6e6e780!important;background:#8c91960d!important}.leave-apply-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.leave-apply-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.leave-apply-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.leave-apply-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.leave-apply-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.leave-apply-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.leave-apply-page .selectfield .react-select__indicator{color:#8860d0}.leave-apply-page .notice-type-option{display:flex;align-items:center;gap:.571rem}.leave-apply-page .notice-type-option .notice-type-icon{font-size:1.286rem}.leave-apply-page .audience-type-option{display:flex;flex-direction:column;gap:.286rem}.leave-apply-page .audience-type-option__header{display:flex;align-items:center;gap:.571rem}.leave-apply-page .audience-type-option .audience-type-icon{font-size:1.286rem}.leave-apply-page .audience-type-option .audience-type-label{font-weight:600;color:#313131}.leave-apply-page .audience-type-option .audience-type-description{font-size:.857rem;color:#8c9196;padding-left:2rem;line-height:1.4}.leave-apply-page__employee-selector{position:relative;animation:fadeIn .3s ease-in-out}.leave-apply-page__employee-selector .employee-select-wrapper .selectfield .react-select__control .react-select__value-container .react-select__multi-value{display:none!important}.leave-apply-page__employee-selector .employee-select-wrapper .selectfield .react-select__option{background-color:transparent!important}.leave-apply-page__employee-selector .employee-select-wrapper .selectfield .react-select__option--is-focused{background-color:#8860d01a!important}.leave-apply-page__employee-selector .employee-select-wrapper .selectfield .react-select__option--is-selected{background-color:transparent!important;color:inherit!important}.leave-apply-page__employee-selector .employee-select-wrapper .selectfield .react-select__option--is-selected.react-select__option--is-focused{background-color:#8860d01a!important}.leave-apply-page__employee-selector .employee-option{display:flex;align-items:center;justify-content:space-between;gap:.571rem;padding:.571rem 0;transition:all .2s ease}.leave-apply-page__employee-selector .employee-option--selected .employee-option__name{color:#8860d0;font-weight:600}.leave-apply-page__employee-selector .employee-option__name{font-weight:500;color:#313131;font-size:1rem;flex:1}.leave-apply-page__employee-selector .employee-option__badge{display:flex;align-items:center;gap:.286rem;padding:.286rem .571rem;background:linear-gradient(135deg,#8860d01a,#9c80ce1a);color:#8860d0;border-radius:8px;font-size:.857rem;font-weight:600;white-space:nowrap}.leave-apply-page__employee-selector .employee-option__email{font-size:.857rem;color:#8c9196}.leave-apply-page__selected-employees{margin-top:1.143rem;padding:1.429rem;background:linear-gradient(135deg,#8860d008,#9c80ce08);border:2px solid rgba(136,96,208,.15);border-radius:12px;animation:slideIn .3s ease-out}.leave-apply-page__selected-employees-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:1px solid rgba(136,96,208,.1)}@media (max-width: 480px){.leave-apply-page__selected-employees-header{flex-direction:column;align-items:flex-start;gap:.857rem}}.leave-apply-page__selected-employees-header .header-content{display:flex;align-items:center;gap:.571rem}.leave-apply-page__selected-employees-header .header-content .header-icon{color:#8860d0;font-size:1.286rem}.leave-apply-page__selected-employees-header .header-content .header-title{font-size:1.143rem;font-weight:600;color:#313131}@media (max-width: 480px){.leave-apply-page__selected-employees-header .header-content .header-title{font-size:1rem}}.leave-apply-page__selected-employees-header .clear-all-btn{padding:.571rem 1.143rem;background:transparent;border:1px solid #cd5353;color:#cd5353;border-radius:8px;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media (max-width: 480px){.leave-apply-page__selected-employees-header .clear-all-btn{align-self:stretch;justify-content:center}}.leave-apply-page__selected-employees-header .clear-all-btn:hover{background:#cd5353;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #cd53534d}.leave-apply-page__selected-employees-header .clear-all-btn:active{transform:translateY(0)}.leave-apply-page__selected-employees-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.857rem;max-height:400px;overflow-y:auto;padding:.571rem}@media (max-width: 768px){.leave-apply-page__selected-employees-list{grid-template-columns:1fr;max-height:300px}}.leave-apply-page__selected-employees-list::-webkit-scrollbar{width:6px}.leave-apply-page__selected-employees-list::-webkit-scrollbar-track{background:#8860d00d;border-radius:8px}.leave-apply-page__selected-employees-list::-webkit-scrollbar-thumb{background:#8860d0;border-radius:8px}.leave-apply-page__selected-employees-list::-webkit-scrollbar-thumb:hover{background:#6b3ac3}.leave-apply-page .employee-chip{display:flex;align-items:center;gap:.857rem;padding:.857rem;background:#fff;border:1px solid #e6e6e7;border-radius:8px;transition:all .2s ease;animation:fadeInScale .3s ease-out}.leave-apply-page .employee-chip:hover{border-color:#8860d0;box-shadow:0 4px 12px #8860d01a;transform:translateY(-2px)}.leave-apply-page .employee-chip__avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #8860d04d}.leave-apply-page .employee-chip__info{flex:1;display:flex;flex-direction:column;gap:.286rem;min-width:0}.leave-apply-page .employee-chip__name{font-size:1rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-apply-page .employee-chip__email{display:flex;align-items:center;gap:.286rem;font-size:.857rem;color:#8c9196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-apply-page .employee-chip__email svg{font-size:.857rem;flex-shrink:0}.leave-apply-page .employee-chip__remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border:none;background:#cd53531a;color:#cd5353;border-radius:50%;cursor:pointer;transition:all .2s ease;font-size:1.143rem}.leave-apply-page .employee-chip__remove:hover{background:#cd5353;color:#fff;transform:scale(1.1) rotate(90deg)}.leave-apply-page .employee-chip__remove:active{transform:scale(.95) rotate(90deg)}.leave-apply-page .MuiPickersCalendarHeader-root,.leave-apply-page .MuiDayCalendar-root{position:relative;z-index:1}.leave-apply-page .MuiDayCalendar-root .MuiDayCalendar-header{justify-content:center!important}.leave-apply-page .MuiPickersPopper-root{z-index:9999!important}.leave-apply-page .MuiDateCalendar-root{overflow:visible!important}.leave-apply-page .MuiPickersYear-root button{margin:4px}.leave-apply-page .MuiPickersDay-root{-webkit-user-select:none;user-select:none}.leave-apply-page .MuiPickersDay-root:hover{background:#c3aaf2}.leave-apply-page .MuiPickersDay-root:hover.sandwich-active{pointer-events:none;background-color:#f8b046;color:#000}.leave-apply-page .MuiPickersDay-root:focus.active{background:#c3aaf2}.leave-apply-page .MuiPickersDay-root:focus:not(.active){background:linear-gradient(135deg,#8860d00d,#9c80ce0d)}.leave-apply-page .MuiPickersDay-root:focus.sandwich-active{pointer-events:none;background-color:#f8b046;color:#000}.leave-apply-page .MuiPickerStaticWrapper-root,.leave-apply-page .MuiDateCalendar-root{width:100%!important;max-width:100%!important}@media (min-width: 800px){.leave-apply-page .MuiPickerStaticWrapper-root,.leave-apply-page .MuiDateCalendar-root{transform:scale(1.1)}}.leave-apply-page .MuiPickersSlideTransition-root{overflow:visible!important}.leave-apply-page .MuiDayCalendar-weekContainer{justify-content:space-between}.leave-apply-page .MuiDayCalendar-monthContainer{overflow:visible!important}.leave-apply-page .MuiPickersLayout-contentWrapper{max-width:450px!important;margin-inline:auto;padding-bottom:20px;margin-bottom:20px}.leave-apply-page__calendar-day{background-color:unset;color:unset}@media (max-width: 480px){.MuiDateCalendar-root{width:100%!important;height:100%!important;font-size:.75rem!important;margin:0 auto!important}.MuiPickersLayout-root{max-width:100%!important;min-width:0px!important}.MuiPickersLayout-contentWrapper{max-width:200px!important;margin-inline:auto}}@media (max-width: 300px){.MuiDateCalendar-root{width:100%!important;height:100%!important;font-size:.75rem!important;margin:0 auto!important}.MuiPickersLayout-root{max-width:100%!important;min-width:0px!important}.MuiPickersLayout-contentWrapper{max-width:150px!important;margin-inline:auto}}.apply-leave2{width:100%;min-height:100vh;padding:2.286rem}@media (max-width: 768px){.apply-leave2{padding:1.714rem 1.143rem}}.apply-leave2__container{max-width:1000px;margin:0 auto}.apply-leave2__content{display:flex;flex-direction:column;gap:1.714rem}.apply-leave2__section{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;border:1px solid #e6e6e7;animation:fadeInUp .6s ease-out;transition:all .3s ease}.apply-leave2__section:hover{box-shadow:0 6px 32px #00000014}@media (max-width: 768px){.apply-leave2__section{padding:1.143rem}}.apply-leave2__section-title{font-size:1.286rem;font-weight:600;color:#313131;margin:0 0 1.143rem}.apply-leave2__form{display:flex;flex-direction:column;gap:1.714rem;background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f}@media (max-width: 768px){.apply-leave2__form{padding:1.714rem}}.apply-leave2__form-group{display:flex;flex-direction:column;gap:.857rem}.apply-leave2__form-label{font-size:1.143rem;font-weight:600;color:#313131;margin-bottom:.571rem}.apply-leave2__textarea{width:100%;min-height:120px;padding:1.143rem;border:2px solid #e6e6e7;border-radius:12px;font-size:1rem;font-family:QuickSand,sans-serif;resize:vertical;transition:all .3s ease}.apply-leave2__textarea:focus{outline:none;border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a}.apply-leave2__textarea::placeholder{color:#8c9196}.apply-leave2__apply-btn{width:100%;height:56px;font-size:1.143rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;transition:all .3s ease;cursor:pointer;margin-top:.571rem}.apply-leave2__apply-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #8860d066}.apply-leave2__apply-btn:active:not(:disabled){transform:translateY(0)}.apply-leave2__apply-btn:disabled{opacity:.6;cursor:not-allowed}.leaves-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.leaves-page{padding:.857rem .571rem}}.leaves-page__container{max-width:1400px;margin:0 auto}.leaves-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.leaves-page__header{flex-direction:column;align-items:flex-start}}.leaves-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.leaves-page__header-actions{display:flex;align-items:center;gap:.857rem}@media all and (max-width: 576px){.leaves-page__header-actions{width:100%}}.leaves-page__header-actions .add-event-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.leaves-page__header-actions .add-event-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media all and (max-width: 576px){.leaves-page__header-actions .add-event-btn{width:100%}}.leaves-page .view-all-notification-btn{height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem}@media all and (max-width: 576px){.leaves-page .view-all-notification-btn{width:100%}}.leaves-page__view-actions{display:flex;align-items:center;gap:.857rem}@media (max-width: 768px){.leaves-page__view-actions{flex-direction:column-reverse;align-items:stretch;width:100%}}.leaves-page__table-actions{display:flex;justify-content:flex-end;margin-bottom:.857rem}@media (max-width: 768px){.leaves-page__table-actions{justify-content:stretch}.leaves-page__table-actions .view-all-notification-btn{width:100%}}.leaves-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.leaves-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.leaves-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.leaves-page__title{font-size:1.143rem}}.leaves-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.leaves-page__tabs{border-radius:8px;animation:fadeInUp .6s ease-out .2s both}.leaves-page__tabs .tab-title{border-bottom:1px solid #e6e6e7}.leaves-page__tabs .tab-title-left{display:flex;align-items:center;gap:.286rem}.leaves-page__tabs .tab-title-left .tab-item{padding:.571rem .857rem;font-size:.857rem;font-weight:500;border-radius:8px 8px 0 0;margin:0 .143rem;transition:all .2s ease-in-out}.leaves-page__tabs .tab-title-left .tab-item:hover{background:#8860d00d}.leaves-page__tabs .tab-title-left .tab-item.active{background:#8860d01a;color:#8860d0;font-weight:600}@media all and (max-width: 576px){.leaves-page__tabs{padding:0!important;background:#f3effc}.leaves-page__tabs .tab-title-left{border-bottom:solid #e6e6e7}}.leaves-page__table-container{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000a;margin-top:.857rem;min-height:300px;overflow:auto;border:1px solid #e6e6e7}.leaves-page__table-container table{width:100%;table-layout:auto}.leaves-page__table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.leaves-page__table-container table thead th{font-weight:700;color:#313131;padding:.857rem!important;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap;vertical-align:middle}.leaves-page__table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease}.leaves-page__table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.leaves-page__table-container table tbody tr:last-child{border-bottom:none}.leaves-page__table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle;max-width:300px}@media all and (max-width: 576px){.leaves-page__table-container{padding:0!important;background:#f3effc}}.leaves-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.leaves-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.leaves-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.leaves-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.leaves-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.leaves-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.leaves-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.leaves-page__employee-cell{padding:.286rem 0;text-align:left}.leaves-page__employee-cell .employee-name-simple{font-size:.857rem;font-weight:600;color:#313131;display:block;line-height:1.5;transition:all .3s ease}.leaves-page__employee-cell .employee-name-simple:hover{color:#8860d0}.leaves-page__view-section{background:#fff;border-radius:8px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-top:.857rem;animation:fadeInUp .6s ease-out}.leaves-page__view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1);flex-wrap:wrap;gap:.857rem}@media (max-width: 768px){.leaves-page__view-header{flex-direction:column;align-items:stretch}}.leaves-page__view-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.leaves-page__view-title .view-icon{color:#8860d0;font-size:1.143rem}.leaves-page__view-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.leaves-page__view-tabs .tab{background:#8860d00d;border-radius:8px;padding:.286rem;display:inline-flex}.leaves-page__view-tabs .tab .tab-title{display:flex;gap:.286rem}.leaves-page__view-tabs .tab .tab-item{padding:.571rem .857rem;border-radius:8px;font-size:.857rem;font-weight:500;color:#313131;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:.571rem;white-space:nowrap}.leaves-page__view-tabs .tab .tab-item:hover{background:#8860d01a}.leaves-page__view-tabs .tab .tab-item.active{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 2px 8px #8860d04d}.leaves-page__view-container{min-height:300px}.leaves-page .view-tab-item{display:flex;align-items:center;gap:.571rem}.leaves-page__user-info{background:#fff;border-radius:8px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-top:.857rem;margin-bottom:.857rem;border:1px solid #e6e6e7;animation:fadeInUp .6s ease-out}@media (max-width: 768px){.leaves-page__user-info{padding:.571rem}}.leaves-page__user-info-content{display:flex;justify-content:space-between;align-items:center;gap:.857rem;flex-wrap:wrap}@media (max-width: 768px){.leaves-page__user-info-content{flex-direction:column;align-items:stretch}}.leaves-page__user-info-details{flex:1;display:flex;flex-direction:column;gap:.571rem}.leaves-page__user-info-name{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}@media (max-width: 768px){.leaves-page__user-info-name{font-size:1rem}}.leaves-page__user-info-meta{display:flex;align-items:center;gap:.857rem;flex-wrap:wrap}@media (max-width: 768px){.leaves-page__user-info-meta{flex-direction:column;align-items:flex-start;gap:.571rem}}.leaves-page__user-info-item{font-size:.857rem;color:#8c9196;padding:.286rem .857rem;background:#8860d00d;border-radius:8px;border:1px solid rgba(136,96,208,.1)}.leaves-page__view-all-btn{padding:.571rem .857rem;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.571rem}@media (max-width: 768px){.leaves-page__view-all-btn{width:100%;justify-content:center}}.leaves-page__leave-info-card{background:linear-gradient(135deg,#8860d008,#9c80ce08);border:1px solid rgba(136,96,208,.1);border-radius:12px;padding:.571rem;max-width:600px;margin:0 auto;transition:all .3s ease}.leaves-page__leave-info-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #8860d01a}@media (max-width: 768px){.leaves-page__leave-info-card{max-width:100%;padding:.571rem}}.leaves-page__leave-info-card .leave-status-header{display:flex;justify-content:center;align-items:center;margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.1)}.leaves-page__leave-info-card .leave-status-header .status-badge-container{display:flex;align-items:center;gap:.571rem}.leaves-page__leave-info-card .leave-status-header .status-badge-container .status-icon{font-size:1.429rem}@media (max-width: 768px){.leaves-page__leave-info-card .leave-status-header .status-badge-container .status-icon{font-size:1.286rem}}.leaves-page__leave-info-card .leave-status-header .status-badge-container .status-icon.approved{color:#22c55e}.leaves-page__leave-info-card .leave-status-header .status-badge-container .status-icon.pending{color:#f59e0b}.leaves-page__leave-info-card .leave-status-header .status-badge-container .status-icon.rejected{color:#ef4444}.leaves-page__leave-info-card .leave-dates-container{display:flex;align-items:center;gap:.571rem;justify-content:flex-start}.leaves-page__leave-info-card .leave-dates-container .info-icon{color:#8860d0;font-size:1.143rem}.leaves-page__leave-info-card .leave-dates-container .leave-dates{display:flex;flex-wrap:wrap;gap:.571rem;justify-content:center;align-items:center}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:20px;padding:.286rem .857rem;color:#fff;font-size:.857rem;font-weight:500;box-shadow:0 2px 8px #8860d033;display:inline-flex;align-items:baseline;gap:.286rem}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-badge .date-main{display:inline-block}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-badge .date-year{font-size:.714rem;font-weight:400;margin-left:4px;transition:all .3s ease}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-badge .date-year--current{opacity:.7;font-size:.7em}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-badge .date-year--other{opacity:.95;font-weight:600}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-range-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px;padding:.286rem .571rem;color:#fff;font-size:1rem;font-weight:600;box-shadow:0 4px 12px #8860d04d;display:inline-flex;align-items:center;gap:.571rem;white-space:nowrap}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-range-badge .date-range-content{display:inline-block}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-range-badge-count{background:#ffffff26;border-radius:8px;padding:.286rem .857rem;color:#000;font-size:.857rem;font-weight:600;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 4px #0000001a;display:inline-flex;align-items:end;gap:.571rem;white-space:nowrap}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-range-badge-count .date-range-content{display:inline-block}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-year-badge{background:#ffffff26;border-radius:8px;padding:.286rem .857rem;font-size:.857rem;font-weight:600;margin-left:.571rem;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 4px #0000001a}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-years-badge{background:#ffffff26;border-radius:8px;padding:.286rem .857rem;font-size:.857rem;font-weight:600;margin-left:.571rem;display:inline-flex;align-items:center;gap:.286rem;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 4px #0000001a}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-years-badge .date-year-item{display:inline-block}.leaves-page__leave-info-card .leave-dates-container .leave-dates .date-years-badge .date-year-separator{opacity:.7;margin:0 .286rem}.leaves-page__leave-info-card .leave-info-details{display:grid;grid-template-columns:1fr 1fr;gap:.857rem}@media (max-width: 768px){.leaves-page__leave-info-card .leave-info-details{grid-template-columns:1fr}}.leaves-page__leave-info-card .leave-info-details .info-item{display:flex;align-items:center;gap:.571rem;padding:.571rem;background:#fff;border-radius:8px;border:1px solid rgba(136,96,208,.1);transition:all .3s ease}.leaves-page__leave-info-card .leave-info-details .info-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #8860d01a}.leaves-page__leave-info-card .leave-info-details .info-item .detail-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0}.leaves-page__leave-info-card .leave-info-details .info-item .detail-content{display:flex;flex-direction:column;gap:.286rem}.leaves-page__leave-info-card .leave-info-details .info-item .detail-content .detail-label{font-size:.714rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leaves-page__leave-info-card .leave-info-details .info-item .detail-content .detail-value{font-size:1.143rem;color:#313131;font-weight:700}.leaves-page__leave-info-card .leave-progress-section{margin-top:.857rem}.leaves-page__leave-info-card .leave-progress-bar-container{background-color:#f3f4f6;border-radius:9999px;border:1px solid #d9c6ea;height:24px;position:relative;overflow:hidden}.leaves-page__leave-info-card .leave-progress-bar-fill{height:100%;border-radius:9999px;transition:all .3s;width:var(--progress-width, 0%)}.leaves-page__leave-info-card .leave-progress-bar-fill.normal{background:linear-gradient(to right,#d9c6ea,#c38ef4)}.leaves-page__leave-info-card .leave-progress-bar-fill.overflow{background:linear-gradient(to right,#cca0a0,#dc9c9c)}.leaves-page__leave-info-card .leave-progress-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#374151}@media all and (max-width: 992px){.leaves-page__leave-info-card .leave-progress-bar-text{font-size:1rem}}.leaves-page__leave-info-card .leave-balance-info{display:flex;align-items:space-between;justify-content:space-between;flex-direction:column-reverse;font-size:14px;margin-top:.857rem;gap:10px}.leaves-page__leave-info-card .leave-balance-status{display:flex;align-items:center;gap:4px}.leaves-page__leave-info-card .leave-balance-status.positive{color:#16a34a}.leaves-page__leave-info-card .leave-balance-status.negative{color:#dc2626}.leaves-page__leave-info-card .leave-balance-status .trending-icon{width:16px;height:16px}.leaves-page__leave-info-card .leave-balance-status .balance-text{font-weight:600}@media all and (max-width: 992px){.leaves-page__leave-info-card .leave-balance-status .balance-text{font-size:1rem}}.leaves-page__leave-info-card .leave-utilization-text{display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:.286rem;font-size:12px;color:#6b7280}@media all and (max-width: 992px){.leaves-page__leave-info-card .leave-utilization-text{font-size:1rem}}.leaves-page__leave-type-cell{display:flex;justify-content:center;align-items:center;padding:.857rem}.leaves-page__leave-type-cell .leave-type-badge-large{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;padding:.571rem .857rem;border-radius:8px;font-size:.857rem;font-weight:700;text-transform:capitalize;text-align:center;box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.leaves-page__leave-type-cell .leave-type-badge-large:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.leaves-page .tooltip-arrow{opacity:0}.leaves-page__reason-cell{padding:.857rem;max-width:300px}.leaves-page__reason-cell .reason-content-compact{display:flex;align-items:center;gap:.571rem;padding:.571rem;background:#8860d00d;border-radius:8px;transition:all .3s ease}.leaves-page__reason-cell .reason-content-compact:hover{background:#8860d014;transform:translate(2px)}.leaves-page__reason-cell .reason-content-compact .reason-icon-compact{color:#8860d0;font-size:1rem;flex-shrink:0}.leaves-page__reason-cell .reason-content-compact .reason-text-compact{font-size:.857rem;color:#313131;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-width:300px;overflow:hidden;text-overflow:ellipsis}.leaves-page__status-cell{display:flex;justify-content:center;align-items:flex-start;padding:.571rem;min-width:200px}.leaves-page__status-cell .status-comment-wrapper{display:flex;flex-direction:column;align-items:center;gap:.857rem;width:100%}.leaves-page__status-cell .status-comment-wrapper .status-badge-container-compact{display:flex;flex-direction:column;align-items:center;gap:.571rem;width:100%}.leaves-page__status-cell .status-comment-wrapper .status-badge-container-compact .status-icon-approved,.leaves-page__status-cell .status-comment-wrapper .status-badge-container-compact .status-icon-pending,.leaves-page__status-cell .status-comment-wrapper .status-badge-container-compact .status-icon-rejected{font-size:1.429rem}.leaves-page__status-cell .status-comment-wrapper .status-badge-container-compact .status-icon-approved{color:#22c55e}.leaves-page__status-cell .status-comment-wrapper .status-badge-container-compact .status-icon-pending{color:#f59e0b}.leaves-page__status-cell .status-comment-wrapper .status-badge-container-compact .status-icon-rejected{color:#ef4444}.leaves-page__status-cell .status-comment-wrapper .status-comment-compact{display:flex;align-items:flex-start;gap:.571rem;width:100%;padding:.571rem .857rem;background:linear-gradient(135deg,#8860d014,#9c80ce0d);border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.leaves-page__status-cell .status-comment-wrapper .status-comment-compact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8860d01a,#9c80ce14);opacity:0;transition:opacity .3s ease}.leaves-page__status-cell .status-comment-wrapper .status-comment-compact:hover{transform:translate(2px);box-shadow:0 2px 8px #8860d026;background:linear-gradient(135deg,#8860d01f,#9c80ce14)}.leaves-page__status-cell .status-comment-wrapper .status-comment-compact:hover:before{opacity:1}.leaves-page__status-cell .status-comment-wrapper .status-comment-compact .status-comment-icon{font-size:1rem;flex-shrink:0;margin-top:.286rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:pulse 2s ease-in-out infinite}.leaves-page__status-cell .status-comment-wrapper .status-comment-compact .status-comment-text{font-size:.857rem;color:#313131;font-weight:500;line-height:1.6;flex:1;word-break:break-word;position:relative;z-index:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.leaves-page__actions-cell{display:flex;justify-content:center;align-items:center;padding:.857rem}.leaves-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;font-size:1.143rem;transition:all .3s ease}.leaves-page__actions-cell .action-btn.edit-btn{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 2px 8px #8860d040}.leaves-page__actions-cell .action-btn.edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.leaves-page-pagination{display:flex;justify-content:center;margin-top:1.714rem}.leaves-filter{margin-block:.857rem;animation:fadeInUp .6s ease-out .1s both;position:relative;z-index:21}.leaves-filter__container{background:#f3effc;border-radius:8px;padding:.857rem;box-shadow:0 2px 12px #0000000a}.leaves-filter__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.leaves-filter__header-btns{display:flex;flex-direction:row;gap:.571rem}.leaves-filter__header .leaves-filter__title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.leaves-filter__header .leaves-filter__title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.leaves-filter__header .filter-clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.571rem}.leaves-filter__header .filter-clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}@media (max-width: 768px){.leaves-filter__header .filter-clear-btn{height:32px;padding:0 .857rem;font-size:.857rem}}.leaves-filter__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.857rem}@media (max-width: 768px){.leaves-filter__grid{grid-template-columns:1fr}}.leaves-filter__field{display:flex;flex-direction:column;gap:.571rem}.leaves-filter__field .filter-label{font-size:.857rem;font-weight:600;color:#313131;margin-bottom:.286rem;text-transform:capitalize}.leaves-filter__field .filter-field{width:100%;height:36px;border-radius:8px;font-size:.857rem;transition:all .3s ease}.leaves-filter__field .filter-field .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff;transition:all .3s ease}.leaves-filter__field .filter-field .react-select__control:hover{border-color:#8860d0!important}.leaves-filter__field .filter-field .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.leaves-filter__field .filter-field .react-select__value-container{padding:0 .571rem;height:36px}.leaves-filter__field .filter-field .react-select__indicators{height:36px}.leaves-filter__field .filter-field .react-select__placeholder{color:#8c9196;font-weight:400;font-size:.857rem}.leaves-filter__field .filter-field .react-select__single-value{color:#313131;font-weight:600;font-size:.857rem}.leaves-filter__field .MuiInputBase-root{height:36px;border-radius:8px;background:#fff;font-size:.857rem}.leaves-filter__field .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.leaves-filter__field .MuiInputBase-root:hover fieldset{border-color:#8860d0}.leaves-filter__field .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.leaves-filter__field .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.leaves-filter__field .MuiInputLabel-root.Mui-focused{color:#8860d0}.leaves-filter__field .MuiIconButton-root{color:#8860d0;margin-right:5px}.leaves-filter__field .MuiIconButton-root:hover{background:#f3effc}.modal-content-wrapper:has(.leave-actions-modal){height:calc(100dvh - 2em - 6px);overflow-y:scroll}.leave-actions-modal{padding:.571rem;min-height:400px;max-width:800px;margin:0 auto;height:100%}@media (max-width: 768px){.leave-actions-modal{padding:1.143rem}}.leave-actions-modal .modal-header{display:flex;align-items:center;gap:1.143rem;padding-bottom:1.143rem;border-bottom:2px solid rgba(136,96,208,.1);height:73px;width:100%}.leave-actions-modal .modal-header .header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.714rem;box-shadow:0 4px 16px #8860d04d;flex-shrink:0}@media (max-width: 768px){.leave-actions-modal .modal-header .header-icon{width:48px;height:48px;font-size:1.429rem}}.leave-actions-modal .modal-header .header-content{flex:1;text-align:left}.leave-actions-modal .modal-header .header-content .modal-title{font-size:1.714rem;font-weight:700;color:#313131;margin:0 0 .286rem}@media (max-width: 768px){.leave-actions-modal .modal-header .header-content .modal-title{font-size:1.429rem}}.leave-actions-modal .modal-header .header-content .modal-subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.leave-actions-modal .modal-body{width:100%;height:calc(100% - 73px);overflow-y:auto;padding-top:1.143rem;padding-right:1.143rem;scroll-behavior:smooth}.leave-actions-modal .leave-detail-card{background:#fff;border-radius:12px;border:1px solid rgba(136,96,208,.1);box-shadow:0 2px 8px #0000000a;transition:all .3s ease;margin-bottom:1.143rem}.leave-actions-modal .leave-detail-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d01a}.leave-actions-modal .leave-detail-card.employee-card{padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);display:flex;align-items:center;gap:1.143rem}.leave-actions-modal .leave-detail-card.employee-card .card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.286rem;flex-shrink:0}.leave-actions-modal .leave-detail-card.employee-card .card-content{flex:1;display:flex;flex-direction:column;gap:.286rem;text-align:left}.leave-actions-modal .leave-detail-card.employee-card .card-content .card-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leave-actions-modal .leave-detail-card.employee-card .card-content .card-value{font-size:1.286rem;color:#313131;font-weight:700}.leave-actions-modal .leave-detail-card.leave-info-card{padding:1.429rem;background:linear-gradient(135deg,#8860d008,#9c80ce08)}.leave-actions-modal .leave-detail-card.leave-info-card .card-section{display:flex;align-items:flex-start;gap:.857rem;margin-bottom:1.143rem;padding-bottom:1.143rem;border-bottom:1px solid rgba(136,96,208,.1)}.leave-actions-modal .leave-detail-card.leave-info-card .card-section .section-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0;margin-top:.286rem}.leave-actions-modal .leave-detail-card.leave-info-card .card-section .section-content{flex:1}.leave-actions-modal .leave-detail-card.leave-info-card .card-section .section-content .section-label{display:block;font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.571rem;text-align:left;display:flex;justify-content:flex-start;flex-direction:row;gap:.571rem;align-items:center}.leave-actions-modal .leave-detail-card.leave-info-card .card-section .section-content .section-label .section-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0;margin-top:.286rem}.leave-actions-modal .leave-detail-card.leave-info-card .card-section .section-content .section-label .dates-count-badge{font-size:1rem;color:#8860d0;font-weight:600;text-transform:none;letter-spacing:0;margin-left:.286rem}.leave-actions-modal .leave-detail-card.leave-info-card .card-section .section-content .leave-dates-container{display:flex;flex-wrap:wrap;gap:.571rem}.leave-actions-modal .leave-detail-card.leave-info-card .card-section .section-content .leave-dates-container .date-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:20px;padding:.571rem 1.143rem;color:#fff;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #8860d033;transition:all .3s ease}.leave-actions-modal .leave-detail-card.leave-info-card .card-section .section-content .leave-dates-container .date-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.leave-actions-modal .leave-detail-card.leave-info-card .card-section .section-content .leave-dates-container .date-range-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:12px;padding:.571rem 1.429rem;color:#fff;font-size:1.143rem;font-weight:600;box-shadow:0 4px 12px #8860d04d;display:inline-flex;align-items:center;gap:.571rem;white-space:nowrap}.leave-actions-modal .leave-detail-card.leave-info-card .card-details{display:grid;grid-template-columns:1fr 1fr;gap:.857rem}@media (max-width: 768px){.leave-actions-modal .leave-detail-card.leave-info-card .card-details{grid-template-columns:1fr}}.leave-actions-modal .leave-detail-card.leave-info-card .card-details .detail-item{display:flex;align-items:center;gap:.571rem;padding:.857rem;background:#fff;border-radius:8px;border:1px solid rgba(136,96,208,.1);transition:all .3s ease}.leave-actions-modal .leave-detail-card.leave-info-card .card-details .detail-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #8860d01a}.leave-actions-modal .leave-detail-card.leave-info-card .card-details .detail-item .detail-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0}.leave-actions-modal .leave-detail-card.leave-info-card .card-details .detail-item .detail-content{display:flex;flex-direction:column;gap:.286rem}.leave-actions-modal .leave-detail-card.leave-info-card .card-details .detail-item .detail-content .detail-label{font-size:.714rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leave-actions-modal .leave-detail-card.leave-info-card .card-details .detail-item .detail-content .detail-value{font-size:1.143rem;color:#313131;font-weight:700}.leave-actions-modal .leave-detail-card .reason-content{flex:1;margin-top:1.143rem}.leave-actions-modal .leave-detail-card .reason-content .reason-label{display:block;font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.571rem;text-align:left}.leave-actions-modal .leave-detail-card .reason-content .reason-text{font-size:1.143rem;color:#313131;font-weight:500;line-height:1.6;margin:0;text-align:left;word-break:break-all}.leave-actions-modal .leave-badges-container{display:flex;gap:2.857rem;margin-bottom:1.714rem;flex-wrap:wrap}.leave-actions-modal .leave-badges-container .leave-badge{display:flex;flex-direction:column;gap:.571rem}.leave-actions-modal .leave-badges-container .leave-badge .badge-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:left}.leave-actions-modal .leave-badges-container .leave-badge .leave-type-badge-large{border-radius:12px;font-size:1.143rem;font-weight:700;text-transform:capitalize;text-align:left}.leave-actions-modal .leave-form{margin-top:2.286rem}.leave-actions-modal .leave-form .input-container{margin-bottom:1.714rem}.leave-actions-modal .leave-form .input-container .leaveStatus,.leave-actions-modal .leave-form .input-container textarea{width:100%;border-radius:8px;font-size:1rem;transition:all .3s ease;border:2px solid #e6e6e7;background:#fff}.leave-actions-modal .leave-form .input-container .leaveStatus:focus,.leave-actions-modal .leave-form .input-container textarea:focus{outline:none;border-color:#8860d0;box-shadow:0 0 0 4px #8860d014}.leave-actions-modal .leave-form .input-container .leaveStatus:hover:not(:focus),.leave-actions-modal .leave-form .input-container textarea:hover:not(:focus){border-color:#8860d04d}.leave-actions-modal .leave-form .input-container textarea{min-height:120px;padding:.857rem;resize:vertical;font-family:inherit;line-height:1.6}.leave-actions-modal .leave-form .status-selector-container{margin-bottom:1.714rem}.leave-actions-modal .leave-form .status-selector-container .status-selector-label{display:block;font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.857rem;text-align:left}.leave-actions-modal .leave-form .status-selector-container .status-chip-selector{display:flex;gap:1.143rem;flex-wrap:wrap}.leave-actions-modal .leave-form .status-selector-container .status-chip-selector .status-chip{flex:1;min-width:120px;padding:1.143rem 1.429rem;border-radius:12px;font-size:1.143rem;font-weight:600;text-transform:capitalize;border:2px solid rgba(136,96,208,.2);background:#fff;color:#313131;cursor:pointer;transition:all .3s ease;text-align:center}.leave-actions-modal .leave-form .status-selector-container .status-chip-selector .status-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d01a}.leave-actions-modal .leave-form .status-selector-container .status-chip-selector .status-chip.chip-approved:hover{background:#9c80ce0d;border-color:#9c80ce4d}.leave-actions-modal .leave-form .status-selector-container .status-chip-selector .status-chip.chip-approved.active{background:linear-gradient(135deg,#9c80ce,#703ab6);color:#fff;border-color:#9c80ce;box-shadow:0 4px 12px #9c80ce4d}.leave-actions-modal .leave-form .status-selector-container .status-chip-selector .status-chip.chip-rejected:hover{background:#ef44440d;border-color:#ef44444d}.leave-actions-modal .leave-form .status-selector-container .status-chip-selector .status-chip.chip-rejected.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.leave-actions-modal .leave-form .status-selector-container .status-chip-selector .status-chip.active{transform:translateY(-2px)}.leave-actions-modal .leave-form .leave-update-btn{width:100%;height:56px;font-size:1.143rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;transition:all .3s ease;cursor:pointer}.leave-actions-modal .leave-form .leave-update-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #8860d066}.leave-actions-modal .leave-form .leave-update-btn:active:not(:disabled){transform:translateY(0)}.leave-actions-modal .leave-form .leave-update-btn:disabled{opacity:.6;cursor:not-allowed}.leave-actions-modal .leave-balance-section{margin-top:1.143rem;padding:1.143rem;background:#fff;border-radius:8px;border:1px solid rgba(136,96,208,.1)}.leave-actions-modal .leave-balance-section .balance-header{margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:1px solid rgba(136,96,208,.1)}.leave-actions-modal .leave-balance-section .balance-header .balance-title{font-size:1.143rem;font-weight:600;color:#313131;margin:0}.leave-actions-modal .leave-balance-section .balance-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.857rem;margin-bottom:1.143rem}@media (max-width: 768px){.leave-actions-modal .leave-balance-section .balance-details-grid{grid-template-columns:1fr}}.leave-actions-modal .leave-balance-section .balance-details-grid .balance-stat{display:flex;flex-direction:column;gap:.286rem;padding:.857rem;background:linear-gradient(135deg,#8860d008,#9c80ce08);border-radius:8px;border:1px solid rgba(136,96,208,.1)}.leave-actions-modal .leave-balance-section .balance-details-grid .balance-stat .balance-stat-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leave-actions-modal .leave-balance-section .balance-details-grid .balance-stat .balance-stat-value{font-size:1.286rem;font-weight:700;color:#313131;display:flex;align-items:center;gap:.286rem;justify-content:center}.leave-actions-modal .leave-balance-section .balance-details-grid .balance-stat .balance-stat-value.eligible{color:#8860d0}.leave-actions-modal .leave-balance-section .balance-details-grid .balance-stat .balance-stat-value.positive{color:#16a34a}.leave-actions-modal .leave-balance-section .balance-details-grid .balance-stat .balance-stat-value.negative{color:#dc2626}.leave-actions-modal .leave-balance-section .balance-details-grid .balance-stat .balance-stat-value .trending-icon{width:16px;height:16px}.leave-actions-modal .leave-balance-section .leave-progress-section{margin-top:.857rem;margin-bottom:1.143rem}.leave-actions-modal .leave-balance-section .leave-progress-bar-container{background-color:#f3f4f6;border-radius:9999px;border:1px solid #d9c6ea;height:24px;position:relative;overflow:hidden}.leave-actions-modal .leave-balance-section .leave-progress-bar-fill{height:100%;border-radius:9999px;transition:all .3s;width:var(--progress-width, 0%)}.leave-actions-modal .leave-balance-section .leave-progress-bar-fill.normal{background:linear-gradient(to right,#d9c6ea,#c38ef4)}.leave-actions-modal .leave-balance-section .leave-progress-bar-fill.overflow{background:linear-gradient(to right,#cca0a0,#dc9c9c)}.leave-actions-modal .leave-balance-section .leave-progress-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#374151}@media all and (max-width: 992px){.leave-actions-modal .leave-balance-section .leave-progress-bar-text{font-size:1rem}}.leave-actions-modal .leave-balance-section .leave-breakdown .breakdown-title{font-size:1rem;font-weight:600;color:#313131;margin:0 0 .857rem}.leave-actions-modal .leave-balance-section .leave-breakdown .breakdown-list{display:flex;flex-direction:column;gap:.571rem}.leave-actions-modal .leave-balance-section .leave-breakdown .breakdown-list .breakdown-item{display:flex;align-items:center;justify-content:space-between;padding:.857rem;background:linear-gradient(135deg,#8860d005,#9c80ce05);border-radius:8px;border:1px solid rgba(136,96,208,.1)}.leave-actions-modal .leave-balance-section .leave-breakdown .breakdown-list .breakdown-item .breakdown-type{font-size:1rem;font-weight:600;color:#313131;text-transform:capitalize}.leave-actions-modal .leave-balance-section .leave-breakdown .breakdown-list .breakdown-item .breakdown-values{display:flex;align-items:center;gap:.286rem}.leave-actions-modal .leave-balance-section .leave-breakdown .breakdown-list .breakdown-item .breakdown-values .breakdown-remaining{font-size:1.143rem;font-weight:700;color:#313131}.leave-actions-modal .leave-balance-section .leave-breakdown .breakdown-list .breakdown-item .breakdown-values .breakdown-remaining.negative{color:#dc2626}.leave-actions-modal .leave-balance-section .leave-breakdown .breakdown-list .breakdown-item .breakdown-values .breakdown-total{font-size:1rem;color:#8c9196}.leave-actions-modal .leave-status-tag{margin-bottom:1rem;display:flex;gap:10px}.leave-actions-modal .leave-status-tag>p{font-size:1.143rem;font-weight:700;text-transform:uppercase;color:#cd5353}.leave-actions-modal .date-card{width:100%;border:2px solid #f3effc;border-radius:12px;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);padding:1.143rem;margin-bottom:1.714rem;box-shadow:0 2px 8px #0000000a}.leave-actions-modal .date-card .leavedates-container{display:flex;flex-wrap:wrap;gap:.857rem;justify-content:center}.leave-actions-modal .date-card .leavedates-container .chip-container{padding:.571rem 1.143rem;border-radius:20px;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d033;transition:all .3s ease}.leave-actions-modal .date-card .leavedates-container .chip-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.modal-content-wrapper:has(.leave-apply-modal){height:calc(100dvh - 2em - 6px)}.leave-apply-modal{padding:.571rem;min-height:400px;max-width:800px;margin:0 auto;height:100%}@media (max-width: 768px){.leave-apply-modal{padding:1.143rem}}.leave-apply-modal .modal-header{display:flex;align-items:center;gap:1.143rem;padding-bottom:1.143rem;border-bottom:2px solid rgba(136,96,208,.1);height:73px;width:100%}.leave-apply-modal .modal-header .header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.714rem;box-shadow:0 4px 16px #8860d04d;flex-shrink:0}@media (max-width: 768px){.leave-apply-modal .modal-header .header-icon{width:48px;height:48px;font-size:1.429rem}}.leave-apply-modal .modal-header .header-content{flex:1;text-align:left}.leave-apply-modal .modal-header .header-content .modal-title{font-size:1.714rem;font-weight:700;color:#313131;margin:0 0 .286rem}@media (max-width: 768px){.leave-apply-modal .modal-header .header-content .modal-title{font-size:1.429rem}}.leave-apply-modal .modal-header .header-content .modal-subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.leave-apply-modal .modal-body{width:100%;display:flex;flex-direction:column;gap:10px;height:calc(100% - 73px);overflow-y:auto;padding-top:1.143rem;padding-right:1.143rem}.leave-apply-modal .modal-body-right__content{display:flex;flex-direction:row;gap:2rem}@media all and (max-width: 1920px){.leave-apply-modal .modal-body-right__content{flex-direction:column}}.leave-apply-modal .modal-body-right__content-top{display:flex;flex-direction:column;gap:2rem;width:80%}@media all and (max-width: 1920px){.leave-apply-modal .modal-body-right__content-top{width:100%}}.leave-apply-modal .modal-body-right__content-info{width:50%;display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both;position:relative;z-index:0}@media all and (max-width: 1920px){.leave-apply-modal .modal-body-right__content-info{width:100%}}@media (max-width: 1200px){.leave-apply-modal .modal-body-right__content-info{margin-top:1.143rem}}.leave-apply-modal .modal-body-right__content-info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;z-index:0}.leave-apply-modal .modal-body-right__content-info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.leave-apply-modal .modal-body-right__content-info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.leave-apply-modal .modal-body-right__content-info-icon{font-size:1.429rem;flex-shrink:0}.leave-apply-modal .leave-detail-card{background:#fff;border-radius:12px;border:1px solid rgba(136,96,208,.1);box-shadow:0 2px 8px #0000000a;transition:all .3s ease;margin-bottom:1.143rem}.leave-apply-modal .leave-detail-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d01a}.leave-apply-modal .leave-detail-card.employee-card{padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);display:flex;align-items:center;gap:1.143rem}.leave-apply-modal .leave-detail-card.employee-card .card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.286rem;flex-shrink:0}.leave-apply-modal .leave-detail-card.employee-card .card-content{flex:1;display:flex;flex-direction:column;gap:.286rem;text-align:left}.leave-apply-modal .leave-detail-card.employee-card .card-content .card-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leave-apply-modal .leave-detail-card.employee-card .card-content .card-value{font-size:1.286rem;color:#313131;font-weight:700}.leave-apply-modal .leave-detail-card.leave-info-card{padding:1.429rem;background:linear-gradient(135deg,#8860d008,#9c80ce08)}.leave-apply-modal .leave-detail-card.leave-info-card .card-section{display:flex;align-items:flex-start;gap:.857rem;margin-bottom:1.143rem;padding-bottom:1.143rem;border-bottom:1px solid rgba(136,96,208,.1)}.leave-apply-modal .leave-detail-card.leave-info-card .card-section .section-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0;margin-top:.286rem}.leave-apply-modal .leave-detail-card.leave-info-card .card-section .section-content{flex:1}.leave-apply-modal .leave-detail-card.leave-info-card .card-section .section-content .section-label{display:block;font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.571rem;text-align:left;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:.571rem}.leave-apply-modal .leave-detail-card.leave-info-card .card-section .section-content .section-label .section-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0;margin-top:.286rem}.leave-apply-modal .leave-detail-card.leave-info-card .card-section .section-content .leave-apply-date-picker{background:linear-gradient(135deg,#8860d000,#9c80ce00)}.leave-apply-modal .leave-detail-card.leave-info-card .card-section .section-content .leave-dates-container{display:flex;flex-wrap:wrap;gap:.571rem}.leave-apply-modal .leave-detail-card.leave-info-card .card-section .section-content .leave-dates-container .date-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:20px;padding:.571rem 1.143rem;color:#fff;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #8860d033;transition:all .3s ease}.leave-apply-modal .leave-detail-card.leave-info-card .card-section .section-content .leave-dates-container .date-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.leave-apply-modal .leave-detail-card.leave-info-card .card-section .section-content .leave-dates-container .date-range-badge{background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:12px;padding:.571rem 1.429rem;color:#fff;font-size:1.143rem;font-weight:600;box-shadow:0 4px 12px #8860d04d;display:inline-flex;align-items:center;gap:.571rem;white-space:nowrap}.leave-apply-modal .leave-detail-card.leave-info-card .card-details{display:grid;grid-template-columns:1fr 1fr;gap:.857rem}@media (max-width: 768px){.leave-apply-modal .leave-detail-card.leave-info-card .card-details{grid-template-columns:1fr}}.leave-apply-modal .leave-detail-card.leave-info-card .card-details .detail-item{display:flex;align-items:center;gap:.571rem;padding:.857rem;background:#fff;border-radius:8px;border:1px solid rgba(136,96,208,.1);transition:all .3s ease}.leave-apply-modal .leave-detail-card.leave-info-card .card-details .detail-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #8860d01a}.leave-apply-modal .leave-detail-card.leave-info-card .card-details .detail-item .detail-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0}.leave-apply-modal .leave-detail-card.leave-info-card .card-details .detail-item .detail-content{display:flex;flex-direction:column;gap:.286rem}.leave-apply-modal .leave-detail-card.leave-info-card .card-details .detail-item .detail-content .detail-label{font-size:.714rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leave-apply-modal .leave-detail-card.leave-info-card .card-details .detail-item .detail-content .detail-value{font-size:1.143rem;color:#313131;font-weight:700}.leave-apply-modal .leave-detail-card .reason-content{flex:1;margin-top:1.143rem}.leave-apply-modal .leave-detail-card .reason-content .reason-label{display:block;font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.571rem;text-align:left}.leave-apply-modal .leave-detail-card .reason-content .reason-text{font-size:1.143rem;color:#313131;font-weight:500;line-height:1.6;margin:0;text-align:left}.leave-apply-modal .leave-badges-container{display:flex;gap:2.857rem;margin-bottom:1.714rem;flex-wrap:wrap}.leave-apply-modal .leave-badges-container .leave-badge{display:flex;flex-direction:column;gap:.571rem}.leave-apply-modal .leave-badges-container .leave-badge .badge-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:left}.leave-apply-modal .leave-badges-container .leave-badge .leave-type-badge-large{border-radius:12px;font-size:1.143rem;font-weight:700;text-transform:capitalize;text-align:left}.leave-apply-modal .leave-form{margin-top:2.286rem}.leave-apply-modal .leave-form .input-container{margin-bottom:1.714rem}.leave-apply-modal .leave-form .input-container .leaveStatus,.leave-apply-modal .leave-form .input-container textarea{width:100%;border-radius:8px;font-size:1rem;transition:all .3s ease;border:2px solid #e6e6e7;background:#fff}.leave-apply-modal .leave-form .input-container .leaveStatus:focus,.leave-apply-modal .leave-form .input-container textarea:focus{outline:none;border-color:#8860d0;box-shadow:0 0 0 4px #8860d014}.leave-apply-modal .leave-form .input-container .leaveStatus:hover:not(:focus),.leave-apply-modal .leave-form .input-container textarea:hover:not(:focus){border-color:#8860d04d}.leave-apply-modal .leave-form .input-container textarea{min-height:120px;padding:.857rem;resize:vertical;font-family:inherit;line-height:1.6}.leave-apply-modal .leave-form .status-selector-container{margin-bottom:1.714rem}.leave-apply-modal .leave-form .status-selector-container .status-selector-label{display:block;font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.857rem;text-align:left}.leave-apply-modal .leave-form .leave-update-btn{width:100%;height:56px;font-size:1.143rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;transition:all .3s ease;cursor:pointer}.leave-apply-modal .leave-form .leave-update-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #8860d066}.leave-apply-modal .leave-form .leave-update-btn:active:not(:disabled){transform:translateY(0)}.leave-apply-modal .leave-form .leave-update-btn:disabled{opacity:.6;cursor:not-allowed}.leave-apply-modal .leave-status-tag{margin-bottom:1rem;display:flex;gap:10px}.leave-apply-modal .leave-status-tag>p{font-size:1.143rem;font-weight:700;text-transform:uppercase;color:#cd5353}.leave-apply-modal .date-card{width:100%;border:2px solid #f3effc;border-radius:12px;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);padding:1.143rem;margin-bottom:1.714rem;box-shadow:0 2px 8px #0000000a}.leave-apply-modal .date-card .leavedates-container{display:flex;flex-wrap:wrap;gap:.857rem;justify-content:center}.leave-apply-modal .date-card .leavedates-container .chip-container{padding:.571rem 1.143rem;border-radius:20px;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d033;transition:all .3s ease}.leave-apply-modal .date-card .leavedates-container .chip-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.status-chip-selector{display:flex;gap:1.143rem;flex-wrap:wrap}.status-chip-selector .status-chip{flex:1;min-width:120px;padding:1.143rem 1.429rem;border-radius:12px;font-size:1.143rem;font-weight:600;text-transform:capitalize;border:2px solid rgba(136,96,208,.2);background:#fff;color:#313131;cursor:pointer;transition:all .3s ease;text-align:center}.status-chip-selector .status-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d01a;background:#9c80ce0d;border-color:#9c80ce4d}.status-chip-selector .status-chip.active{background:linear-gradient(135deg,#9c80ce,#703ab6);color:#fff;border-color:#9c80ce;box-shadow:0 4px 12px #9c80ce4d;transform:translateY(-2px)}.select-date .date-label{font-size:1.286rem;padding-left:5px;color:#8860d0}.limit-cross-text{color:#cd5353f2;margin-bottom:15px}.generate-holiday-attendance-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#f3effc);padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.generate-holiday-attendance-page{padding:1.714rem 1.143rem}}.generate-holiday-attendance-page__container{margin:0 auto}.generate-holiday-attendance-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.generate-holiday-attendance-page .right{display:flex;align-items:flex-start;justify-content:center;flex-direction:row;gap:1.714rem}@media all and (max-width: 576px){.generate-holiday-attendance-page .right{flex-direction:column}}.generate-holiday-attendance-page .right .generate-holiday-attendance-page__card{width:100%;max-width:800px}.generate-holiday-attendance-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.generate-holiday-attendance-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.generate-holiday-attendance-page__back-btn:active{transform:translate(-2px)}.generate-holiday-attendance-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.generate-holiday-attendance-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.generate-holiday-attendance-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.generate-holiday-attendance-page__header-icon{display:none}}.generate-holiday-attendance-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.generate-holiday-attendance-page__title{font-size:1.429rem}}.generate-holiday-attendance-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.generate-holiday-attendance-page__card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 768px){.generate-holiday-attendance-page__card{padding:1.714rem}}.generate-holiday-attendance-page__form{display:flex;flex-direction:column;gap:1.714rem}.generate-holiday-attendance-page__input-group{display:flex;flex-direction:column;gap:.857rem}.generate-holiday-attendance-page__input-group .error-text{color:#dc2626;font-size:13px;margin-top:-3px}.generate-holiday-attendance-page__date-picker-wrapper{display:flex;flex-direction:column;gap:.857rem;align-items:center}.generate-holiday-attendance-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.generate-holiday-attendance-page__label-icon{color:#8860d0;font-size:1.286rem}.generate-holiday-attendance-page__required{color:#cd5353;margin-left:.286rem}.generate-holiday-attendance-page__input{font-size:1.143rem;transition:all .3s ease}.generate-holiday-attendance-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.generate-holiday-attendance-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.generate-holiday-attendance-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.generate-holiday-attendance-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.generate-holiday-attendance-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.generate-holiday-attendance-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.generate-holiday-attendance-page .selectfield .react-select__control{min-height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.generate-holiday-attendance-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.generate-holiday-attendance-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.generate-holiday-attendance-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.generate-holiday-attendance-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.generate-holiday-attendance-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.generate-holiday-attendance-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.generate-holiday-attendance-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.generate-holiday-attendance-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.generate-holiday-attendance-page .selectfield .react-select__multi-value{background:#f3effc;border-radius:4px;border:1px solid #8860d0}.generate-holiday-attendance-page .selectfield .react-select__multi-value .react-select__multi-value__label{color:#8860d0;font-weight:500}.generate-holiday-attendance-page .selectfield .react-select__multi-value .react-select__multi-value__remove{color:#8860d0}.generate-holiday-attendance-page .selectfield .react-select__multi-value .react-select__multi-value__remove:hover{background:#8860d0;color:#fff}.generate-holiday-attendance-page .selectfield .react-select__indicator{color:#8860d0}.generate-holiday-attendance-page .holiday-date-picker{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;transition:all .3s ease;font-weight:400}.generate-holiday-attendance-page .holiday-date-picker:hover{border-color:#8860d0;background:#fff}.generate-holiday-attendance-page .holiday-date-picker:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.generate-holiday-attendance-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.generate-holiday-attendance-page__actions{flex-direction:column}}.generate-holiday-attendance-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.generate-holiday-attendance-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.generate-holiday-attendance-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.generate-holiday-attendance-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.generate-holiday-attendance-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.generate-holiday-attendance-page__submit-btn{flex:1}}.generate-holiday-attendance-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both}.generate-holiday-attendance-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.generate-holiday-attendance-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.generate-holiday-attendance-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.generate-holiday-attendance-page__info-icon{font-size:1.429rem;flex-shrink:0}.generate-holiday-attendance-page :global .MuiPickersLayout-root{background:#fff;border-radius:16px;box-shadow:0 8px 32px #8860d026;overflow:hidden;border:2px solid #f3effc}.generate-holiday-attendance-page :global .MuiPickersLayout-contentWrapper{background:linear-gradient(135deg,#f5f7fa,#fff);padding:1.143rem}.generate-holiday-attendance-page :global .MuiDialogActions-root{padding:1.143rem;gap:.857rem}.generate-holiday-attendance-page :global .MuiDialogActions-root .MuiButton-root{border-radius:8px;font-family:QuickSand;font-weight:600;text-transform:none;padding:.571rem 1.429rem;transition:all .3s ease}.generate-holiday-attendance-page :global .MuiDialogActions-root .MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d033}.generate-holiday-attendance-page :global .MuiPickersToolbar-root{background:linear-gradient(135deg,#8860d0,#9c80ce);padding:1.714rem}.generate-holiday-attendance-page :global .MuiPickersToolbar-root .MuiTypography-root{color:#fff;font-family:QuickSand}.generate-holiday-attendance-page :global .MuiPickersArrowSwitcher-button{color:#8860d0}.generate-holiday-attendance-page :global .MuiPickersArrowSwitcher-button:hover{background-color:#f3effc}.generate-holiday-attendance-page :global .MuiDayCalendar-root .MuiPickersDay-root{font-family:QuickSand;border-radius:4px;margin:.286rem .571rem;transition:all .2s ease}.generate-holiday-attendance-page :global .MuiDayCalendar-root .MuiPickersDay-root:hover{background-color:#f3effc}.generate-holiday-attendance-page :global .MuiDayCalendar-root .MuiPickersDay-root.Mui-selected{background-color:#8860d0;color:#fff;font-weight:600}.generate-holiday-attendance-page :global .MuiDayCalendar-root .MuiPickersDay-root.Mui-selected:hover{background-color:#8f67d9}.generate-holiday-attendance-page :global .MuiDateCalendar-root{background:#fff;border-radius:16px;box-shadow:0 8px 24px #8860d01f;overflow:hidden;border:2px solid #f3effc}.generate-holiday-attendance-page :global .MuiPickersCalendarHeader-root{background:linear-gradient(135deg,#8860d0,#9c80ce);padding:1.143rem;color:#fff}.generate-holiday-attendance-page :global .MuiPickersCalendarHeader-root .MuiTypography-root{color:#fff;font-family:QuickSand;font-weight:600}.generate-holiday-attendance-page :global .MuiPickersArrowSwitcher-root .MuiIconButton-root{color:#fff;transition:all .2s ease}.generate-holiday-attendance-page :global .MuiPickersArrowSwitcher-root .MuiIconButton-root:hover{background-color:#ffffff1a}.timesheet-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.timesheet-page{padding:.857rem .571rem}}.timesheet-page__container{max-width:1400px;margin:0 auto}.timesheet-page__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.timesheet-page__header{flex-direction:column;align-items:flex-start}}.timesheet-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.timesheet-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.timesheet-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.timesheet-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.timesheet-page__title{font-size:1.143rem}}.timesheet-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.ratio-card-container{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:fit-content;width:100%;padding:1.429rem 1.143rem;background:#fff;box-shadow:0 4px 24px #0000000f;border-radius:16px;border:1px solid rgba(136,96,208,.1);height:100%;transition:all .3s ease;cursor:pointer}.ratio-card-container:hover{transform:translateY(-4px);box-shadow:0 8px 32px #8860d026}.ratio-card-container .pie-chart{display:flex;align-items:center;justify-content:space-between;gap:1.143rem}.ratio-card-container .pie-chart-description{display:flex;flex-direction:column;gap:.571rem;text-align:start}.ratio-card-container .pie-chart-description .ratio{font-weight:500;color:#8860d0}.ratio-card-container-count{padding:.857rem 0px;display:flex;align-items:center;gap:.857rem}.card-titleContainer{display:flex;align-items:start;justify-content:space-between;margin-bottom:1.143rem}.card-titleContainer-title{color:#313131;font-size:1.286rem;font-weight:600;display:flex;align-items:center;gap:.571rem}.card-titleContainer-icon-wrapper{display:flex;flex-direction:row;align-items:center;gap:.857rem}.card-titleContainer-icon-wrapper .icon{padding:.571rem;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:12px;color:#fff;display:flex;box-shadow:0 4px 12px #8860d04d}.card-titleContainer-icon-wrapper .count{font-size:1.714rem;font-weight:700;color:#313131}.card-titleContainer-percentage{display:flex;gap:.286rem;align-items:center;padding:.286rem .571rem .286rem .286rem;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:20px;color:#fff;font-size:.857rem;font-weight:600;box-shadow:0 4px 12px #8860d04d}.card-titleContainer-percentage-icon{border-radius:50%;background-color:#ffffff4d;padding:4px;color:#fff;display:flex;align-items:center}.onLeaveContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.143rem}.onLeaveContainer-empty{padding:.857rem .571rem;background-color:#8860d033;border-radius:.286rem;font-size:.857rem;width:100%}.onLeaveContainer-title{display:flex;align-items:center;gap:.857rem;font-size:1.143rem;font-weight:500;color:#8860d0}.onLeaveContainer-employees{padding-right:25px;display:flex;flex-direction:row;width:max-content}.onLeaveContainer-employees-slider{width:max-content;cursor:grab}.onLeaveContainer-employees-item{margin-right:-15px;padding:.286rem;border-radius:50%;display:flex;gap:.571rem;cursor:pointer}.onLeaveContainer-employees-item-imgcontainer{height:30px;aspect-ratio:1;border:1px solid white;border-radius:50%}.onLeaveContainer-employees-item-imgcontainer>img{border-radius:50%;height:100%;width:100%;border:1px solid rgba(136,96,208,.3)}.onLeaveContainer-employees-item-modal{border-radius:5px;padding-block:.571rem;padding-inline:1.143rem;background-color:#f7f6f9;margin-bottom:10px;display:flex;gap:.571rem;cursor:pointer}.onLeaveContainer-employees-item-rightContainer{display:flex;align-items:center;justify-content:space-between;width:100%}.onLeaveContainer-employees-item-rightContainer-nameContainer{display:flex;flex-direction:column;gap:.286rem}.onLeaveContainer-employees-item-rightContainer-nameContainer>span:first-child{font-size:1.143rem;font-weight:600}.onLeaveContainer-employees-item-rightContainer-nameContainer>span:nth-child(2){font-size:.857rem;color:#a1a1a1;text-transform:capitalize}.onLeaveContainer-employees-item-rightContainer-view{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.286rem;font-size:.714rem;padding:8px 14px;background-color:#8860d04d;color:#8860d0;border-radius:1.143rem;font-weight:500}.onLeaveContainer-employees-item-rightContainer-view-icon{display:flex;align-items:center;justify-content:center;flex-direction:row}.onLeaveContainer-employees-item-rightContainer-view:hover{background-color:#8860d066;transition:all .2s ease-in-out;cursor:pointer}.ratio-card-profile-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.429rem}.ratio-card-profile-wrapper-right-section{gap:1.429rem;display:flex;flex-direction:column;align-items:end;justify-content:space-between;width:100%}.ratio-card-profile-wrapper-left-section{min-height:38px;gap:1.429rem;display:flex;align-items:center;justify-content:center}.ratio-card-profile-wrapper-left-section-progress{height:10px;background-color:#fff;border-radius:5px;width:100px;border:2px solid #8860d0}.ratio-card-profile-wrapper-left-section-progress-bar{height:8px;background-color:#8860d0;border-radius:1px}.employeeOnLeave-container{padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px}.employeeOnLeave-container .onLeaveContainer{display:flex;flex-direction:column;gap:1.143rem}.employeeOnLeave-container .onLeaveContainer-empty{padding:.857rem .571rem;background-color:#8860d033;border-radius:.286rem;font-size:.857rem}.employeeOnLeave-container .onLeaveContainer-title{display:flex;align-items:center;gap:.857rem;font-size:1.143rem;font-weight:500;color:#8860d0}.employeeOnLeave-container .onLeaveContainer-employees{display:flex;flex-direction:column;gap:.857rem;width:100%}.employeeOnLeave-container .onLeaveContainer-employees-item{padding:.857rem;background-color:#f7f6f9;border-radius:.286rem;display:flex;gap:.571rem}.employeeOnLeave-container .onLeaveContainer-employees-item-imgcontainer{height:50px;aspect-ratio:1}.employeeOnLeave-container .onLeaveContainer-employees-item-imgcontainer>img{border-radius:50%;height:100%;width:100%;border:1px solid rgba(136,96,208,.3)}.employeeOnLeave-container .onLeaveContainer-employees-item-rightContainer{display:flex;align-items:center;justify-content:space-between;width:100%}.employeeOnLeave-container .onLeaveContainer-employees-item-rightContainer-nameContainer{display:flex;flex-direction:column;gap:.286rem}.employeeOnLeave-container .onLeaveContainer-employees-item-rightContainer-nameContainer>span:first-child{font-size:1.143rem;font-weight:600}.employeeOnLeave-container .onLeaveContainer-employees-item-rightContainer-nameContainer>span:nth-child(2){font-size:.857rem;color:#a1a1a1;text-transform:capitalize}.employeeOnLeave-container .onLeaveContainer-employees-item-rightContainer-view{font-size:.714rem;padding:.286rem 8px;background-color:#8860d04d;color:#8860d0;border-radius:1.143rem;font-weight:500}.employeeOnLeave-container .onLeaveContainer-employees-item-rightContainer-view:hover{background-color:#8860d066;transition:all .2s ease-in-out;cursor:pointer}.edit-break{display:flex;flex-direction:column;gap:20px;padding:10px 1.143rem}.edit-break-form .input-container{display:flex;flex-direction:column;gap:.571rem;margin-bottom:1.429rem}.edit-break-form .input-container label{font-size:1.143rem;color:#313131;text-align:left}.breakAndExHr-filters-container{margin:20px 0;align-self:flex-end;display:flex;gap:1.429rem}.breakAndExHr-filters-container .filter-breakAndExHr-by-name,.breakAndExHr-filters-container .filter-breakAndExHr-by-type,.breakAndExHr-filters-container .filter-breakAndExHr-by-date{width:200px}.add-break{display:flex;flex-direction:column;gap:20px;padding:10px 1.143rem}.add-break-form .input-container{display:flex;flex-direction:column;gap:.571rem;margin-bottom:1.429rem}.add-break-form .input-container label{font-size:1.143rem;color:#313131}.update-status-btn{margin-top:40px}.basic-info-container{padding:10px;border:1px solid rgba(136,96,208,.2);margin-bottom:15px;border-radius:.571rem;background-color:#8860d01a}.info-row{display:flex;margin-bottom:8px}.info-label{font-weight:600;width:150px;color:#333;text-align:left}.info-value{color:#555}.remarks-row .info-value{white-space:pre-wrap}.create-break-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.create-break-page{padding:1.714rem 1.143rem}}.create-break-page__container{margin:0 auto;width:80%;padding:1.714rem 1.143rem}@media (max-width: 1380px){.create-break-page__container{width:100%}}.create-break-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.create-break-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.create-break-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.create-break-page__back-btn:active{transform:translate(-2px)}.create-break-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.create-break-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.create-break-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.create-break-page__header-icon{display:none}}.create-break-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.create-break-page__title{font-size:1.429rem}}.create-break-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.create-break-page__card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 768px){.create-break-page__card{padding:1.714rem}}.create-break-page__form{display:flex;flex-direction:column;gap:2.286rem}.create-break-page__input-group{display:flex;flex-direction:column;gap:.857rem}.create-break-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.create-break-page__label-icon{color:#8860d0;font-size:1.286rem}.create-break-page__required{color:#cd5353;margin-left:.286rem}.create-break-page__time-row{display:grid;grid-template-columns:1fr;gap:2.286rem}.create-break-page__time-picker-wrapper{display:flex;flex-direction:column;gap:.857rem;align-items:center}.create-break-page__datetime-container{display:grid;grid-template-columns:1fr auto 1fr;gap:1.143rem;align-items:center;width:100%;background:linear-gradient(135deg,#f5f7fa,#fff);padding:1.143rem;border-radius:12px;box-shadow:0 2px 12px #0000000d;border:2px solid #e6e6e7}@media (max-width: 768px){.create-break-page__datetime-container{grid-template-columns:1fr;gap:.857rem}.create-break-page__datetime-container>div{display:flex;justify-content:center}}@media (max-width: 1127px){.create-break-page__datetime-container{grid-template-columns:1fr;gap:.857rem}.create-break-page__datetime-container .create-break-page__time-separator{display:none}.create-break-page__datetime-container>div{display:flex;justify-content:center}}@media all and (max-width: 576px){.create-break-page__datetime-container{padding:0}.create-break-page__datetime-container .create-break-page__time-separator{display:none}}.create-break-page__time-separator{display:flex;align-items:center;justify-content:center;padding:.571rem;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:50%;width:48px;height:48px;box-shadow:0 4px 12px #8860d040;transition:all .3s ease}.create-break-page__time-separator:hover{transform:scale(1.1);box-shadow:0 6px 20px #8860d059}@media (max-width: 768px){.create-break-page__time-separator{transform:rotate(90deg);margin:.571rem 0}}@media all and (max-width: 576px){.create-break-page__time-separator{transform:unset;margin:unset}}.create-break-page__next-day-toggle{margin-top:.857rem}.create-break-page__next-day-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d040}.create-break-page__next-day-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d059}.create-break-page__next-day-btn span{font-size:1.143rem}.create-break-page__next-day-badge{margin-top:.857rem;display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.857rem 1.143rem;background:linear-gradient(135deg,#e8d5ff,#d0b1ff);color:#8860d0;border-radius:8px;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #8860d026}.create-break-page__next-day-badge .create-break-page__remove-next-day{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#8860d0;color:#fff;border:none;border-radius:50%;font-size:1.286rem;font-weight:700;cursor:pointer;transition:all .2s ease}.create-break-page__next-day-badge .create-break-page__remove-next-day:hover{background:#7350b8;transform:scale(1.1)}.create-break-page__selected-time{font-size:2.286rem;font-weight:700;color:#8860d0;background:linear-gradient(135deg,#f3effc,#f3effc);padding:1.429rem 2.286rem;border-radius:12px;text-align:center;min-width:200px;box-shadow:0 4px 12px #8860d026;border:2px solid #8860d0;letter-spacing:2px;transition:all .3s ease;animation:pulseGlow 2s ease-in-out infinite}.create-break-page__selected-time:hover{transform:scale(1.05);box-shadow:0 6px 20px #8860d040}.create-break-page__input{font-size:1.143rem;transition:all .3s ease}.create-break-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.create-break-page__error{display:block;margin-top:.571rem;color:#cd5353;font-size:1rem;font-weight:500;animation:slideDown .3s ease-out}.create-break-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.create-break-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.create-break-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.create-break-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.create-break-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.create-break-page .timeInputField .main-container{height:4rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;transition:all .3s ease}.create-break-page .timeInputField .main-container:hover{border-color:#8860d0;background:#fff}.create-break-page .timeInputField .main-container:focus-within{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.create-break-page .timeInputField .main-container .react-time-picker__wrapper .react-time-picker__inputGroup{font-size:1.143rem}.create-break-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.create-break-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.create-break-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.create-break-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.create-break-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.create-break-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.create-break-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.create-break-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.create-break-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.create-break-page .selectfield .react-select__indicator{color:#8860d0}.create-break-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.create-break-page__actions{flex-direction:column}}.create-break-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.create-break-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.create-break-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.create-break-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.create-break-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.create-break-page__submit-btn{flex:1}}.create-break-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both}.create-break-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;border-left:4px solid #8860d0;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.create-break-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.create-break-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.create-break-page__info-icon{font-size:1.429rem;flex-shrink:0}.create-break-page :global .MuiClock-root{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;margin:1.143rem 0}.create-break-page :global .MuiClock-clock{background:linear-gradient(135deg,#fff,#f5f7fa);border:3px solid #8860d0;box-shadow:inset 0 2px 8px #0000000d}.create-break-page :global .MuiClock-pin{background-color:#8860d0;width:8px;height:8px;box-shadow:0 0 8px #8860d080}.create-break-page :global .MuiClockPointer-root{background-color:#8860d0;width:3px}.create-break-page :global .MuiClockPointer-thumb{background-color:#8860d0;border:3px solid white;width:18px;height:18px;box-shadow:0 2px 8px #8860d066}.create-break-page :global .MuiClockNumber-root{color:#313131;font-family:QuickSand;font-weight:600;font-size:1.143rem;transition:all .2s ease}.create-break-page :global .MuiClockNumber-root:hover{background-color:#f3effc;transform:scale(1.1)}.create-break-page :global .MuiClockNumber-root.Mui-selected{background-color:#8860d0;color:#fff;font-weight:700;transform:scale(1.15);box-shadow:0 2px 8px #8860d066}.create-break-page :global .MuiPickersLayout-root{background:#fff;border-radius:16px;box-shadow:0 8px 32px #8860d026;overflow:hidden;border:2px solid #f3effc}.create-break-page :global .MuiPickersLayout-contentWrapper{background:linear-gradient(135deg,#f5f7fa,#fff);padding:1.143rem}.create-break-page :global .MuiDialogActions-root{padding:1.143rem;gap:.857rem}.create-break-page :global .MuiDialogActions-root .MuiButton-root{border-radius:8px;font-family:QuickSand;font-weight:600;text-transform:none;padding:.571rem 1.429rem;transition:all .3s ease}.create-break-page :global .MuiDialogActions-root .MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d033}.create-break-page :global .MuiTimeClock-root{margin:1.143rem}.create-break-page :global .MuiMultiSectionDigitalClock-root .MuiMenuItem-root{font-family:QuickSand;border-radius:4px;margin:.286rem .571rem;transition:all .2s ease}.create-break-page :global .MuiMultiSectionDigitalClock-root .MuiMenuItem-root:hover{background-color:#f3effc}.create-break-page :global .MuiMultiSectionDigitalClock-root .MuiMenuItem-root.Mui-selected{background-color:#8860d0;color:#fff;font-weight:600}.create-break-page :global .MuiMultiSectionDigitalClock-root .MuiMenuItem-root.Mui-selected:hover{background-color:#8f67d9}.create-break-page :global .MuiPickersToolbar-root{background:linear-gradient(135deg,#8860d0,#9c80ce);padding:1.714rem}.create-break-page :global .MuiPickersToolbar-root .MuiTypography-root{color:#fff;font-family:QuickSand}.create-break-page :global .MuiPickersArrowSwitcher-button{color:#8860d0}.create-break-page :global .MuiPickersArrowSwitcher-button:hover{background-color:#f3effc}.create-break-page :global .MuiDateCalendar-root{width:100%}.create-break-page :global .MuiDateCalendar-root .MuiPickersDay-root{font-family:QuickSand;font-size:1rem;border-radius:8px;transition:all .2s ease}.create-break-page :global .MuiDateCalendar-root .MuiPickersDay-root:hover{background-color:#f3effc;transform:scale(1.05)}.create-break-page :global .MuiDateCalendar-root .MuiPickersDay-root.Mui-selected{background-color:#8860d0;color:#fff;font-weight:600;box-shadow:0 2px 8px #8860d04d}.create-break-page :global .MuiDateCalendar-root .MuiPickersDay-root.Mui-selected:hover{background-color:#8f67d9}.create-break-page :global .MuiDateCalendar-root .MuiPickersDay-root.MuiPickersDay-today{border:2px solid #8860d0}.create-break-page :global .MuiDateCalendar-root .MuiPickersCalendarHeader-root{padding:.571rem .857rem;background:linear-gradient(135deg,#f3effc,#f5f7fa);border-radius:8px;margin-bottom:.571rem}.create-break-page :global .MuiDateCalendar-root .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-label{font-family:QuickSand;font-weight:600;color:#313131}.create-break-page :global .MuiDateCalendar-root .MuiDayCalendar-weekContainer{gap:0}.create-break-page :global .MuiDateCalendar-root .MuiDayCalendar-weekDayLabel{font-family:QuickSand;font-weight:600;color:#313131;font-size:1rem}.create-break-page :global .MuiDateCalendar-root.Mui-disabled .MuiPickersDay-root{cursor:not-allowed}.create-break-page :global .MuiDateCalendar-root.Mui-disabled .MuiPickersDay-root.Mui-selected{background-color:#8860d0;opacity:.6}.create-break-page :global .MuiDateCalendar-root.Mui-disabled .MuiPickersCalendarHeader-root{opacity:.5}.edit-break-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.edit-break-page{padding:1.714rem 1.143rem}}.edit-break-page__container{max-width:800px;margin:0 auto}.edit-break-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.edit-break-page__loading .loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #8860d0;border-radius:50%;animation:spin 1s linear infinite}.edit-break-page__loading p{color:#6b7280;font-size:1rem}.edit-break-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.edit-break-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.edit-break-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.edit-break-page__back-btn:active{transform:translate(-2px)}.edit-break-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.edit-break-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.edit-break-page__header-icon{width:56px;height:56px;font-size:1.714rem}}.edit-break-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.edit-break-page__title{font-size:1.429rem}}.edit-break-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.edit-break-page__card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 768px){.edit-break-page__card{padding:1.714rem}}.edit-break-page__form{display:flex;flex-direction:column;gap:1.714rem}.edit-break-page__input-group{display:flex;flex-direction:column;gap:.857rem}.edit-break-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.edit-break-page__label-icon{color:#8860d0;font-size:1.286rem}.edit-break-page__required{color:#cd5353;margin-left:.286rem}.edit-break-page__time-row{display:grid;grid-template-columns:1fr;gap:2.286rem}.edit-break-page__time-picker-wrapper{display:flex;flex-direction:column;gap:.857rem;align-items:center}.edit-break-page__datetime-container{display:grid;grid-template-columns:1fr auto 1fr;gap:1.143rem;align-items:center;width:100%;background:linear-gradient(135deg,#f5f7fa,#fff);padding:1.143rem;border-radius:12px;box-shadow:0 2px 12px #0000000d;border:2px solid #e6e6e7}@media (max-width: 768px){.edit-break-page__datetime-container{grid-template-columns:1fr;gap:.857rem}.edit-break-page__datetime-container>div{display:flex;justify-content:center}}.edit-break-page__time-separator{display:flex;align-items:center;justify-content:center;padding:.571rem;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:50%;width:48px;height:48px;box-shadow:0 4px 12px #8860d040;transition:all .3s ease}.edit-break-page__time-separator:hover{transform:scale(1.1);box-shadow:0 6px 20px #8860d059}@media (max-width: 768px){.edit-break-page__time-separator{transform:rotate(90deg);margin:.571rem 0}}.edit-break-page__next-day-toggle{margin-top:.857rem}.edit-break-page__next-day-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d040}.edit-break-page__next-day-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d059}.edit-break-page__next-day-btn span{font-size:1.143rem}.edit-break-page__next-day-badge{margin-top:.857rem;display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.857rem 1.143rem;background:linear-gradient(135deg,#e8d5ff,#d0b1ff);color:#8860d0;border-radius:8px;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #8860d026}.edit-break-page__next-day-badge .edit-break-page__remove-next-day{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#8860d0;color:#fff;border:none;border-radius:50%;font-size:1.286rem;font-weight:700;cursor:pointer;transition:all .2s ease}.edit-break-page__next-day-badge .edit-break-page__remove-next-day:hover{background:#7350b8;transform:scale(1.1)}.edit-break-page__selected-time{font-size:2.286rem;font-weight:700;color:#8860d0;background:linear-gradient(135deg,#f3effc,#f3effc);padding:1.429rem 2.286rem;border-radius:12px;text-align:center;min-width:200px;box-shadow:0 4px 12px #8860d026;border:2px solid #8860d0;letter-spacing:2px;transition:all .3s ease;animation:pulseGlow 2s ease-in-out infinite}.edit-break-page__selected-time:hover{transform:scale(1.05);box-shadow:0 6px 20px #8860d040}.edit-break-page__input{font-size:1.143rem;transition:all .3s ease}.edit-break-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.edit-break-page__error{display:block;margin-top:.571rem;color:#cd5353;font-size:1rem;font-weight:500;animation:slideDown .3s ease-out}.edit-break-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.edit-break-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.edit-break-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.edit-break-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.edit-break-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.edit-break-page .timeInputField .main-container{height:4rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;transition:all .3s ease}.edit-break-page .timeInputField .main-container:hover{border-color:#8860d0;background:#fff}.edit-break-page .timeInputField .main-container:focus-within{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.edit-break-page .timeInputField .main-container .react-time-picker__wrapper .react-time-picker__inputGroup{font-size:1.143rem}.edit-break-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.edit-break-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.edit-break-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.edit-break-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.edit-break-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.edit-break-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.edit-break-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.edit-break-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.edit-break-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.edit-break-page .selectfield .react-select__indicator{color:#8860d0}.edit-break-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.edit-break-page__actions{flex-direction:column}}.edit-break-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.edit-break-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.edit-break-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.edit-break-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.edit-break-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.edit-break-page__submit-btn{flex:1}}.edit-break-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both}.edit-break-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;border-left:4px solid #8860d0;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.edit-break-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.edit-break-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.edit-break-page__info-icon{font-size:1.429rem;flex-shrink:0}.edit-break-page :global .MuiClock-root{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;margin:1.143rem 0}.edit-break-page :global .MuiClock-clock{background:linear-gradient(135deg,#fff,#f5f7fa);border:3px solid #8860d0;box-shadow:inset 0 2px 8px #0000000d}.edit-break-page :global .MuiClock-pin{background-color:#8860d0;width:8px;height:8px;box-shadow:0 0 8px #8860d080}.edit-break-page :global .MuiClockPointer-root{background-color:#8860d0;width:3px}.edit-break-page :global .MuiClockPointer-thumb{background-color:#8860d0;border:3px solid white;width:18px;height:18px;box-shadow:0 2px 8px #8860d066}.edit-break-page :global .MuiClockNumber-root{color:#313131;font-family:QuickSand;font-weight:600;font-size:1.143rem;transition:all .2s ease}.edit-break-page :global .MuiClockNumber-root:hover{background-color:#f3effc;transform:scale(1.1)}.edit-break-page :global .MuiClockNumber-root.Mui-selected{background-color:#8860d0;color:#fff;font-weight:700;transform:scale(1.15);box-shadow:0 2px 8px #8860d066}.edit-break-page :global .MuiPickersLayout-root{background:#fff;border-radius:16px;box-shadow:0 8px 32px #8860d026;overflow:hidden;border:2px solid #f3effc}.edit-break-page :global .MuiPickersLayout-contentWrapper{background:linear-gradient(135deg,#f5f7fa,#fff);padding:1.143rem}.edit-break-page :global .MuiDialogActions-root{padding:1.143rem;gap:.857rem}.edit-break-page :global .MuiDialogActions-root .MuiButton-root{border-radius:8px;font-family:QuickSand;font-weight:600;text-transform:none;padding:.571rem 1.429rem;transition:all .3s ease}.edit-break-page :global .MuiDialogActions-root .MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d033}.edit-break-page :global .MuiTimeClock-root{margin:1.143rem}.edit-break-page :global .MuiMultiSectionDigitalClock-root .MuiMenuItem-root{font-family:QuickSand;border-radius:4px;margin:.286rem .571rem;transition:all .2s ease}.edit-break-page :global .MuiMultiSectionDigitalClock-root .MuiMenuItem-root:hover{background-color:#f3effc}.edit-break-page :global .MuiMultiSectionDigitalClock-root .MuiMenuItem-root.Mui-selected{background-color:#8860d0;color:#fff;font-weight:600}.edit-break-page :global .MuiMultiSectionDigitalClock-root .MuiMenuItem-root.Mui-selected:hover{background-color:#8f67d9}.edit-break-page :global .MuiPickersToolbar-root{background:linear-gradient(135deg,#8860d0,#9c80ce);padding:1.714rem}.edit-break-page :global .MuiPickersToolbar-root .MuiTypography-root{color:#fff;font-family:QuickSand}.edit-break-page :global .MuiPickersArrowSwitcher-button{color:#8860d0}.edit-break-page :global .MuiPickersArrowSwitcher-button:hover{background-color:#f3effc}.edit-break-page :global .MuiDateCalendar-root{width:100%}.edit-break-page :global .MuiDateCalendar-root .MuiPickersDay-root{font-family:QuickSand;font-size:1rem;border-radius:8px;transition:all .2s ease}.edit-break-page :global .MuiDateCalendar-root .MuiPickersDay-root:hover{background-color:#f3effc;transform:scale(1.05)}.edit-break-page :global .MuiDateCalendar-root .MuiPickersDay-root.Mui-selected{background-color:#8860d0;color:#fff;font-weight:600;box-shadow:0 2px 8px #8860d04d}.edit-break-page :global .MuiDateCalendar-root .MuiPickersDay-root.Mui-selected:hover{background-color:#8f67d9}.edit-break-page :global .MuiDateCalendar-root .MuiPickersDay-root.MuiPickersDay-today{border:2px solid #8860d0}.edit-break-page :global .MuiDateCalendar-root .MuiPickersCalendarHeader-root{padding:.571rem .857rem;background:linear-gradient(135deg,#f3effc,#f5f7fa);border-radius:8px;margin-bottom:.571rem}.edit-break-page :global .MuiDateCalendar-root .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-label{font-family:QuickSand;font-weight:600;color:#313131}.edit-break-page :global .MuiDateCalendar-root .MuiDayCalendar-weekContainer{gap:0}.edit-break-page :global .MuiDateCalendar-root .MuiDayCalendar-weekDayLabel{font-family:QuickSand;font-weight:600;color:#313131;font-size:1rem}.edit-break-page :global .MuiDateCalendar-root.Mui-disabled .MuiPickersDay-root{cursor:not-allowed}.edit-break-page :global .MuiDateCalendar-root.Mui-disabled .MuiPickersDay-root.Mui-selected{background-color:#8860d0;opacity:.6}.edit-break-page :global .MuiDateCalendar-root.Mui-disabled .MuiPickersCalendarHeader-root{opacity:.5}@keyframes pulseGlow{0%,to{box-shadow:0 4px 12px #8860d026}50%{box-shadow:0 4px 20px #8860d04d}}.breakAndExHr-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.breakAndExHr-page{padding:.857rem .571rem}}.breakAndExHr-page__container{max-width:1400px;margin:0 auto}.breakAndExHr-page__header{margin-bottom:1.143rem;animation:slideDown .6s ease-out}.breakAndExHr-page__header-content{position:relative}@media (max-width: 768px){.breakAndExHr-page__header{margin-bottom:.857rem}}.breakAndExHr-page__header .breakAndExHr-page__header-actions{position:absolute;right:0;top:0;transition:all .3s ease;display:flex;gap:.857rem}@media all and (max-width: 576px){.breakAndExHr-page__header .breakAndExHr-page__header-actions{position:unset;width:100%}}.breakAndExHr-page__header .breakAndExHr-page__header-actions .btn{border-radius:8px;padding:0 .857rem;font-size:.857rem;height:36px;font-weight:600}@media all and (max-width: 576px){.breakAndExHr-page__header .breakAndExHr-page__header-actions .btn{width:100%;border-radius:8px}}.breakAndExHr-page__header .breakAndExHr-page__header-actions:hover .btn{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.breakAndExHr-page__header-content{display:flex;align-items:center;gap:1.143rem}.breakAndExHr-page__header-content .left{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:1.143rem}@media all and (max-width: 576px){.breakAndExHr-page__header-content{flex-direction:column;align-items:flex-start;gap:.857rem}}.breakAndExHr-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.breakAndExHr-page__header-icon{width:40px;height:40px;min-width:40px;font-size:1.286rem}}@media all and (max-width: 576px){.breakAndExHr-page__header-icon{width:40px;height:40px;min-width:40px;font-size:1.286rem}}.breakAndExHr-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.breakAndExHr-page__title{font-size:1.143rem}}.breakAndExHr-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.breakAndExHr-page__filters{background:#f3effc;border-radius:8px;padding:.857rem;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;z-index:10!important;position:relative!important}.breakAndExHr-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.breakAndExHr-page__filter-header .breakAndExHr-page__filter-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.breakAndExHr-page__filter-header .breakAndExHr-page__filter-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.breakAndExHr-page__filter-header .breakAndExHr-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.breakAndExHr-page__filter-header .breakAndExHr-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.breakAndExHr-page__filter-content{display:grid;grid-template-columns:1fr 1fr 2fr;gap:.857rem;z-index:9999!important;position:relative!important}@media (max-width: 1024px){.breakAndExHr-page__filter-content{grid-template-columns:1fr 1fr}}.breakAndExHr-page__filter-group .filter-label{display:block;font-size:.857rem;font-weight:600;color:#313131;margin-bottom:.571rem}.breakAndExHr-page__filter-group .type-selector{display:flex;gap:.571rem;flex-wrap:wrap}.breakAndExHr-page__filter-group .type-selector .type-option{padding:.286rem .857rem;border:2px solid rgba(136,96,208,.2);border-radius:8px;background:#fff;color:#313131;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .3s ease}.breakAndExHr-page__filter-group .type-selector .type-option:hover{border-color:#8860d0;transform:translateY(-1px);box-shadow:0 2px 8px #8860d033}.breakAndExHr-page__filter-group .type-selector .type-option.active{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border-color:transparent;box-shadow:0 2px 8px #8860d040}.breakAndExHr-page__filter-group .date-range-group{display:flex;flex-direction:row;gap:.857rem}.breakAndExHr-page__filter-item,.breakAndExHr-page__filter-item div{height:100%}.breakAndExHr-page__filter-item .breakAndExHr-page__date-picker .MuiInputBase-root{height:36px;border-radius:8px;background:#fff;font-size:.857rem}.breakAndExHr-page__filter-item .breakAndExHr-page__date-picker .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.breakAndExHr-page__filter-item .breakAndExHr-page__date-picker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.breakAndExHr-page__filter-item .breakAndExHr-page__date-picker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.breakAndExHr-page__filter-item .breakAndExHr-page__date-picker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.breakAndExHr-page__filter-item .breakAndExHr-page__date-picker .MuiInputLabel-root.Mui-focused{color:#8860d0}.breakAndExHr-page__filter-item .breakAndExHr-page__date-picker .MuiIconButton-root{color:#8860d0;margin-right:5px}.breakAndExHr-page__filter-item .breakAndExHr-page__date-picker .MuiIconButton-root:hover{background:#f3effc}.breakAndExHr-page__mui-datepicker{width:100%}.breakAndExHr-page__mui-datepicker .MuiFormLabel-root:not(.MuiInputLabel-shrink){top:50%;transform:translateY(-50%);left:14px}.breakAndExHr-page__mui-datepicker .MuiInputBase-root{height:36px;border-radius:8px;background:#fff;font-size:.857rem}.breakAndExHr-page__mui-datepicker .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.breakAndExHr-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.breakAndExHr-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.breakAndExHr-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.breakAndExHr-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.breakAndExHr-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.breakAndExHr-page__table-container{border-radius:8px;overflow:hidden;min-height:300px}@media all and (max-width: 576px){.breakAndExHr-page__table-container{padding:0;background:#f3effc;overflow:auto}}.breakAndExHr-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.breakAndExHr-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.breakAndExHr-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.breakAndExHr-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.breakAndExHr-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.breakAndExHr-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.breakAndExHr-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.breakAndExHr-page__employee-cell{padding:.571rem}@media all and (max-width: 576px){.breakAndExHr-page__employee-cell{padding:0}}.breakAndExHr-page__employee-cell .employee-info-card{background:linear-gradient(135deg,#8860d008,#9c80ce08);border:1px solid rgba(136,96,208,.1);border-radius:8px;padding:.571rem;transition:all .3s ease}@media all and (max-width: 576px){.breakAndExHr-page__employee-cell .employee-info-card{min-width:200px}}.breakAndExHr-page__employee-cell .employee-info-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #8860d01a}.breakAndExHr-page__employee-cell .employee-info-card .employee-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.571rem}@media (max-width: 768px){.breakAndExHr-page__employee-cell .employee-info-card .employee-header{flex-direction:column;align-items:flex-start;gap:.571rem}}.breakAndExHr-page__employee-cell .employee-info-card .employee-header .employee-name{font-size:.857rem;font-weight:600;color:#313131;margin:0}.breakAndExHr-page__employee-cell .employee-info-card .employee-header .type-badge{display:inline-flex;align-items:center;gap:.286rem;padding:.143rem .571rem;border-radius:8px;font-size:.714rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.breakAndExHr-page__employee-cell .employee-info-card .employee-header .type-badge .type-icon{font-size:1rem}.breakAndExHr-page__employee-cell .employee-info-card .employee-header .type-badge .type-text{font-size:.714rem}.breakAndExHr-page__employee-cell .employee-info-card .employee-header .type-badge.break-badge{background:linear-gradient(135deg,#3b82f626,#60a5fa26);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.breakAndExHr-page__employee-cell .employee-info-card .employee-header .type-badge.break-badge:hover{background:linear-gradient(135deg,#3b82f640,#60a5fa40);transform:scale(1.02)}.breakAndExHr-page__employee-cell .employee-info-card .employee-header .type-badge.extra-hrs-badge{background:linear-gradient(135deg,#f59e0b26,#fbbf2426);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.breakAndExHr-page__employee-cell .employee-info-card .employee-header .type-badge.extra-hrs-badge:hover{background:linear-gradient(135deg,#f59e0b40,#fbbf2440);transform:scale(1.02)}.breakAndExHr-page__employee-cell .employee-info-card .remarks{text-align:left;padding:.286rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:8px;border:1px solid rgba(136,96,208,.1);margin-block:.286rem}.breakAndExHr-page__employee-cell .employee-info-card .remarks .title{font-size:.714rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.breakAndExHr-page__employee-cell .employee-info-card .remarks .value{font-size:.857rem;color:#313131;text-align:left;margin-top:.143rem}.breakAndExHr-page__employee-cell .employee-info-card .employee-date{font-size:.857rem;color:#8c9196;text-align:right}.breakAndExHr-page__duration-cell{padding:.571rem}.breakAndExHr-page__duration-cell .duration-card{display:flex;align-items:center;gap:.571rem;padding:.571rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:8px;border-left:2px solid #8860d0;transition:all .3s ease}.breakAndExHr-page__duration-cell .duration-card:hover{background:linear-gradient(135deg,#8860d014,#9c80ce14);transform:translate(2px)}.breakAndExHr-page__duration-cell .duration-card .duration-icon{font-size:1.143rem}.breakAndExHr-page__duration-cell .duration-card .duration-content{display:flex;flex-direction:column;align-items:flex-start;gap:.143rem}.breakAndExHr-page__duration-cell .duration-card .duration-content .duration-label{font-size:.714rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.breakAndExHr-page__duration-cell .duration-card .duration-content .duration-value{font-size:.857rem;color:#313131;font-weight:700}.breakAndExHr-page__status-cell,.breakAndExHr-page__actions-cell{display:flex;justify-content:center;align-items:center;padding:.571rem}.breakAndExHr-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;font-size:1.143rem;transition:all .3s ease}.breakAndExHr-page__actions-cell .action-btn.edit-btn{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 2px 8px #8860d040}.breakAndExHr-page__actions-cell .action-btn.edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.breakAndExHr-page .MuiPickersPopper-root{z-index:9999!important}.breakAndExHr-page .MuiPickersDay-root{border-radius:8px;transition:all .2s ease}.breakAndExHr-page .MuiPickersDay-root:hover{background:#f3effc}.breakAndExHr-page .MuiPickersDay-root.Mui-selected{background:#8860d0!important}.breakAndExHr-page .MuiPickersDay-root.Mui-selected:hover{background:#794cca!important}.breakAndExHr-page .MuiPickersCalendarHeader-label{color:#8860d0;font-weight:600}.breakAndExHr-page .MuiPickersArrowSwitcher-button{color:#8860d0}.breakAndExHr-page .MuiPickersArrowSwitcher-button:hover{background:#f3effc}.breakAndExHr-page-pagination{display:flex;justify-content:center;margin-top:.857rem;padding:.571rem}.breakAndExHr-container{width:100%}.eventsCard-container .eventsContainer{padding:.857rem 1.143rem;border-radius:8px}.eventsCard-container .eventsContainer-titleContainer{display:flex;align-items:center;justify-content:space-between}.eventsCard-container .eventsContainer-titleContainer-title{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:500;color:#8860d0}.eventsCard-container .eventsContainer-titleContainer-title>span{display:flex;color:#8860d0}.eventsCard-container .eventsContainer-titleContainer-seemore{border:1px solid #8860d0;color:#444;padding:.286rem .571rem;border-radius:1.429rem;font-size:.714rem;cursor:pointer;font-weight:600;text-wrap:nowrap}.eventsCard-container .eventsContainer-titleContainer-seemore:hover{background-color:#8860d01a;transition:all .2s ease-in-out;color:#8860d0}.eventsCard-container .eventsContainer-events{margin-top:1.143rem;display:flex;flex-direction:column;gap:.857rem}.eventsCard-container .eventsContainer-events-item{padding:.857rem;background-color:#f7f6f9;border-radius:.286rem;display:flex;flex-direction:column;gap:.571rem}.eventsCard-container .eventsContainer-events-item.empty{text-align:center;font-size:1.143rem;font-weight:500;min-height:100px;align-items:center;justify-content:center}.eventsCard-container .eventsContainer-events-item-header{display:flex;align-items:center;justify-content:space-between}.eventsCard-container .eventsContainer-events-item-header>span:first-child{font-size:1.143rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.eventsCard-container .eventsContainer-events-item-footer{display:flex;align-items:center;justify-content:space-between}.eventsCard-container .eventsContainer-events-item-footer>span:first-child{font-size:11px;text-transform:capitalize;padding:.286rem 1.143rem;background-color:#cd53531a;border-radius:1.429rem;font-weight:600;color:#cd5353}.eventsCard-container .eventsContainer-events-item-footer>span:nth-child(2){font-size:.857rem;text-transform:capitalize;border-radius:1.429rem;color:#8860d0;display:flex;align-items:center;gap:.571rem;font-weight:500}.notices-card{height:100%;animation:fadeInUp .6s ease-out .3s both}.notices-card__container{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000f,0 1px 3px #0000000a;height:100%;display:flex;flex-direction:column;overflow:hidden}.notices-card__header{display:flex;align-items:center;justify-content:space-between;padding:1.429rem 1.714rem;border-bottom:1px solid #e6e6e7;background:linear-gradient(135deg,#8860d00a,#9c80ce05)}.notices-card__header-title{display:flex;align-items:center;gap:.857rem;margin:0;font-size:1.286rem;font-weight:700;color:#313131}.notices-card__header-title .header-icon{font-size:1.429rem;color:#8860d0;flex-shrink:0}.notices-card__see-more{display:flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;background:transparent;border:none;color:#8860d0;font-size:1rem;font-weight:600;cursor:pointer;border-radius:8px;transition:background .25s ease,transform .25s ease}.notices-card__see-more:hover{background:#f3effc;transform:translate(4px)}.notices-card__see-more:hover svg{transform:translate(2px)}.notices-card__see-more:focus-visible{outline:2px solid #8860d0;outline-offset:2px}.notices-card__see-more svg{transition:transform .25s ease}.notices-card__content{flex:1;padding:1.143rem;overflow-y:auto;max-height:816px;display:flex;flex-direction:column;gap:.857rem}.notices-card__content::-webkit-scrollbar{width:6px}.notices-card__content::-webkit-scrollbar-track{background:#2c6ecb11;border-radius:8px}.notices-card__content::-webkit-scrollbar-thumb{background:#8860d0;border-radius:8px}.notices-card__content::-webkit-scrollbar-thumb:hover{background:#6b3ac3}.notices-card__content.loading,.notices-card__content.empty{align-items:center;justify-content:center}.notices-card__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.429rem 0;gap:.857rem}.notices-card__loading .loading-spinner{width:40px;height:40px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.notices-card__loading p{font-size:1rem;color:#8c9196}.notices-card__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.857rem 1.429rem;gap:1.143rem;text-align:center}.notices-card__empty .empty-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8860d014,#9c80ce0f);border-radius:50%;color:#8860d0;font-size:32px;opacity:.7}.notices-card__empty .empty-icon svg{width:1em;height:1em}.notices-card__empty p{font-size:1rem;color:#3e1e79;margin:0;max-width:240px}.notices-card__empty .empty-action{margin-top:.571rem;padding:.857rem 1.429rem;background:#8860d0;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #8860d040}.notices-card__empty .empty-action:hover{background:#7041c7;transform:translateY(-2px);box-shadow:0 6px 16px #8860d059}.notices-card__empty .empty-action:focus-visible{outline:2px solid #8860d0;outline-offset:2px}.notices-card .notice-item{position:relative;padding:1.429rem;background:linear-gradient(135deg,#8860d005,#9c80ce05);border-radius:12px;border-left:4px solid var(--notice-accent, #8860d0);box-shadow:0 1px 4px #0000000a;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.notices-card .notice-item:hover{transform:translate(4px);box-shadow:0 8px 24px #00000014;background:#fff}.notices-card .notice-item:hover .notice-item__read-more{opacity:1;transform:translate(0)}.notices-card .notice-item:focus-visible{outline:2px solid #8860d0;outline-offset:2px}.notices-card .notice-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.857rem;gap:.857rem}.notices-card .notice-item__type{display:inline-flex;align-items:center;gap:.571rem;padding:.286rem .857rem;border-radius:50px;font-size:.857rem;font-weight:600;letter-spacing:.3px}.notices-card .notice-item__type .type-icon{font-size:1rem;flex-shrink:0}.notices-card .notice-item__time{display:inline-flex;align-items:center;gap:.286rem;font-size:.714rem;color:#8c9196;flex-shrink:0}.notices-card .notice-item__time svg{font-size:.857rem}.notices-card .notice-item__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0 0 .857rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notices-card .notice-item__description{font-size:1rem;color:#3e1e79;line-height:1.55;margin:0 0 1.143rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.notices-card .notice-item__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.857rem;border-top:1px solid #e6e6e7;gap:.857rem}.notices-card .notice-item__read-more{display:flex;align-items:center;color:#8860d0;font-size:1.143rem;opacity:0;transform:translate(-4px);transition:opacity .25s ease,transform .25s ease}.notices-card .notice-item .footer-date{display:flex;align-items:center;gap:.571rem;font-size:.857rem}.notices-card .notice-item .footer-date .date-label{color:#8c9196;font-weight:500}.notices-card .notice-item .footer-date .date-value{color:#313131;font-weight:600}.upcomingBirthdays-container{padding:.857rem 1.143rem;border-radius:8px}.upcomingBirthdays-container .upcomingBirthdays{display:flex;flex-direction:column;gap:1.143rem}.upcomingBirthdays-container .upcomingBirthdays-empty{padding:.857rem .571rem;background-color:#8860d033;border-radius:.286rem;font-size:.857rem}.upcomingBirthdays-container .upcomingBirthdays-title{display:flex;align-items:center;gap:.857rem;font-size:1.143rem;font-weight:500;color:#8860d0}.upcomingBirthdays-container .upcomingBirthdays-employees{display:flex;flex-direction:column;gap:.857rem;width:100%}.upcomingBirthdays-container .upcomingBirthdays-employees-item{padding:.857rem;background-color:#f7f6f9;border-radius:.286rem;display:flex;gap:.571rem;position:relative;overflow:hidden;transition:all .3s ease}.upcomingBirthdays-container .upcomingBirthdays-employees-item.birthday-today{background:linear-gradient(135deg,#f4edff,#e2d6fc,#f4edff);border:2px solid #a485ff;box-shadow:0 4px 20px #7c47e940;animation:birthday-glow 2s ease-in-out infinite}.upcomingBirthdays-container .upcomingBirthdays-employees-item.birthday-today .upcomingBirthdays-employees-item-imgcontainer img{border:3px solid #7c47e9;box-shadow:0 0 20px #7c47e92b;animation:birthday-pulse 1.5s ease-in-out infinite}.upcomingBirthdays-container .upcomingBirthdays-employees-item-imgcontainer{height:50px;aspect-ratio:1;position:relative}.upcomingBirthdays-container .upcomingBirthdays-employees-item-imgcontainer>img{border-radius:50%;height:100%;width:100%;border:1px solid rgba(136,96,208,.3);transition:all .3s ease;object-fit:cover}.upcomingBirthdays-container .upcomingBirthdays-employees-item-imgcontainer .birthday-badge{position:absolute;bottom:-5px;right:-5px;background:linear-gradient(135deg,#a485ff,#7c47e9);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 10px #a485ff66;animation:birthday-bounce 1s ease-in-out infinite;border:2px solid white;color:#fff}.upcomingBirthdays-container .upcomingBirthdays-employees-item .birthday-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.upcomingBirthdays-container .upcomingBirthdays-employees-item .birthday-confetti .confetti-piece{position:absolute;font-size:20px;animation:confetti-fall 3s ease-in-out infinite;opacity:.85;color:#a485ff}.upcomingBirthdays-container .upcomingBirthdays-employees-item .birthday-confetti .confetti-piece:nth-child(2){color:#7c47e9}.upcomingBirthdays-container .upcomingBirthdays-employees-item .birthday-confetti .confetti-piece:nth-child(3){color:#e2d6fc}.upcomingBirthdays-container .upcomingBirthdays-employees-item .birthday-confetti .confetti-piece:nth-child(4){color:#c3affc}.upcomingBirthdays-container .upcomingBirthdays-employees-item .birthday-confetti .confetti-piece:nth-child(1){left:10%;animation-delay:0s}.upcomingBirthdays-container .upcomingBirthdays-employees-item .birthday-confetti .confetti-piece:nth-child(2){left:30%;animation-delay:.5s}.upcomingBirthdays-container .upcomingBirthdays-employees-item .birthday-confetti .confetti-piece:nth-child(3){left:60%;animation-delay:1s}.upcomingBirthdays-container .upcomingBirthdays-employees-item .birthday-confetti .confetti-piece:nth-child(4){left:85%;animation-delay:1.5s}.upcomingBirthdays-container .upcomingBirthdays-employees-item-rightContainer{display:flex;align-items:center;justify-content:space-between;width:100%}.upcomingBirthdays-container .upcomingBirthdays-employees-item-rightContainer-nameContainer{display:flex;flex-direction:column;gap:.286rem}.upcomingBirthdays-container .upcomingBirthdays-employees-item-rightContainer-nameContainer>span:first-child{font-size:1.143rem;font-weight:600}.upcomingBirthdays-container .upcomingBirthdays-employees-item-rightContainer-nameContainer>span:nth-child(2){font-size:.857rem;font-weight:500;color:#929292;text-transform:capitalize;text-spacing-trim:trim-start}.upcomingBirthdays-container .upcomingBirthdays-employees-item-rightContainer-wrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between;align-items:flex-end}.upcomingBirthdays-container .upcomingBirthdays-employees-item-rightContainer-wrapper>span:first-child{font-size:.857rem;text-transform:capitalize;border-radius:1.429rem;color:#8860d0;display:flex;align-items:center;gap:.571rem;font-weight:500}.upcomingBirthdays-container .upcomingBirthdays-employees-item-rightContainer-wrapper .birthday-today-text{background:linear-gradient(135deg,#a485ff,#7c47e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1rem;animation:birthday-text-pulse 1.5s ease-in-out infinite;text-transform:none}.upcomingBirthdays-container .upcomingBirthdays-employees-item-rightContainer-view{font-size:.714rem;padding:.286rem 8px;background-color:#8860d04d;color:#8860d0;border-radius:1.143rem;font-weight:500;width:max-content}.upcomingBirthdays-container .upcomingBirthdays-employees-item-rightContainer-view:hover{background-color:#8860d066;transition:all .2s ease-in-out;cursor:pointer}@keyframes birthday-glow{0%,to{box-shadow:0 4px 20px #9c80ce4d}50%{box-shadow:0 6px 30px #9c80ce99}}@keyframes birthday-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes birthday-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes confetti-fall{0%{top:-20px;transform:rotate(0);opacity:1}to{top:100%;transform:rotate(360deg);opacity:0}}@keyframes birthday-text-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.upcomingeventsContainer{padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px}.upcomingeventsContainer-titleContainer{display:flex;align-items:center;justify-content:space-between}.upcomingeventsContainer-titleContainer-title{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:500;color:#8860d0}.upcomingeventsContainer-titleContainer-title>span{display:flex;color:#8860d0}.upcomingeventsContainer-titleContainer-seemore{border:1px solid #8860d0;color:#444;padding:.286rem .571rem;border-radius:1.429rem;font-size:.714rem;cursor:pointer;font-weight:600}.upcomingeventsContainer-titleContainer-seemore:hover{background-color:#8860d01a;transition:all .2s ease-in-out;color:#8860d0}.upcomingeventsContainer-tabs{display:flex;flex-direction:row;align-items:center;gap:1.3rem;border-radius:6px 6px 0 0}.upcomingeventsContainer-tabs>span{border-radius:5px;padding:.7rem;width:max-content;text-align:center;font-size:.9rem;cursor:pointer}.upcomingeventsContainer-tabs-not-selected:hover{background:#a1a1a1}.upcomingeventsContainer-tabs-selected{background-color:#8860d0;color:#f7f6f9}.reporting-tab-container{min-height:100vh;width:100%}.reporting-tab-container:has(.view-report-page,.employee-tenure-report-page,.overtime-report-page,.absenteeism-report-page,.wfh-report-page,.leave-and-absence-page) .reporting-tab-search-event{padding:0 1.143rem}@media all and (max-width: 576px){.reporting-tab-container:has(.view-report-page,.employee-tenure-report-page,.overtime-report-page,.absenteeism-report-page,.wfh-report-page,.leave-and-absence-page){padding:0}}.reporting-tab-search-event{width:max-content}@media all and (max-width: 992px){.reporting-tab-search-event{width:100%;padding:.571rem 1.143rem}}.reporting-tab-search-event{margin-bottom:-20px}.create-notice-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.create-notice-page{padding:1.714rem 1.143rem}}.create-notice-page__container{max-width:1400px;margin:0 auto}.create-notice-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.create-notice-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.create-notice-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.create-notice-page__back-btn:active{transform:translate(-2px)}.create-notice-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.create-notice-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.create-notice-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.create-notice-page__header-icon{display:none}}.create-notice-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.create-notice-page__title{font-size:1.429rem}}.create-notice-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.create-notice-page__main-content{display:grid;grid-template-columns:1.2fr 1fr;gap:1.714rem;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}.create-notice-page__main-content .create-notice-page__form-card .create-notice-page__calendar-section{display:none}@media all and (max-width: 576px){.create-notice-page__main-content .create-notice-page__form-card{max-width:100%}}@media (max-width: 1200px){.create-notice-page__main-content{grid-template-columns:1fr}.create-notice-page__main-content>.create-notice-page__calendar-section{display:none}.create-notice-page__main-content .create-notice-page__form-card .create-notice-page__calendar-section{display:unset}}.create-notice-page__form-card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;position:relative;z-index:1}@media (max-width: 768px){.create-notice-page__form-card{padding:1.714rem}}.create-notice-page__form{display:flex;flex-direction:column;gap:1.714rem}.create-notice-page__input-group{display:flex;flex-direction:column;gap:.857rem}.create-notice-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.create-notice-page__label-icon{color:#8860d0;font-size:1.286rem}.create-notice-page__required{color:#cd5353;margin-left:.286rem}.create-notice-page__optional{color:#8c9196;font-size:.857rem;font-weight:400;margin-left:.571rem}.create-notice-page__readonly-badge{display:inline-flex;align-items:center;padding:.286rem .571rem;margin-left:.571rem;background:linear-gradient(135deg,#8c91961a,#8c91960d);border:1px solid rgba(140,145,150,.2);border-radius:8px;color:#8c9196;font-size:.857rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.create-notice-page__input{font-size:1.143rem;transition:all .3s ease}.create-notice-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.create-notice-page__quill-wrapper{position:relative;max-width:100%;overflow-x:hidden}.create-notice-page__quill-editor .ql-container{min-height:200px;max-height:500px;font-size:1.143rem;border-radius:0 0 8px 8px;border:2px solid #e6e6e7;border-top:none;background:#2c6ecb11;transition:all .3s ease;max-width:100%;overflow-x:hidden;overflow-y:auto}.create-notice-page__quill-editor .ql-container::-webkit-scrollbar{width:8px}.create-notice-page__quill-editor .ql-container::-webkit-scrollbar-track{background:#8860d00d;border-radius:8px;margin:.571rem}.create-notice-page__quill-editor .ql-container::-webkit-scrollbar-thumb{background:#8860d0;border-radius:8px}.create-notice-page__quill-editor .ql-container::-webkit-scrollbar-thumb:hover{background:#6b3ac3}.create-notice-page__quill-editor .ql-toolbar{border:2px solid #e6e6e7;border-radius:8px 8px 0 0;background:#fff;transition:all .3s ease}.create-notice-page__quill-editor .ql-toolbar .ql-stroke{stroke:#8860d0}.create-notice-page__quill-editor .ql-toolbar .ql-fill{fill:#8860d0}.create-notice-page__quill-editor .ql-toolbar .ql-picker-label{color:#313131}.create-notice-page__quill-editor .ql-toolbar button:hover{color:#8860d0;background:#f3effc;border-radius:8px}.create-notice-page__quill-editor .ql-toolbar button:hover .ql-stroke{stroke:#8860d0}.create-notice-page__quill-editor .ql-toolbar button:hover .ql-fill{fill:#8860d0}.create-notice-page__quill-editor .ql-toolbar button.ql-active{color:#fff;background:#8860d0;border-radius:8px}.create-notice-page__quill-editor .ql-toolbar button.ql-active .ql-stroke{stroke:#fff}.create-notice-page__quill-editor .ql-toolbar button.ql-active .ql-fill{fill:#fff}.create-notice-page__quill-editor .ql-editor{font-family:inherit;color:#313131;min-height:200px;padding:1.143rem;word-break:break-word;overflow-wrap:break-word;max-width:100%}.create-notice-page__quill-editor .ql-editor.ql-blank:before{color:#8c9196;font-style:normal;font-weight:400}.create-notice-page__quill-editor .ql-editor p,.create-notice-page__quill-editor .ql-editor ol,.create-notice-page__quill-editor .ql-editor ul{font-size:1.143rem;line-height:1.6;word-break:break-word;overflow-wrap:break-word}.create-notice-page__quill-editor .ql-editor h1{font-size:1.714rem;font-weight:700;color:#313131;word-break:break-word;overflow-wrap:break-word}.create-notice-page__quill-editor .ql-editor h2{font-size:1.429rem;font-weight:700;color:#313131;word-break:break-word;overflow-wrap:break-word}.create-notice-page__quill-editor .ql-editor h3{font-size:1.286rem;font-weight:600;color:#313131;word-break:break-word;overflow-wrap:break-word}.create-notice-page__quill-editor .ql-editor a{color:#8860d0;text-decoration:underline;word-break:break-word;overflow-wrap:break-word}.create-notice-page__quill-editor .ql-editor a:hover{color:#6b3ac3}.create-notice-page__quill-editor:hover .ql-container,.create-notice-page__quill-editor:hover .ql-toolbar{border-color:#8860d0}.create-notice-page__quill-editor:hover .ql-container{background:#fff}.create-notice-page__quill-editor.focused .ql-container,.create-notice-page__quill-editor.focused .ql-toolbar{border-color:#8860d0}.create-notice-page__quill-editor.focused .ql-container{background:#fff;box-shadow:0 0 0 4px #8860d014}.create-notice-page__quill-editor.focused .ql-toolbar{box-shadow:0 0 0 4px #8860d014}.create-notice-page__quill-editor .ql-picker-options{background:#fff;border:1px solid #e6e6e7;border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:.571rem}.create-notice-page__quill-editor .ql-picker-options .ql-picker-item{color:#313131;padding:.571rem;border-radius:8px;transition:all .2s ease}.create-notice-page__quill-editor .ql-picker-options .ql-picker-item:hover{background:#f3effc;color:#8860d0}.create-notice-page__quill-editor .ql-color-picker .ql-picker-options,.create-notice-page__quill-editor .ql-background-picker .ql-picker-options{padding:.857rem}.create-notice-page__error-message{display:flex;align-items:center;gap:.571rem;color:#cd5353;font-size:.857rem;font-weight:500;padding:.571rem .857rem;background:#cd53530d;border-radius:8px;border-left:3px solid #cd5353;animation:shake .4s ease-in-out}.create-notice-page__error-message svg{flex-shrink:0;font-size:1rem}.create-notice-page__error-message.calendar-error{margin-top:.571rem}.create-notice-page__attachment-wrapper{position:relative}.create-notice-page__attachment-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem;border:2px dashed #e6e6e7;border-radius:12px;background:#2c6ecb11;cursor:pointer;transition:all .3s ease}.create-notice-page__attachment-upload:hover{border-color:#8860d0;background:#8860d005;transform:translateY(-2px)}.create-notice-page__attachment-upload .upload-icon{font-size:2.286rem;color:#8860d0;margin-bottom:.857rem}.create-notice-page__attachment-upload .upload-text{font-size:1.143rem;font-weight:500;color:#313131;margin-bottom:.571rem}.create-notice-page__attachment-upload .upload-subtext{font-size:.857rem;color:#8c9196}.create-notice-page__file-input{display:none}.create-notice-page__attachment-preview{display:flex;flex-direction:column;gap:.857rem;padding:1.143rem;border:2px solid #e6e6e7;border-radius:12px;background:#2c6ecb11}.create-notice-page__attachment-preview .attachment-image{width:100%;max-height:200px;object-fit:contain;border-radius:8px;border:1px solid #e6e6e7}.create-notice-page__attachment-preview .attachment-info{display:flex;align-items:center;justify-content:space-between;gap:.857rem;padding:.857rem;background:#fff;border-radius:8px}.create-notice-page__attachment-preview .attachment-name{font-size:1rem;font-weight:500;color:#313131;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-notice-page__attachment-preview .attachment-badge{padding:.286rem .857rem;border-radius:8px;font-size:.857rem;font-weight:600;white-space:nowrap}.create-notice-page__attachment-preview .attachment-badge.new{background:linear-gradient(135deg,#8860d026,#9c80ce26);color:#8860d0}.create-notice-page__attachment-preview .attachment-file{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;font-size:1.143rem;color:#313131}.create-notice-page__attachment-preview .attachment-file svg{font-size:1.429rem;color:#8860d0}.create-notice-page__attachment-preview .attachment-remove{align-self:flex-end;padding:.571rem 1.143rem;background:#cd5353;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.create-notice-page__attachment-preview .attachment-remove:hover{background:#b83535;transform:translateY(-2px);box-shadow:0 4px 12px #cd53534d}.create-notice-page__attachment-preview .attachment-remove:active{transform:translateY(0)}.create-notice-page__attachment-preview .attachment-replace-btn{display:flex;align-items:center;justify-content:center;gap:.571rem;align-self:flex-end;padding:.857rem 1.429rem;background:#8860d0;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.create-notice-page__attachment-preview .attachment-replace-btn svg{font-size:1.143rem}.create-notice-page__attachment-preview .attachment-replace-btn:hover{background:#6b3ac3;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.create-notice-page__attachment-preview .attachment-replace-btn:active{transform:translateY(0)}.create-notice-page__calendar-section{display:flex;flex-direction:column;gap:1.714rem}.create-notice-page__calendar-card{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;position:relative;z-index:1}@media all and (max-width: 576px){.create-notice-page__calendar-card{padding:0;background:unset;box-shadow:unset}}.create-notice-page__calendar-header{display:flex;align-items:center;gap:.857rem;margin-bottom:1.143rem;padding-bottom:1.143rem;border-bottom:2px solid #e6e6e7}.create-notice-page__calendar-header h3{margin:0;font-size:1.286rem;font-weight:700;color:#313131}.create-notice-page__calendar-header-icon{font-size:1.429rem;color:#8860d0}.create-notice-page__calendar-wrapper{flex:1;display:flex;flex-direction:column;overflow:visible;position:relative;z-index:1}.create-notice-page__selected-date{margin-top:1.143rem;padding:1.143rem;background:linear-gradient(135deg,#8860d01a,#9c80ce1a);border-radius:8px;display:flex;flex-direction:column;gap:.571rem;border-left:4px solid #8860d0}.create-notice-page__selected-date-label{font-size:.857rem;font-weight:600;color:#8c9196;text-transform:uppercase;letter-spacing:.5px}.create-notice-page__selected-date-value{font-size:1.143rem;font-weight:700;color:#8860d0}.create-notice-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.create-notice-page__actions{flex-direction:column}}.create-notice-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.create-notice-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.create-notice-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.create-notice-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.create-notice-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.create-notice-page__submit-btn{flex:1}}.create-notice-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both;position:relative;z-index:0}.create-notice-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;z-index:0}.create-notice-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.create-notice-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.create-notice-page__info-icon{font-size:1.429rem;flex-shrink:0}.create-notice-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.create-notice-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.create-notice-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.create-notice-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.create-notice-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.create-notice-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.create-notice-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.create-notice-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.create-notice-page .selectfield .react-select__control--is-disabled{background:#8c91960d!important;border-color:#e6e6e780!important;cursor:not-allowed!important;opacity:.7}.create-notice-page .selectfield .react-select__control--is-disabled:hover{border-color:#e6e6e780!important;background:#8c91960d!important}.create-notice-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.create-notice-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.create-notice-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.create-notice-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.create-notice-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.create-notice-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.create-notice-page .selectfield .react-select__indicator{color:#8860d0}.create-notice-page .notice-type-option{display:flex;align-items:center;gap:.571rem}.create-notice-page .notice-type-option .notice-type-icon{font-size:1.286rem}.create-notice-page .audience-type-option{display:flex;flex-direction:column;gap:.286rem}.create-notice-page .audience-type-option__header{display:flex;align-items:center;gap:.571rem}.create-notice-page .audience-type-option .audience-type-icon{font-size:1.286rem}.create-notice-page .audience-type-option .audience-type-label{font-weight:600;color:#313131}.create-notice-page .audience-type-option .audience-type-description{font-size:.857rem;color:#8c9196;padding-left:2rem;line-height:1.4}.create-notice-page .react-select__option--is-selected .audience-type-option .audience-type-label{color:#fff}.create-notice-page .react-select__option--is-selected .audience-type-icon{color:#fff!important}.create-notice-page__employee-selector{position:relative;animation:fadeIn .3s ease-in-out}.create-notice-page__employee-selector .employee-select-wrapper .selectfield .react-select__control .react-select__value-container .react-select__multi-value{display:none!important}.create-notice-page__employee-selector .employee-select-wrapper .selectfield .react-select__option{background-color:transparent!important}.create-notice-page__employee-selector .employee-select-wrapper .selectfield .react-select__option--is-focused{background-color:#8860d01a!important}.create-notice-page__employee-selector .employee-select-wrapper .selectfield .react-select__option--is-selected{background-color:transparent!important;color:inherit!important}.create-notice-page__employee-selector .employee-select-wrapper .selectfield .react-select__option--is-selected.react-select__option--is-focused{background-color:#8860d01a!important}.create-notice-page__employee-selector .employee-option{display:flex;align-items:center;justify-content:space-between;gap:.571rem;padding:.571rem 0;transition:all .2s ease}.create-notice-page__employee-selector .employee-option--selected .employee-option__name{color:#8860d0;font-weight:600}.create-notice-page__employee-selector .employee-option__name{font-weight:500;color:#313131;font-size:1rem;flex:1}.create-notice-page__employee-selector .employee-option__badge{display:flex;align-items:center;gap:.286rem;padding:.286rem .571rem;background:linear-gradient(135deg,#8860d01a,#9c80ce1a);color:#8860d0;border-radius:8px;font-size:.857rem;font-weight:600;white-space:nowrap}.create-notice-page__employee-selector .employee-option__email{font-size:.857rem;color:#8c9196}.create-notice-page__selected-employees{margin-top:1.143rem;padding:1.429rem;background:linear-gradient(135deg,#8860d008,#9c80ce08);border:2px solid rgba(136,96,208,.15);border-radius:12px;animation:slideIn .3s ease-out}.create-notice-page__selected-employees-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:1px solid rgba(136,96,208,.1)}@media (max-width: 480px){.create-notice-page__selected-employees-header{flex-direction:column;align-items:flex-start;gap:.857rem}}.create-notice-page__selected-employees-header .header-content{display:flex;align-items:center;gap:.571rem}.create-notice-page__selected-employees-header .header-content .header-icon{color:#8860d0;font-size:1.286rem}.create-notice-page__selected-employees-header .header-content .header-title{font-size:1.143rem;font-weight:600;color:#313131}@media (max-width: 480px){.create-notice-page__selected-employees-header .header-content .header-title{font-size:1rem}}.create-notice-page__selected-employees-header .clear-all-btn{padding:.571rem 1.143rem;background:transparent;border:1px solid #cd5353;color:#cd5353;border-radius:8px;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media (max-width: 480px){.create-notice-page__selected-employees-header .clear-all-btn{align-self:stretch;justify-content:center}}.create-notice-page__selected-employees-header .clear-all-btn:hover{background:#cd5353;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #cd53534d}.create-notice-page__selected-employees-header .clear-all-btn:active{transform:translateY(0)}.create-notice-page__selected-employees-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.857rem;max-height:400px;overflow-y:auto;padding:.571rem}@media (max-width: 768px){.create-notice-page__selected-employees-list{grid-template-columns:1fr;max-height:300px}}.create-notice-page__selected-employees-list::-webkit-scrollbar{width:6px}.create-notice-page__selected-employees-list::-webkit-scrollbar-track{background:#8860d00d;border-radius:8px}.create-notice-page__selected-employees-list::-webkit-scrollbar-thumb{background:#8860d0;border-radius:8px}.create-notice-page__selected-employees-list::-webkit-scrollbar-thumb:hover{background:#6b3ac3}.create-notice-page .employee-chip{display:flex;align-items:center;gap:.857rem;padding:.857rem;background:#fff;border:1px solid #e6e6e7;border-radius:8px;transition:all .2s ease;animation:fadeInScale .3s ease-out}.create-notice-page .employee-chip:hover{border-color:#8860d0;box-shadow:0 4px 12px #8860d01a;transform:translateY(-2px)}.create-notice-page .employee-chip__avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #8860d04d}.create-notice-page .employee-chip__info{flex:1;display:flex;flex-direction:column;gap:.286rem;min-width:0}.create-notice-page .employee-chip__name{font-size:1rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-notice-page .employee-chip__email{display:flex;align-items:center;gap:.286rem;font-size:.857rem;color:#8c9196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-notice-page .employee-chip__email svg{font-size:.857rem;flex-shrink:0}.create-notice-page .employee-chip__remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border:none;background:#cd53531a;color:#cd5353;border-radius:50%;cursor:pointer;transition:all .2s ease;font-size:1.143rem}.create-notice-page .employee-chip__remove:hover{background:#cd5353;color:#fff;transform:scale(1.1) rotate(90deg)}.create-notice-page .employee-chip__remove:active{transform:scale(.95) rotate(90deg)}.create-notice-page .MuiPickersCalendarHeader-root,.create-notice-page .MuiDayCalendar-root{position:relative;z-index:1}.create-notice-page .MuiDayCalendar-root .MuiDayCalendar-header{justify-content:center!important}.create-notice-page .MuiPickersPopper-root{z-index:9999!important}.create-notice-page .MuiDateCalendar-root{overflow:visible!important}.create-notice-page .MuiPickersYear-root button{margin:4px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notice-detail-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%;background:#f8f9fa}@media all and (max-width: 768px){.notice-detail-page{padding:1.714rem 1.143rem}}.notice-detail-page .notice-detail-container{max-width:900px;margin:0 auto}.notice-detail-page .back-button{display:inline-flex;align-items:center;gap:.286rem;padding:.571rem 1.143rem;background:#fff;border:2px solid #e6e6e7;border-radius:8px;color:#313131;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.714rem;box-shadow:0 2px 8px #0000000a;aspect-ratio:1/1}.notice-detail-page .back-button:hover{background:#8860d0;border-color:#8860d0;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #8860d04d}.notice-detail-page .notice-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.143rem}.notice-detail-page .notice-detail-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(136,96,208,.2);border-top-color:#8860d0;border-radius:50%;animation:spin 1s linear infinite}.notice-detail-page .notice-detail-loading p{font-size:1.143rem;color:#8c9196;font-weight:500}.notice-detail-page .notice-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.143rem;text-align:center;margin-block:3rem}.notice-detail-page .notice-detail-empty .empty-icon{font-size:64px;margin-bottom:.571rem}.notice-detail-page .notice-detail-empty h3{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.notice-detail-page .notice-detail-empty p{font-size:1.143rem;color:#8c9196;max-width:500px;margin:0 0 1.143rem}.notice-detail-page .notice-article{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;animation:fadeInUp .6s ease-out}@media all and (max-width: 768px){.notice-detail-page .notice-article{padding:1.714rem 1.143rem}}.notice-detail-page .notice-article-header{border-bottom:2px solid #e6e6e7;padding-bottom:1.714rem;margin-bottom:2.286rem}.notice-detail-page .notice-article-header .notice-meta-badges{display:flex;gap:.857rem;margin-bottom:1.714rem;flex-wrap:wrap}.notice-detail-page .notice-article-header .status-badge,.notice-detail-page .notice-article-header .type-badge{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:8px;font-size:1rem;font-weight:600;border:2px solid;transition:all .3s ease}.notice-detail-page .notice-article-header .status-badge .badge-icon,.notice-detail-page .notice-article-header .type-badge .badge-icon{font-size:1.143rem}.notice-detail-page .notice-article-header .notice-article-title{font-size:2.286rem;font-weight:700;color:#313131;margin:0 0 1.714rem;line-height:1.3;background:linear-gradient(135deg,#8860d0,#9c80ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media all and (max-width: 768px){.notice-detail-page .notice-article-header .notice-article-title{font-size:1.714rem}}.notice-detail-page .notice-article-header .notice-article-meta{display:flex;align-items:center;gap:1.143rem;flex-wrap:wrap}.notice-detail-page .notice-article-header .notice-article-meta .meta-item{display:flex;align-items:center;gap:.571rem}.notice-detail-page .notice-article-header .notice-article-meta .meta-item .meta-icon{color:#8860d0;font-size:1.143rem}.notice-detail-page .notice-article-header .notice-article-meta .meta-item .meta-content{display:flex;flex-direction:column;gap:2px}.notice-detail-page .notice-article-header .notice-article-meta .meta-item .meta-content .meta-label{font-size:.857rem;color:#8c9196;font-weight:500}.notice-detail-page .notice-article-header .notice-article-meta .meta-item .meta-content .meta-value{font-size:1rem;color:#313131;font-weight:600}.notice-detail-page .notice-article-header .notice-article-meta .meta-divider{color:#8c9196;font-size:1.286rem}.notice-detail-page .notice-article-content .notice-description{font-size:1.143rem;color:#3e1e79;white-space:pre-wrap;word-wrap:break-word;margin-bottom:2.286rem}.notice-detail-page .notice-article-content .notice-description ul,.notice-detail-page .notice-article-content .notice-description ol{margin:1.143rem 0;padding-left:1.714rem}.notice-detail-page .notice-article-content .notice-description ul li,.notice-detail-page .notice-article-content .notice-description ol li{margin-bottom:.571rem;padding-left:.571rem;line-height:1.8}.notice-detail-page .notice-article-content .notice-description ul li::marker,.notice-detail-page .notice-article-content .notice-description ol li::marker{color:#8860d0;font-weight:700}.notice-detail-page .notice-article-content .notice-description ul ul,.notice-detail-page .notice-article-content .notice-description ol ol,.notice-detail-page .notice-article-content .notice-description ul ol,.notice-detail-page .notice-article-content .notice-description ol ul{margin-top:.571rem;margin-bottom:.571rem}.notice-detail-page .notice-article-content .notice-description p{margin-bottom:1.143rem}.notice-detail-page .notice-article-content .notice-description p:last-child{margin-bottom:0}.notice-detail-page .notice-article-content .notice-description h1,.notice-detail-page .notice-article-content .notice-description h2,.notice-detail-page .notice-article-content .notice-description h3,.notice-detail-page .notice-article-content .notice-description h4,.notice-detail-page .notice-article-content .notice-description h5,.notice-detail-page .notice-article-content .notice-description h6{margin-top:1.714rem;margin-bottom:.857rem;color:#313131;font-weight:700}.notice-detail-page .notice-article-content .notice-description a{color:#8860d0;text-decoration:underline;transition:color .3s ease}.notice-detail-page .notice-article-content .notice-description a:hover{color:#9c80ce}.notice-detail-page .notice-article-content .notice-description code{background:#8860d01a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.notice-detail-page .notice-article-content .notice-description blockquote{border-left:4px solid #8860d0;padding-left:1.143rem;margin:1.143rem 0;font-style:italic;color:#8c9196}.notice-detail-page .notice-article-content .attachment-container{position:relative;display:inline-block;margin:2.286rem 0;text-align:left;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.notice-detail-page .notice-article-content .attachment-container:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.notice-detail-page .notice-article-content .attachment-container:hover img{transform:scale(1.05)}.notice-detail-page .notice-article-content .attachment-container:hover .attachment-overlay{opacity:1}.notice-detail-page .notice-article-content .attachment-container img{width:200px;max-width:100%;height:auto;border-radius:12px;transition:transform .3s ease;display:block;box-shadow:0 4px 16px #0000001a;cursor:pointer}.notice-detail-page .notice-article-content .attachment-container .attachment-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.5) 50%,transparent 100%);padding:.857rem 1.143rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.notice-detail-page .notice-article-content .attachment-container .attachment-overlay .attachment-hint{color:#fff;font-size:.857rem;font-weight:500;text-align:center;display:flex;align-items:center;gap:.286rem}.notice-detail-page .notice-article-content .attachment-container .attachment-overlay .attachment-hint:before{content:"🔍";font-size:16px}.notice-detail-page .notice-article-content .notice-article-footer{display:flex;gap:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7;flex-wrap:wrap}.notice-detail-page .notice-article-content .notice-article-footer .footer-info{display:flex;gap:.571rem;font-size:1rem}.notice-detail-page .notice-article-content .notice-article-footer .footer-info .footer-label{color:#8c9196;font-weight:500}.notice-detail-page .notice-article-content .notice-article-footer .footer-info .footer-value{color:#313131;font-weight:600}.notice-detail-page .notice-article-actions{display:flex;gap:.857rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media all and (max-width: 768px){.notice-detail-page .notice-article-actions{flex-direction:column}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notices-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.notices-page{padding:.857rem .571rem}}.notices-page__container{max-width:1400px;margin:0 auto}.notices-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.notices-page__header{flex-direction:column;align-items:flex-start}}.notices-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.notices-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.notices-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.notices-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.notices-page__title{font-size:1.143rem}}.notices-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.notices-page__create-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.notices-page__create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.notices-page__create-btn{width:100%}}.notices-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:1000}.notices-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.notices-page__filter-header .notices-page__filter-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.notices-page__filter-header .notices-page__filter-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.notices-page__filter-header .notices-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.notices-page__filter-header .notices-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.notices-page__filter-content{display:flex;flex-direction:row;gap:.857rem}@media all and (max-width: 576px){.notices-page__filter-content{flex-direction:column}}.notices-page__search{width:100%}.notices-page__filter-group{display:flex;flex-direction:row;gap:.857rem}.notices-page__filter-item,.notices-page__filter-item div{height:100%}.notices-page__filter-item .notices-page__date-picker .MuiInputBase-root{border-radius:8px;height:100%;background:#fff;font-size:.857rem;width:100%}.notices-page__filter-item .notices-page__date-picker .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.notices-page__filter-item .notices-page__date-picker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.notices-page__filter-item .notices-page__date-picker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.notices-page__filter-item .notices-page__date-picker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.notices-page__filter-item .notices-page__date-picker .MuiInputLabel-root.Mui-focused{color:#8860d0}.notices-page__filter-item .notices-page__date-picker .MuiIconButton-root{color:#8860d0;margin-right:5px}.notices-page__filter-item .notices-page__date-picker .MuiIconButton-root:hover{background:#f3effc}.notices-page__mui-datepicker{width:100%}.notices-page__mui-datepicker .MuiFormLabel-root:not(.MuiInputLabel-shrink){top:50%;transform:translateY(-50%);left:14px}.notices-page__mui-datepicker .MuiInputBase-root{height:100%;border-radius:8px;background:#fff;font-size:.857rem}.notices-page__mui-datepicker .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.notices-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.notices-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.notices-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.notices-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.notices-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.notices-page .view-all-notification-btn{height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem}@media all and (max-width: 576px){.notices-page .view-all-notification-btn{width:100%}}.notices-page__table-actions{display:flex;justify-content:flex-end;margin-bottom:.857rem}@media (max-width: 768px){.notices-page__table-actions{justify-content:stretch}.notices-page__table-actions .view-all-notification-btn{width:100%}}.notices-page__content{overflow:hidden;animation:fadeInUp .6s ease-out .2s both;min-height:300px}@media all and (max-width: 576px){.notices-page__content{padding:0!important;background:#f3effc;box-shadow:none}}.notices-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.notices-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.notices-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.notices-page__title-cell{text-align:center;padding:.571rem 0;cursor:pointer;transition:all .3s ease}.notices-page__title-cell:hover .notice-title{color:#8860d0;transform:translate(2px)}.notices-page__title-cell .notice-title{font-size:.857rem;font-weight:600;color:#313131;margin:0;line-height:1.4;transition:all .3s ease;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.notices-page__date-cell{padding:.571rem 0;display:flex;justify-content:center;align-items:center}.notices-page__date-cell .date-range{display:flex;align-items:center;gap:.286rem;padding:.286rem .571rem;border-radius:8px;width:fit-content;transition:all .3s ease}.notices-page__date-cell .date-range.active{background:#22c55e14}.notices-page__date-cell .date-range.active .date-status{color:#22c55e;font-size:1rem}.notices-page__date-cell .date-range.active .date-value{color:#16a34a}.notices-page__date-cell .date-range.upcoming{background:#3b82f614}.notices-page__date-cell .date-range.upcoming .date-status{color:#3b82f6;font-size:1rem}.notices-page__date-cell .date-range.upcoming .date-value{color:#2563eb}.notices-page__date-cell .date-range.expired{background:#9ca3af14}.notices-page__date-cell .date-range.expired .date-status{color:#9ca3af;font-size:1rem}.notices-page__date-cell .date-range.expired .date-value{color:#6b7280}.notices-page__date-cell .date-range:hover{transform:scale(1.01);box-shadow:0 2px 8px #00000014}.notices-page__date-cell .date-status{font-weight:700;flex-shrink:0}.notices-page__date-cell .date-content{display:flex;align-items:center;gap:.286rem;font-size:.857rem;color:#313131}.notices-page__date-cell .date-value{font-weight:500;white-space:nowrap}.notices-page__date-cell .date-separator{color:#8c9196;font-weight:400;margin:0 .286rem}.notices-page__type-cell{display:flex;justify-content:center;align-items:center}.notices-page__type-cell .type-badge{display:inline-flex;align-items:center;gap:.286rem;padding:.143rem .571rem;border-radius:50px;border:none;font-weight:600;font-size:.714rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014;color:#fff}.notices-page__type-cell .type-badge .type-icon{font-size:1rem;display:flex;align-items:center;color:#fff}.notices-page__type-cell .type-badge .type-label{color:#fff}.notices-page__type-cell .type-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.notices-page__actions-cell{display:flex;gap:.571rem;justify-content:center;align-items:center}.notices-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;font-size:1.143rem;transition:all .3s ease}.notices-page__actions-cell .action-btn.edit-btn{background:#8860d01a;color:#8860d0}.notices-page__actions-cell .action-btn.edit-btn:hover{background:#8860d0;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #8860d040}.notices-page__actions-cell .action-btn.delete-btn{background:#cd53531a;color:#cd5353}.notices-page__actions-cell .action-btn.delete-btn:hover{background:#cd5353;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #cd535340}.notices-page__pagination{margin-top:.857rem;display:flex;justify-content:center}.notices-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.notices-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.notices-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.notices-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.notices-page__empty .empty-action-btn{margin-top:.857rem;height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040}.notices-page__empty .empty-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.notices-page .notice-type-option{display:flex;align-items:center;gap:.571rem}.notices-page .notice-type-option .notice-type-icon{font-size:1.286rem}.notices-page .table-container{border-radius:12px;overflow:auto;border:1px solid #e6e6e7}.notices-page .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.notices-page .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.notices-page .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease;cursor:pointer}.notices-page .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.notices-page .table-container table tbody tr:last-child{border-bottom:none}.notices-page .table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.notices-page .MuiPickersPopper-root{z-index:9999!important}.notices-page .MuiPickersDay-root{border-radius:8px;transition:all .2s ease}.notices-page .MuiPickersDay-root:hover{background:#f3effc}.notices-page .MuiPickersDay-root.Mui-selected{background:#8860d0!important}.notices-page .MuiPickersDay-root.Mui-selected:hover{background:#794cca!important}.notices-page .MuiPickersCalendarHeader-label{color:#8860d0;font-weight:600}.notices-page .MuiPickersArrowSwitcher-button{color:#8860d0}.notices-page .MuiPickersArrowSwitcher-button:hover{background:#f3effc}.pieChart-container{display:flex;flex-direction:column;justify-content:center;min-height:fit-content;padding:4.286rem;border-radius:8px;height:100%;position:relative}.pieChart-container .card-titleContainer{position:absolute;top:1.429rem;left:1.429rem}.pieChart-container .card-pieChart-container{max-width:300px;max-height:300px;margin-inline:auto}@media (max-width: 530px){.pieChart-container .card-pieChart-container{width:150px;height:150px}}.pieChart-container .pieChart-label-wrapper{position:absolute;bottom:1.429rem;left:0;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;width:100%;padding-inline:1.429rem}.pieChart-container .pieChart-label-item{display:flex;flex-direction:row;align-items:center;gap:4px}.pieChart-container .pieChart-label-item-circle{display:block;height:10px;width:10px;border-radius:50%}.attendanceDetailCard-container{display:flex;flex-direction:column;width:100%;padding:1.429rem;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;gap:1.429rem;transition:all .3s ease;box-shadow:0 4px 20px -5px #0000000d}.attendanceDetailCard-container .card-titleContainer{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.attendanceDetailCard-container .card-titleContainer-title{display:flex;align-items:center;gap:.571rem;font-size:18px;font-weight:600;color:#8860d0}.attendanceDetailCard-container .card-titleContainer-title .info-icon{color:#8860d066;font-size:18px;cursor:help;transition:all .2s ease}.attendanceDetailCard-container .card-titleContainer-title .info-icon:hover{color:#8860d0}.attendanceDetailCard-container .card-titleContainer .total-badge{display:flex;align-items:center;gap:.857rem;padding:.571rem 1.143rem;background:#f3effc;border-radius:12px;border:1px solid rgba(136,96,208,.1)}.attendanceDetailCard-container .card-titleContainer .total-badge .total-label{font-size:11px;font-weight:600;color:#8860d0b3;text-transform:uppercase;letter-spacing:.5px}.attendanceDetailCard-container .card-titleContainer .total-badge .total-value{font-size:18px;font-weight:700;color:#8860d0;line-height:1}.attendanceDetailCard-info-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:1.429rem;width:100%}.attendanceDetailCard-info-item{display:flex;flex-direction:column;justify-content:space-between;height:150px;padding:1.429rem;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden;cursor:pointer;transition:all .1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 12px #00000008}.attendanceDetailCard-info-item.has-data{border-color:var(--accent-color)}.attendanceDetailCard-info-item.has-data:hover .item-value{transform:scale(1.05)}.attendanceDetailCard-info-item.has-data:hover .view-action{transform:translate(2px);opacity:1}.attendanceDetailCard-info-item:not(.has-data){opacity:.8;cursor:default;filter:grayscale(.2)}.attendanceDetailCard-info-item:not(.has-data) .view-action{display:none}.attendanceDetailCard-info-item-content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:1.143rem;z-index:2}.attendanceDetailCard-info-item-content .icon-container{width:44px;height:44px;border-radius:12px;background:var(--bg-color);display:flex;align-items:center;justify-content:center;flex-direction:row;flex-shrink:0;box-shadow:0 4px 10px -2px var(--bg-color)}.attendanceDetailCard-info-item-content .text-container{display:flex;flex-direction:column;gap:2px;overflow:hidden}.attendanceDetailCard-info-item-content .text-container .item-name{font-size:15px;font-weight:600;color:#313131;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.attendanceDetailCard-info-item-content .text-container .item-desc{font-size:11px;color:#8c9196;font-weight:400}.attendanceDetailCard-info-item-stats{display:flex;align-items:flex-end;justify-content:space-between;flex-direction:row;width:100%;z-index:2}.attendanceDetailCard-info-item-stats .item-value{font-size:32px;font-weight:800;color:var(--accent-color);line-height:1;transition:transform .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.05)}.attendanceDetailCard-info-item-stats .view-action{display:flex;align-items:center;justify-content:center;flex-direction:row;width:32px;height:32px;border-radius:50%;background:var(--bg-color);color:var(--accent-color);opacity:.5;transition:all .3s ease}.attendanceDetailCard-info-item .accent-blob{position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;background:var(--bg-color);border-radius:50%;filter:blur(25px);z-index:1;opacity:.6}@media (max-width: 1200px){.attendanceDetailCard-info-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.attendanceDetailCard-container{padding:1.143rem}.attendanceDetailCard-container .card-titleContainer{flex-direction:column;align-items:flex-start;gap:.857rem}.attendanceDetailCard-container .card-titleContainer .total-badge{width:100%;justify-content:space-between}.attendanceDetailCard-info-wrapper{grid-template-columns:1fr;gap:1.143rem}}.press-hold-btn{position:relative;width:200px;height:200px;border:none;border-radius:50%;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #8860d04d;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.press-hold-btn div{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.press-hold-btn.check-in{background:linear-gradient(135deg,#9c80ce,#8e44ad);box-shadow:0 8px 24px #9c80ce66}.press-hold-btn.check-out{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 8px 24px #3498db66}.press-hold-btn.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 4px 12px #95a5a633}.press-hold-btn .btn-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.143rem}.press-hold-btn .btn-content .btn-icon-wrapper{font-size:2.286rem;margin-bottom:.571rem;opacity:.9}.press-hold-btn .btn-content .btn-text{font-size:1.143rem;font-weight:700;text-align:center;margin-bottom:.286rem;line-height:1.2}.press-hold-btn .btn-content .btn-subtitle{font-size:.857rem;opacity:.8;text-align:center;line-height:1.3}.press-hold-btn .progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transform:rotate(-90deg)}.press-hold-btn .success-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.429rem;color:#4e9f4c;z-index:3;box-shadow:0 8px 24px #4e9f4c66}.press-hold-btn:not(.disabled):not(:active){animation:idlePulse 3s infinite}.press-hold-btn:hover:not(.disabled){transform:scale(1.05);box-shadow:0 12px 32px #8860d066}.press-hold-btn.check-in:hover:not(.disabled){box-shadow:0 12px 32px #9c80ce80}.press-hold-btn.check-out:hover:not(.disabled){box-shadow:0 12px 32px #3498db80}@media (max-width: 768px){.press-hold-btn{width:160px;height:160px;touch-action:none;-webkit-tap-highlight-color:transparent}.press-hold-btn .btn-content .btn-icon-wrapper{font-size:1.429rem}.press-hold-btn .btn-content .btn-text{font-size:1rem}.press-hold-btn .btn-content .btn-subtitle{font-size:.714rem}}@media (max-width: 480px){.press-hold-btn{width:140px;height:140px;touch-action:none;-webkit-tap-highlight-color:transparent}}.attendance-overview{margin-bottom:1.143rem}.attendance-overview .overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.857rem}.attendance-overview .overview-grid .overview-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;border:1px solid rgba(136,96,208,.1);transition:all .3s ease}.attendance-overview .overview-grid .overview-item:hover{background:linear-gradient(135deg,#8860d014,#9c80ce14);box-shadow:0 4px 12px #8860d026}.attendance-overview .overview-grid .overview-item.total-work-hours{background:linear-gradient(135deg,#4e9f4c1a,#5bb85a1a);border:1px solid rgba(78,159,76,.2)}.attendance-overview .overview-grid .overview-item.total-work-hours:hover{background:linear-gradient(135deg,#4e9f4c26,#5bb85a26);box-shadow:0 4px 12px #4e9f4c33}.attendance-overview .overview-grid .overview-item .overview-icon{width:40px;height:40px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.143rem;box-shadow:0 4px 12px #8860d04d}.attendance-overview .overview-grid .overview-item .overview-content{flex:1}.attendance-overview .overview-grid .overview-item .overview-content .overview-label{font-size:.857rem;color:#8c9196;margin-bottom:.286rem;text-transform:uppercase;letter-spacing:.5px}.attendance-overview .overview-grid .overview-item .overview-content .overview-value{font-size:1.143rem;font-weight:600;color:#313131;display:flex;align-items:center;gap:.571rem;letter-spacing:.5px}.attendance-overview .overview-grid .overview-item .overview-content .overview-value .live-timer{color:#9c80ce;font-weight:900;text-shadow:0 2px 4px rgba(156,128,206,.3);animation:pulseEA 2s infinite}.attendance-overview .overview-grid .overview-item .overview-content .overview-value .live-indicator{color:#9c80ce;font-size:1rem;margin-left:.286rem;filter:drop-shadow(0 2px 4px rgba(156,128,206,.3))}.attendance-overview .timer-start-message{display:flex;align-items:center;gap:.571rem;margin-top:.571rem;padding:.571rem .857rem;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-radius:8px;border:1px solid rgba(245,158,11,.2);font-size:.857rem;color:#3e1e79}.attendance-overview .timer-start-message .timer-start-icon{color:#f59e0b;font-size:1rem;flex-shrink:0}.attendance-overview .timer-start-message .timer-start-text{line-height:1.4;color:#3e1e79}.attendance-overview .timer-start-message .timer-start-time{font-weight:600;color:#f59e0b}.inspiring-rest-container{width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:24px;box-shadow:0 8px 32px #667eea4d;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1)}.inspiring-rest-container .rest-content{text-align:center;z-index:2;position:relative}.inspiring-rest-container .rest-icon{font-size:48px;margin-bottom:16px;display:block}.inspiring-rest-container .rest-message{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.inspiring-rest-container .rest-subtitle{font-size:16px;color:#ffffffe6;margin-bottom:20px;font-weight:500}.inspiring-rest-container .rest-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.inspiring-rest-container .rest-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.inspiring-rest-container .rest-stats .stat-item .stat-icon{font-size:20px;opacity:.9}.inspiring-rest-container .rest-stats .stat-item .stat-text{font-size:12px;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.inspiring-rest-container .rest-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.inspiring-rest-container .rest-particles .particle{position:absolute;font-size:16px;color:#fff9}.inspiring-rest-container .rest-particles .particle:nth-child(1){top:20%;left:10%}.inspiring-rest-container .rest-particles .particle:nth-child(2){top:30%;right:15%}.inspiring-rest-container .rest-particles .particle:nth-child(3){top:60%;left:20%}.inspiring-rest-container .rest-particles .particle:nth-child(4){top:70%;right:25%}.inspiring-rest-container .rest-particles .particle:nth-child(5){top:40%;left:50%}.inspiring-rest-container .rest-particles .particle:nth-child(6){top:80%;right:40%}.inspiring-rest-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.05) 0%,transparent 50%);z-index:0}.inspiring-rest-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea66;transition:all .3s ease}.desktop-only-container{width:100%;min-height:400px;background:linear-gradient(135deg,#667eea,#764ba2);padding:48px 32px;box-shadow:0 12px 48px #667eea59;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.15)}.desktop-only-container .desktop-only-content{text-align:center;z-index:2;position:relative;max-width:600px;width:100%}.desktop-only-container .desktop-only-icon-wrapper{margin-bottom:32px;display:flex;justify-content:center}.desktop-only-container .desktop-icon-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.desktop-only-container .desktop-icon-container .desktop-icon{font-size:80px;color:#fffffff2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));z-index:2;position:relative}.desktop-only-container .desktop-icon-container .mobile-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.desktop-only-container .desktop-icon-container .mobile-icon-overlay .mobile-icon{font-size:48px;color:#fff9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.desktop-only-container .desktop-only-main-message{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1.3;letter-spacing:-.5px}@media (max-width: 576px){.desktop-only-container .desktop-only-main-message{font-size:24px}}.desktop-only-container .desktop-only-submessage{font-size:18px;color:#ffffffe6;margin-bottom:32px;font-weight:500;line-height:1.5;min-height:54px;display:flex;align-items:center;justify-content:center}@media (max-width: 576px){.desktop-only-container .desktop-only-submessage{font-size:16px;min-height:48px}}.desktop-only-container .desktop-only-info-box{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000001a}.desktop-only-container .desktop-only-info-box .info-item{display:flex;align-items:flex-start;gap:16px;text-align:left}.desktop-only-container .desktop-only-info-box .info-item .info-icon{width:48px;height:48px;background:#ffffff40;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px #0003}.desktop-only-container .desktop-only-info-box .info-item .info-text{flex:1}.desktop-only-container .desktop-only-info-box .info-item .info-text .info-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px;text-shadow:0 1px 4px rgba(0,0,0,.2)}.desktop-only-container .desktop-only-info-box .info-item .info-text .info-description{font-size:14px;color:#ffffffd9;line-height:1.5}.desktop-only-container .desktop-only-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;overflow:hidden}.desktop-only-container .desktop-only-particles .desktop-particle{position:absolute;font-size:24px;opacity:.4}.desktop-only-container .desktop-only-particles .desktop-particle:nth-child(1){top:10%;left:10%}.desktop-only-container .desktop-only-particles .desktop-particle:nth-child(2){top:15%;right:15%}.desktop-only-container .desktop-only-particles .desktop-particle:nth-child(3){top:40%;left:8%}.desktop-only-container .desktop-only-particles .desktop-particle:nth-child(4){top:50%;right:10%}.desktop-only-container .desktop-only-particles .desktop-particle:nth-child(5){bottom:30%;left:15%}.desktop-only-container .desktop-only-particles .desktop-particle:nth-child(6){bottom:25%;right:20%}.desktop-only-container .desktop-only-particles .desktop-particle:nth-child(7){top:60%;left:25%}.desktop-only-container .desktop-only-particles .desktop-particle:nth-child(8){bottom:40%;right:30%}.desktop-only-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.08) 0%,transparent 50%);z-index:0}.desktop-only-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite;z-index:0}.desktop-only-checkout-container{width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:24px;box-shadow:0 8px 32px #667eea4d;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1)}.desktop-only-checkout-container .desktop-only-checkout-content{text-align:center;z-index:2;position:relative;width:100%;max-width:500px}.desktop-only-checkout-container .checkout-icon-wrapper{margin-bottom:20px;display:flex;justify-content:center}.desktop-only-checkout-container .checkout-icon-container{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.desktop-only-checkout-container .checkout-icon-container .checkout-desktop-icon{font-size:56px;color:#fffffff2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));z-index:2;position:relative}.desktop-only-checkout-container .checkout-icon-container .checkout-mobile-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.desktop-only-checkout-container .checkout-icon-container .checkout-mobile-overlay .checkout-mobile-icon{font-size:32px;color:#fff9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.desktop-only-checkout-container .checkout-main-message{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1.3;letter-spacing:-.5px}@media (max-width: 576px){.desktop-only-checkout-container .checkout-main-message{font-size:20px}}.desktop-only-checkout-container .checkout-submessage{font-size:16px;color:#ffffffe6;margin-bottom:16px;font-weight:500;line-height:1.4}@media (max-width: 576px){.desktop-only-checkout-container .checkout-submessage{font-size:14px}}.desktop-only-checkout-container .checkout-info-box{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000001a;margin-top:8px}.desktop-only-checkout-container .checkout-info-box .checkout-info-item{display:flex;align-items:flex-start;gap:12px;text-align:left}.desktop-only-checkout-container .checkout-info-box .checkout-info-item .checkout-info-icon{width:40px;height:40px;background:#ffffff40;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px #0003}.desktop-only-checkout-container .checkout-info-box .checkout-info-item .checkout-info-text{flex:1}.desktop-only-checkout-container .checkout-info-box .checkout-info-item .checkout-info-text .checkout-info-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px;text-shadow:0 1px 4px rgba(0,0,0,.2)}.desktop-only-checkout-container .checkout-info-box .checkout-info-item .checkout-info-text .checkout-info-description{font-size:13px;color:#ffffffd9;line-height:1.4}.desktop-only-checkout-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.05) 0%,transparent 50%);z-index:0}.desktop-only-checkout-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea66;transition:all .3s ease}.attendance-progress{margin-top:auto}.attendance-progress .circular-progress-container{display:flex;flex-direction:column;align-items:center;gap:1.143rem}.attendance-progress .circular-progress-container .progress-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.571rem}.attendance-progress .circular-progress-container .progress-header .progress-label{font-size:1.143rem;font-weight:600;color:#313131}.attendance-progress .circular-progress-container .progress-header .progress-percentage{font-size:1.286rem;font-weight:700;background:linear-gradient(135deg,#9c80ce,#6a3480);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(156,128,206,.3)}.attendance-progress .circular-progress-container .circular-progress-wrapper{position:relative;width:200px;height:200px}.attendance-progress .circular-progress-container .circular-progress-wrapper .circular-progress{width:100%;height:100%;transform:rotate(-90deg)}.attendance-progress .circular-progress-container .circular-progress-wrapper .circular-progress .progress-circle{filter:drop-shadow(0 0 8px rgba(156,128,206,.3));transition:stroke-dashoffset .8s ease-in-out}.attendance-progress .circular-progress-container .circular-progress-wrapper .progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.attendance-progress .circular-progress-container .circular-progress-wrapper .progress-center .progress-time{font-weight:600;font-size:1.429rem;color:#313131;line-height:1;margin-bottom:.286rem;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative}.attendance-progress .circular-progress-container .circular-progress-wrapper .progress-center .progress-time:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(156,128,206,.1),transparent);border-radius:4px;opacity:0;transition:opacity .3s ease}.attendance-progress .circular-progress-container .circular-progress-wrapper .progress-center .progress-time:hover:after{opacity:1}.attendance-progress .circular-progress-container .circular-progress-wrapper .progress-center .progress-status{font-size:1rem;font-weight:500;color:#8c9196;text-transform:uppercase;letter-spacing:.5px}.attendance-progress .circular-progress-container .progress-details{display:flex;gap:1.714rem;margin-top:.857rem}.attendance-progress .circular-progress-container .progress-details .progress-detail-item{display:flex;flex-direction:column;align-items:center;gap:.286rem}.attendance-progress .circular-progress-container .progress-details .progress-detail-item .detail-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.attendance-progress .circular-progress-container .progress-details .progress-detail-item .detail-value{font-weight:600;font-size:1rem;color:#313131;letter-spacing:.5px}.confirmation-modal-content{padding:1.143rem;text-align:center}.confirmation-modal-content .confirmation-modal-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.143rem;box-shadow:0 8px 24px #00000026}.confirmation-modal-content .confirmation-modal-icon-wrapper.early-checkin,.confirmation-modal-content .confirmation-modal-icon-wrapper.early-checkout{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirmation-modal-content .confirmation-modal-icon-wrapper.late-checkout{background:linear-gradient(135deg,#9c80ce,#7c3aed)}.confirmation-modal-content .confirmation-modal-icon-wrapper .confirmation-icon{font-size:40px;color:#fff}.confirmation-modal-content .confirmation-modal-title{font-size:1.286rem;font-weight:600;color:#313131;margin:0 0 .857rem;line-height:1.3}.confirmation-modal-content .confirmation-modal-message{font-size:1rem;color:#3e1e79;line-height:1.6;margin:0 0 1.429rem}.confirmation-modal-content .confirmation-modal-info{background:#8860d00d;border-radius:12px;padding:1.143rem;margin:1.143rem 0;text-align:left}.confirmation-modal-content .confirmation-modal-info .info-item{display:flex;justify-content:space-between;align-items:center;gap:.857rem}.confirmation-modal-content .confirmation-modal-info .info-item .info-label{font-size:1rem;color:#3e1e79;font-weight:500}.confirmation-modal-content .confirmation-modal-info .info-item .info-value{font-size:1.143rem;color:#313131;font-weight:600}.confirmation-modal-content .confirmation-modal-remarks{text-align:left;margin:1.143rem 0}.confirmation-modal-content .confirmation-modal-remarks .remarks-label{display:block;font-size:1rem;font-weight:500;color:#313131;margin-bottom:.571rem}.confirmation-modal-content .confirmation-modal-remarks .remarks-label .required{color:#f56565;margin-left:4px}.confirmation-modal-content .confirmation-modal-remarks .remarks-textarea{width:100%;padding:.857rem;border:2px solid rgba(136,96,208,.2);border-radius:12px;font-size:1rem;font-family:inherit;color:#313131;background:#fff;resize:vertical;transition:all .3s ease}.confirmation-modal-content .confirmation-modal-remarks .remarks-textarea:focus{outline:none;border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a}.confirmation-modal-content .confirmation-modal-remarks .remarks-char-count{text-align:right;font-size:.857rem;margin-top:.286rem}.confirmation-modal-content .confirmation-modal-actions{display:flex;gap:.857rem;justify-content:flex-end;margin-top:1.429rem}.confirmation-modal-content .confirmation-modal-actions .confirmation-btn{padding:.857rem 1.429rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.confirmation-modal-content .confirmation-modal-actions .confirmation-btn.cancel-btn{background:#3e1e791a;color:#3e1e79}.confirmation-modal-content .confirmation-modal-actions .confirmation-btn.cancel-btn:hover{background:#3e1e7933}.confirmation-modal-content .confirmation-modal-actions .confirmation-btn.confirm-btn{background:linear-gradient(135deg,#4e9f4c,#5bb85a);color:#fff;box-shadow:0 4px 12px #4e9f4c4d}.confirmation-modal-content .confirmation-modal-actions .confirmation-btn.confirm-btn:hover:not(:disabled){box-shadow:0 6px 16px #4e9f4c66;transform:translateY(-2px)}.confirmation-modal-content .confirmation-modal-actions .confirmation-btn.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal-content .confirmation-modal-actions .confirmation-btn.confirm-btn.danger{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 4px 12px #f565654d}.confirmation-modal-content .confirmation-modal-actions .confirmation-btn.confirm-btn.danger:hover:not(:disabled){box-shadow:0 6px 16px #f5656566}@media all and (max-width: 576px){.confirmation-modal-content{padding:.857rem}.confirmation-modal-content .confirmation-modal-icon-wrapper{width:60px;height:60px;margin-bottom:.857rem}.confirmation-modal-content .confirmation-modal-icon-wrapper .confirmation-icon{font-size:30px}.confirmation-modal-content .confirmation-modal-title{font-size:1.143rem}.confirmation-modal-content .confirmation-modal-message{font-size:.857rem}.confirmation-modal-content .confirmation-modal-actions{flex-direction:column}.confirmation-modal-content .confirmation-modal-actions .confirmation-btn{width:100%}}.employee-attendance-container{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(136,96,208,.1);height:100%;display:flex;flex-direction:column;gap:1.429rem;position:relative;overflow:hidden}.employee-attendance-container:has(.desktop-only-container){padding:0!important}.employee-attendance-container:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8860d026}.employee-attendance-container .success-toast{position:absolute;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4e9f4c,#5bb85a);color:#fff;padding:.857rem 1.429rem;border-radius:20px;font-weight:600;font-size:1rem;box-shadow:0 8px 24px #4e9f4c66;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.employee-attendance-container .attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.571rem}.employee-attendance-container .attendance-header .attendance-title{display:flex;align-items:center;gap:.857rem;font-size:1.286rem;font-weight:600;color:#313131;margin:0}.employee-attendance-container .attendance-header .attendance-title .title-icon{color:#8860d0;font-size:1.429rem}.employee-attendance-container .attendance-header .attendance-status .status-indicator{padding:.571rem 1.143rem;border-radius:20px;font-size:.857rem;font-weight:500;color:#fff}.employee-attendance-container .attendance-header .attendance-status .status-indicator.start{background:linear-gradient(135deg,#a084ee,#7c3aed);box-shadow:0 4px 12px #7c3aed40}.employee-attendance-container .attendance-header .attendance-status .status-indicator.checked-in{background:linear-gradient(135deg,#4e9f4c,#5bb85a);box-shadow:0 4px 12px #4e9f4c4d}.employee-attendance-container .attendance-header .attendance-status .status-indicator.checked-out{background:linear-gradient(135deg,#f8b046,#f9c74f);box-shadow:0 4px 12px #f8b0464d}.employee-attendance-container .attendance-actions{display:flex;justify-content:center;margin:1.143rem 0}.employee-attendance-container .leave-info-card{display:flex;align-items:center;gap:1.143rem;padding:1.143rem;background:linear-gradient(135deg,#fff5ed,#ffedd5);border:2px solid #fb923c;border-radius:16px;margin-bottom:1.143rem;box-shadow:0 4px 16px #e67e2226;animation:slideDown .3s ease-out;transition:all .3s ease}.employee-attendance-container .leave-info-card:hover{box-shadow:0 6px 20px #e67e2240;transform:translateY(-1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.employee-attendance-container .leave-info-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:12px;color:#fff;font-size:1.429rem;flex-shrink:0;box-shadow:0 4px 12px #f9731666}.employee-attendance-container .leave-info-card__content{flex:1}.employee-attendance-container .leave-info-card__title{margin:0 0 .286rem;font-size:1.143rem;font-weight:600;color:#7c2d12}.employee-attendance-container .leave-info-card__message{margin:0;font-size:1rem;color:#9a3412;line-height:1.5}@media (max-width: 768px){.employee-attendance-container .leave-info-card{padding:.857rem;gap:.857rem}.employee-attendance-container .leave-info-card__icon{width:40px;height:40px;font-size:1.286rem}.employee-attendance-container .leave-info-card__title{font-size:1rem}.employee-attendance-container .leave-info-card__message{font-size:.857rem}}.employee-attendance-container .secondary-actions{display:flex;gap:.857rem;justify-content:center;margin-bottom:1.143rem}.employee-attendance-container .secondary-actions .action-btn{display:flex;align-items:center;gap:.571rem;padding:.857rem 1.143rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#fff}.employee-attendance-container .secondary-actions .action-btn.break-btn{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 12px #f39c124d}.employee-attendance-container .secondary-actions .action-btn.break-btn.active{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c4d}.employee-attendance-container .secondary-actions .action-btn.break-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f39c1266}.employee-attendance-container .secondary-actions .action-btn.break-btn.active:hover:not(:disabled){box-shadow:0 6px 20px #e74c3c66}.employee-attendance-container .secondary-actions .action-btn.extra-hours-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 12px #9b59b64d}.employee-attendance-container .secondary-actions .action-btn.extra-hours-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9b59b666}.employee-attendance-container .secondary-actions .action-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 2px 8px #95a5a633}@keyframes idlePulse{0%,to{box-shadow:0 8px 24px #8860d04d}50%{box-shadow:0 8px 32px #8860d080}}@keyframes pulseEA{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@media (max-width: 768px){.employee-attendance-container .employee-attendance-container{padding:1.143rem}.employee-attendance-container .employee-attendance-container .attendance-header{flex-direction:column;align-items:flex-start;gap:.857rem}.employee-attendance-container .employee-attendance-container .secondary-actions{flex-direction:column;align-items:center}.employee-attendance-container .employee-attendance-container .secondary-actions .action-btn{width:100%;justify-content:center}.employee-attendance-container .employee-attendance-container .attendance-overview .overview-grid{grid-template-columns:repeat(2,1fr);gap:.571rem}.employee-attendance-container .employee-attendance-container .attendance-overview .overview-grid .overview-item{padding:.857rem}.employee-attendance-container .employee-attendance-container .attendance-overview .overview-grid .overview-item .overview-icon{width:35px;height:35px;font-size:1rem}.employee-attendance-container .employee-attendance-container .attendance-overview .overview-grid .overview-item .overview-content .overview-value{font-size:1rem}.employee-attendance-container .employee-attendance-container .attendance-progress .circular-progress-container .circular-progress-wrapper{width:160px;height:160px}.employee-attendance-container .employee-attendance-container .attendance-progress .circular-progress-container .circular-progress-wrapper .progress-center .progress-time{font-size:1.143rem;font-weight:600}.employee-attendance-container .employee-attendance-container .attendance-progress .circular-progress-container .circular-progress-wrapper .progress-center .progress-status{font-size:.857rem}.employee-attendance-container .employee-attendance-container .attendance-progress .circular-progress-container .progress-details{gap:1.143rem}.employee-attendance-container .employee-attendance-container .attendance-progress .circular-progress-container .progress-details .progress-detail-item .detail-value{font-size:.857rem}}.break-remarks-container{width:100%;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;padding:24px;box-shadow:0 8px 32px #f59e0b26;position:relative;overflow:hidden;margin-top:16px}.break-remarks-container .remarks-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.break-remarks-container .remarks-header .remarks-icon{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 16px #f59e0b4d}.break-remarks-container .remarks-header .remarks-title h4{margin:0;font-size:18px;font-weight:600;color:#2d3748;line-height:1.3}.break-remarks-container .remarks-header .remarks-title p{margin:4px 0 0;font-size:14px;color:#718096;line-height:1.4}.break-remarks-container .remarks-input{width:100%;min-height:80px;padding:16px;border:2px solid #f59e0b;border-radius:12px;background:#fff;font-size:14px;font-family:inherit;color:#2d3748;resize:none;transition:all .3s ease;outline:none;box-shadow:0 2px 8px #0000000d}.break-remarks-container .remarks-input::placeholder{color:#a0aec0;font-style:italic}.break-remarks-container .remarks-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.break-remarks-container .remarks-input:hover:not(:focus){border-color:#fbbf24;box-shadow:0 4px 12px #00000014}.break-remarks-container .remarks-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.break-remarks-container .remarks-actions .remarks-cancel-btn{padding:12px 24px;background:#e5e7eb;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.break-remarks-container .remarks-actions .remarks-cancel-btn:hover{background:#d1d5db}.break-remarks-container .remarks-actions .remarks-submit-btn{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.break-remarks-container .remarks-actions .remarks-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.break-remarks-container .remarks-actions .remarks-submit-btn:disabled{opacity:.5;cursor:not-allowed}.extra-hours-remarks-container{width:100%;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;padding:24px;box-shadow:0 8px 32px #f59e0b26;position:relative;overflow:hidden;margin-top:16px}.extra-hours-remarks-container .remarks-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.extra-hours-remarks-container .remarks-header .remarks-icon{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 16px #f59e0b4d}.extra-hours-remarks-container .remarks-header .remarks-title h4{margin:0;font-size:18px;font-weight:600;color:#2d3748;line-height:1.3}.extra-hours-remarks-container .remarks-header .remarks-title p{margin:4px 0 0;font-size:14px;color:#718096;line-height:1.4}.extra-hours-remarks-container .remarks-input{width:100%;min-height:80px;padding:16px;border:2px solid #f59e0b;border-radius:12px;background:#fff;font-size:14px;font-family:inherit;color:#2d3748;resize:none;transition:all .3s ease;outline:none;box-shadow:0 2px 8px #0000000d}.extra-hours-remarks-container .remarks-input::placeholder{color:#a0aec0;font-style:italic}.extra-hours-remarks-container .remarks-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.extra-hours-remarks-container .remarks-input:hover:not(:focus){border-color:#fbbf24;box-shadow:0 4px 12px #00000014}.extra-hours-remarks-container .remarks-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.extra-hours-remarks-container .remarks-actions .remarks-cancel-btn{padding:12px 24px;background:#e5e7eb;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.extra-hours-remarks-container .remarks-actions .remarks-cancel-btn:hover{background:#d1d5db}.extra-hours-remarks-container .remarks-actions .remarks-submit-btn{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.extra-hours-remarks-container .remarks-actions .remarks-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.extra-hours-remarks-container .remarks-actions .remarks-submit-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.late-checkin-remarks-container{width:100%;background:linear-gradient(135deg,#fff5f5,#fef2f2);border:2px solid #fed7d7;border-radius:16px;padding:24px;box-shadow:0 8px 32px #f8717126;position:relative;overflow:hidden}.late-checkin-remarks-container .remarks-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.late-checkin-remarks-container .remarks-header .remarks-icon{width:48px;height:48px;background:linear-gradient(135deg,#f56565,#e53e3e);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 16px #f565654d}.late-checkin-remarks-container .remarks-header .remarks-title h4{margin:0;font-size:18px;font-weight:600;color:#2d3748;line-height:1.3}.late-checkin-remarks-container .remarks-header .remarks-title p{margin:4px 0 0;font-size:14px;color:#718096;line-height:1.4}.late-checkin-remarks-container .remarks-input{width:100%;min-height:80px;padding:16px;border:2px solid #fed7d7;border-radius:12px;background:#fff;font-size:14px;font-family:inherit;color:#2d3748;resize:none;transition:all .3s ease;outline:none;box-shadow:0 2px 8px #0000000d}.late-checkin-remarks-container .remarks-input::placeholder{color:#a0aec0;font-style:italic}.late-checkin-remarks-container .remarks-input:focus{border-color:#f56565;box-shadow:0 0 0 3px #f565651a}.late-checkin-remarks-container .remarks-input:hover:not(:focus){border-color:#feb2b2;box-shadow:0 4px 12px #00000014}.early-checkout-remarks-container{width:100%;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fde68a;border-radius:16px;padding:24px;box-shadow:0 8px 32px #f59e0b26;position:relative;overflow:hidden;margin-top:16px}.early-checkout-remarks-container .remarks-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.early-checkout-remarks-container .remarks-header .remarks-icon{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 16px #f59e0b4d}.early-checkout-remarks-container .remarks-header .remarks-title h4{margin:0;font-size:18px;font-weight:600;color:#2d3748;line-height:1.3}.early-checkout-remarks-container .remarks-header .remarks-title p{margin:4px 0 0;font-size:14px;color:#718096;line-height:1.4}.early-checkout-remarks-container .remarks-input{width:100%;padding:12px 16px;border:2px solid #fde68a;border-radius:12px;font-size:14px;font-family:inherit;color:#2d3748;background:#fff;resize:vertical;transition:all .3s ease}.early-checkout-remarks-container .remarks-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.early-checkout-remarks-container .remarks-input::placeholder{color:#a0aec0}.employee-streak-container{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(136,96,208,.1);height:100%;display:flex;flex-direction:column;gap:1.429rem;transition:all .3s ease}.employee-streak-container:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8860d026}.employee-streak-container .streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.571rem}.employee-streak-container .streak-header .streak-title{display:flex;align-items:center;gap:.857rem;font-size:1.286rem;font-weight:600;color:#313131;margin:0}.employee-streak-container .streak-header .streak-title .title-icon{color:#8860d0;font-size:1.429rem}.employee-streak-container .streak-header .streak-badge{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border-radius:20px;color:#fff;font-size:.857rem;font-weight:500}.employee-streak-container .streak-header .streak-badge.success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d}.employee-streak-container .streak-header .streak-badge.warning{background:linear-gradient(135deg,#dc3545,#e74c3c);box-shadow:0 4px 12px #dc35454d}.employee-streak-container .streak-header .streak-badge .badge-icon{font-size:1rem}.employee-streak-container .streak-stats{background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;padding:1.429rem;border:1px solid rgba(136,96,208,.1)}.employee-streak-container .streak-stats .streak-main{display:flex;align-items:center;justify-content:space-around;gap:1.143rem}.employee-streak-container .streak-stats .streak-main .current-streak,.employee-streak-container .streak-stats .streak-main .longest-streak{text-align:center;flex:1}.employee-streak-container .streak-stats .streak-main .current-streak .streak-number,.employee-streak-container .streak-stats .streak-main .longest-streak .streak-number{font-size:2.286rem;font-weight:700;color:#8860d0;line-height:1;margin-bottom:.286rem}.employee-streak-container .streak-stats .streak-main .current-streak .streak-label,.employee-streak-container .streak-stats .streak-main .longest-streak .streak-label{font-size:1rem;font-weight:600;color:#313131;margin-bottom:.286rem}.employee-streak-container .streak-stats .streak-main .current-streak .streak-subtitle,.employee-streak-container .streak-stats .streak-main .longest-streak .streak-subtitle{font-size:.857rem;color:#8c9196;font-weight:500}.employee-streak-container .streak-stats .streak-main .streak-divider{width:1px;height:60px;background:linear-gradient(to bottom,transparent,rgba(136,96,208,.3),transparent)}.employee-streak-container .streak-details{display:flex;flex-direction:column;gap:.857rem}.employee-streak-container .streak-details .detail-item{display:flex;align-items:center;gap:.857rem;padding:.857rem;background:linear-gradient(135deg,#8860d008,#9c80ce08);border-radius:12px;border:1px solid rgba(136,96,208,.08)}.employee-streak-container .streak-details .detail-item .detail-icon{color:#8860d0;font-size:1.143rem}.employee-streak-container .streak-details .detail-item .detail-content{flex:1}.employee-streak-container .streak-details .detail-item .detail-content .detail-label{font-size:.857rem;color:#8c9196;font-weight:500;margin-bottom:.286rem}.employee-streak-container .streak-details .detail-item .detail-content .detail-value{font-size:1rem;font-weight:600;color:#313131}.employee-streak-container .streak-achievements{display:flex;flex-direction:column;gap:.857rem}.employee-streak-container .streak-achievements .achievement-item{display:flex;align-items:center;gap:.857rem;padding:.857rem;background:linear-gradient(135deg,#8860d008,#9c80ce08);border-radius:12px;border:1px solid rgba(136,96,208,.08);transition:all .3s ease}.employee-streak-container .streak-achievements .achievement-item:hover{transform:translate(4px);background:linear-gradient(135deg,#8860d014,#9c80ce14)}.employee-streak-container .streak-achievements .achievement-item .achievement-icon{width:40px;height:40px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.143rem;box-shadow:0 4px 12px #8860d04d}.employee-streak-container .streak-achievements .achievement-item .achievement-text{flex:1}.employee-streak-container .streak-achievements .achievement-item .achievement-text .achievement-title{font-size:1rem;font-weight:600;color:#313131;margin-bottom:.286rem}.employee-streak-container .streak-achievements .achievement-item .achievement-text .achievement-desc{font-size:.857rem;color:#8c9196;font-weight:500}.employee-streak-container .streak-broken-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.714rem;background:linear-gradient(135deg,#dc35451a,#e74c3c1a);border-radius:12px;border:1px solid rgba(220,53,69,.2);margin-bottom:1.143rem}.employee-streak-container .streak-broken-container .broken-streak-icon{width:80px;height:80px;background:linear-gradient(135deg,#dc3545,#e74c3c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.286rem;margin-bottom:1.143rem;box-shadow:0 8px 24px #dc35454d;animation:pulseES 2s infinite}.employee-streak-container .streak-broken-container .broken-streak-content .broken-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0 0 .571rem}.employee-streak-container .streak-broken-container .broken-streak-content .broken-subtitle{font-size:1rem;color:#8c9196;line-height:1.5;margin:0}.employee-streak-container .motivational-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.143rem;margin-bottom:1.143rem}.employee-streak-container .motivational-stats .motivational-item{text-align:center;padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;border:1px solid rgba(136,96,208,.1)}.employee-streak-container .motivational-stats .motivational-item .motivational-number{font-size:1.714rem;font-weight:700;color:#8860d0;line-height:1;margin-bottom:.571rem}.employee-streak-container .motivational-stats .motivational-item .motivational-label{font-size:1rem;font-weight:600;color:#313131;margin-bottom:.286rem}.employee-streak-container .motivational-stats .motivational-item .motivational-desc{font-size:.857rem;color:#8c9196;font-weight:500}.employee-streak-container .motivational-tips{margin-bottom:1.143rem}.employee-streak-container .motivational-tips .tips-title{font-size:1.143rem;font-weight:600;color:#313131;margin:0 0 .857rem}.employee-streak-container .motivational-tips .tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.571rem}.employee-streak-container .motivational-tips .tips-list .tip-item{display:flex;align-items:center;gap:.571rem;padding:.857rem;background:linear-gradient(135deg,#8860d008,#9c80ce08);border-radius:8px;border-left:3px solid #8860d0;font-size:1rem;color:#313131;font-weight:500}.employee-streak-container .motivational-tips .tips-list .tip-item:before{content:"✓";color:#8860d0;font-weight:700;font-size:1.143rem}.employee-streak-container .motivational-message{margin-bottom:1.143rem;padding:1.143rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;border:1px solid rgba(136,96,208,.1);text-align:center}.employee-streak-container .motivational-message .message-content{display:flex;align-items:center;justify-content:center;gap:.571rem}.employee-streak-container .motivational-message .message-content .message-icon{color:#8860d0;font-size:1.143rem}.employee-streak-container .motivational-message .message-content .message-text{font-size:1rem;font-weight:500;color:#313131;font-style:italic;line-height:1.5}.employee-streak-container .restart-streak-cta{margin-top:auto}.employee-streak-container .restart-streak-cta .restart-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.571rem;padding:1.143rem .857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8860d04d}.employee-streak-container .restart-streak-cta .restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.employee-streak-container .restart-streak-cta .restart-btn .btn-icon{font-size:1.143rem}.employee-streak-container .streak-celebration{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.714rem;background:linear-gradient(135deg,#28a74526,#20c99726);border-radius:12px;border:2px solid rgba(40,167,69,.3);margin-bottom:1.143rem;animation:celebrationPulse 2s infinite}.employee-streak-container .streak-celebration .celebration-icon{width:60px;height:60px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.714rem;margin-bottom:.857rem;box-shadow:0 8px 24px #28a74566;animation:bounce 1s infinite alternate}.employee-streak-container .streak-celebration .celebration-content .celebration-title{font-size:1.429rem;font-weight:700;color:#28a745;margin:0 0 .571rem;text-shadow:0 2px 4px rgba(40,167,69,.3);animation:glow 2s infinite alternate}.employee-streak-container .streak-celebration .celebration-content .celebration-subtitle{font-size:1.143rem;color:#313131;font-weight:600;margin:0}.employee-streak-container .streak-celebration.broken{background:linear-gradient(135deg,#dc354526,#e74c3c26);border:2px solid rgba(220,53,69,.3)}.employee-streak-container .streak-celebration.broken .celebration-icon{background:linear-gradient(135deg,#dc3545,#e74c3c);box-shadow:0 8px 24px #dc354566}.employee-streak-container .streak-celebration.broken .celebration-content .celebration-title{color:#dc3545;text-shadow:0 2px 4px rgba(220,53,69,.3)}.employee-streak-container .streak-stats-exciting{background:linear-gradient(135deg,#8860d014,#9c80ce14);border-radius:12px;padding:1.714rem;border:2px solid rgba(136,96,208,.2);margin-bottom:1.143rem;position:relative;overflow:hidden}.employee-streak-container .streak-stats-exciting:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(136,96,208,.1),transparent);animation:shimmer 3s infinite}.employee-streak-container .streak-stats-exciting .streak-main-exciting{display:flex;align-items:center;justify-content:space-around;gap:1.143rem;position:relative;z-index:1}.employee-streak-container .streak-stats-exciting .streak-main-exciting .current-streak-exciting,.employee-streak-container .streak-stats-exciting .streak-main-exciting .longest-streak-exciting{text-align:center;flex:1;padding:.857rem;background:#fffc;border-radius:12px;box-shadow:0 4px 12px #8860d033}.employee-streak-container .streak-stats-exciting .streak-main-exciting .current-streak-exciting .streak-number-exciting,.employee-streak-container .streak-stats-exciting .streak-main-exciting .longest-streak-exciting .streak-number-exciting{font-size:3.429rem;font-weight:900;color:#8860d0;line-height:1;margin-bottom:.571rem;text-shadow:0 2px 4px rgba(136,96,208,.3);animation:numberPulse 1.5s infinite}.employee-streak-container .streak-stats-exciting .streak-main-exciting .current-streak-exciting .streak-label-exciting,.employee-streak-container .streak-stats-exciting .streak-main-exciting .longest-streak-exciting .streak-label-exciting{font-size:1rem;font-weight:700;color:#313131;margin-bottom:.286rem;text-transform:uppercase;letter-spacing:1px}.employee-streak-container .streak-stats-exciting .streak-main-exciting .current-streak-exciting .streak-subtitle-exciting,.employee-streak-container .streak-stats-exciting .streak-main-exciting .longest-streak-exciting .streak-subtitle-exciting{font-size:.857rem;color:#8c9196;font-weight:600}.employee-streak-container .streak-stats-exciting .streak-main-exciting .streak-divider-exciting{width:2px;height:80px;background:linear-gradient(to bottom,transparent,#8860d0,transparent);border-radius:1px;animation:dividerGlow 2s infinite}.employee-streak-container .leaderboards-container{display:flex;flex-direction:column;gap:1.143rem;margin-top:1.143rem}@media all and (max-width: 768px){.employee-streak-container .leaderboards-container{grid-template-columns:1fr;gap:.857rem}}.employee-streak-container .leaderboards-container .leaderboard-section{background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;padding:1.143rem;border:1px solid rgba(136,96,208,.1);transition:all .3s ease}.employee-streak-container .leaderboards-container .leaderboard-section:hover{border-color:#8860d033}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-header{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:.571rem;margin-bottom:1.429rem;padding-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.15)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-icon{color:#8860d0;font-size:1.286rem;animation:iconPulse 2s infinite}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;text-transform:uppercase;letter-spacing:.5px}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:row;gap:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1.429rem;border-radius:12px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card:hover:before{opacity:1}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card:hover .avatar-circle{transform:scale(1.1) rotate(5deg)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card:hover .rank-badge{transform:scale(1.1)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1{transform:scale(1.08);z-index:2;background:linear-gradient(135deg,gold,#ffed4e,gold);border:2px solid #ffb700}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .rank-position{background:linear-gradient(135deg,#ffb700,gold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .avatar-circle{border:3px solid #ffb700;box-shadow:0 4px 16px #ffd70066}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .leader-streak-display{background:linear-gradient(135deg,#ffb700,gold)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .leader-streak-display .streak-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-1 .leader-streak-display .streak-number{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2{background:linear-gradient(135deg,#2c6ecb33,#8860d026,#2c6ecb33);border:2px solid rgba(44,110,203,.4)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .rank-position{background:linear-gradient(135deg,#2c6ecb,#5189d9);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .avatar-circle{border:3px solid #2c6ecb;box-shadow:0 4px 16px #2c6ecb4d}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .leader-streak-display{background:linear-gradient(135deg,#2c6ecb,#5189d9)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .leader-streak-display .streak-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-2 .leader-streak-display .streak-number{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3{background:linear-gradient(135deg,#8860d040,#9c80ce33,#8860d040);border:2px solid rgba(136,96,208,.4)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .rank-position{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .avatar-circle{border:3px solid #8860d0;box-shadow:0 4px 16px #8860d04d}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .leader-streak-display{background:linear-gradient(135deg,#8860d0,#9c80ce)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .leader-streak-display .streak-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card.rank-3 .leader-streak-display .streak-number{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge{position:absolute;top:.571rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.286rem;transition:transform .3s ease;z-index:2}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-laurel{font-size:1.714rem;animation:iconBounce 2s infinite}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-position{padding:.286rem .571rem;border-radius:20px;font-size:.857rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0003}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar{margin-top:2.286rem;margin-bottom:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar.broken{background:linear-gradient(135deg,#dc35451a,#e74c3c1a);border:2px solid rgba(220,53,69,.2)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar.broken .next-goal-content .next-goal-title,.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar.broken .next-goal-content .next-goal-stats .goal-stat .goal-number{color:#dc3545;text-shadow:0 2px 4px rgba(220,53,69,.3)}@keyframes pulseES{0%{transform:scale(1);box-shadow:0 8px 24px #f8b0464d}50%{transform:scale(1.05);box-shadow:0 12px 32px #f8b04666}to{transform:scale(1);box-shadow:0 8px 24px #f8b0464d}}@keyframes celebrationPulse{0%{transform:scale(1);box-shadow:0 0 #f8b04666}50%{transform:scale(1.02);box-shadow:0 0 0 10px #f8b04600}to{transform:scale(1);box-shadow:0 0 #f8b04600}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%{text-shadow:0 2px 4px rgba(248,176,70,.3)}to{text-shadow:0 2px 20px rgba(248,176,70,.6),0 0 30px rgba(248,176,70,.4)}}@keyframes numberPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes dividerGlow{0%,to{opacity:.5}50%{opacity:1;box-shadow:0 0 10px #8860d080}}@keyframes progressGlow{0%,to{box-shadow:0 0 5px #8860d04d}50%{box-shadow:0 0 20px #8860d099}}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(5deg)}75%{transform:translateY(-3px) rotate(-3deg)}}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes motivationGlow{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@keyframes goalPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width: 768px){.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container{padding:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-header{flex-direction:column;align-items:flex-start;gap:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-header .streak-title{font-size:1.143rem;gap:.571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-header .streak-title .title-icon{font-size:1.286rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-celebration{padding:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-celebration .celebration-icon{width:48px;height:48px;font-size:1.429rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-celebration .celebration-content .celebration-title{font-size:1.286rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-celebration .celebration-content .celebration-subtitle{font-size:1rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-stats{padding:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-stats .streak-main{flex-direction:column;gap:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-stats .streak-main .streak-divider{width:60px;height:1px;background:linear-gradient(to right,transparent,rgba(136,96,208,.3),transparent)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-stats-exciting{padding:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-stats-exciting .streak-main-exciting{flex-direction:column;gap:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-stats-exciting .streak-main-exciting .current-streak-exciting .streak-number-exciting,.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-stats-exciting .streak-main-exciting .longest-streak-exciting .streak-number-exciting{font-size:2.286rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-stats-exciting .streak-main-exciting .streak-divider-exciting{width:60px;height:2px;background:linear-gradient(to right,transparent,#8860d0,transparent)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container{grid-template-columns:1fr;gap:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section{padding:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-header{margin-bottom:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-icon{font-size:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-title{font-size:1rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards{gap:.571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card{padding:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-laurel{font-size:1.429rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar{margin-top:1.714rem;margin-bottom:.571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar .avatar-circle{width:64px;height:64px}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar .avatar-circle .avatar-initial{font-size:1.714rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-name{font-size:1rem;margin-bottom:.571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display{padding:.286rem .857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-icon{font-size:1rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-number{font-size:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .motivational-stats{grid-template-columns:1fr;gap:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .motivational-message .message-content{flex-direction:column;gap:.571rem}}@media all and (max-width: 576px){.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container{padding:.857rem;gap:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-header .streak-title{font-size:1rem;gap:.286rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-header .streak-title .title-icon{font-size:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-header .streak-badge{padding:.286rem .571rem;font-size:.714rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .streak-header .streak-badge .badge-icon{font-size:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section{padding:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-header{margin-bottom:.857rem;padding-bottom:.571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-icon{font-size:1rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-header .leaderboard-title{font-size:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card{padding:.857rem;width:100%}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge{top:.286rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-laurel{font-size:1.286rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .rank-badge .rank-position{padding:.143rem .286rem;font-size:.714rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar{margin-top:1.429rem;margin-bottom:.571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar .avatar-circle{width:56px;height:56px}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-avatar .avatar-circle .avatar-initial{font-size:1.429rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-name{font-size:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display{padding:.286rem .571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-icon{font-size:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .leader-streak-display .streak-number{font-size:1rem}}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-badge.loading{background:linear-gradient(135deg,#6c757d,#495057)}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-badge.loading .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton{display:flex;flex-direction:column;gap:1.429rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-celebration{display:flex;align-items:center;gap:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-celebration .skeleton-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-celebration .skeleton-content{flex:1}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-celebration .skeleton-content .skeleton-title{width:200px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:.571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-celebration .skeleton-content .skeleton-subtitle{width:150px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-stats .skeleton-main{display:flex;align-items:center;justify-content:space-between;gap:1.143rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-stats .skeleton-main .skeleton-streak{text-align:center}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-stats .skeleton-main .skeleton-streak .skeleton-number{width:60px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px;margin:0 auto .571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-stats .skeleton-main .skeleton-streak .skeleton-label{width:80px;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin:0 auto .286rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-stats .skeleton-main .skeleton-streak .skeleton-subtitle{width:100px;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin:0 auto}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-stats .skeleton-main .skeleton-divider{width:60px;height:1px;background:#e0e0e0}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-leaderboards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.143rem}@media all and (max-width: 768px){.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-leaderboards{grid-template-columns:1fr}}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-leaderboards .skeleton-leaderboard-section{display:flex;flex-direction:column;gap:.857rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-leaderboards .skeleton-leaderboard-section .skeleton-leaderboard-header{width:150px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:.571rem}.employee-streak-container .leaderboards-container .leaderboard-section .leaderboard-cards .leaderboard-card .streak-loading .loading-skeleton .skeleton-leaderboards .skeleton-leaderboard-section .skeleton-leaderboard-item{height:56px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.view-report-page{width:100%;padding:1.429rem}@media all and (max-width: 576px){.view-report-page{padding:2.286rem 1.714rem}}.view-report-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.429rem 0}@media all and (max-width: 576px){.view-report-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:1.429rem 0;gap:1.429rem}}.view-report-header-left{display:flex;flex-direction:row;align-items:center;gap:1.429rem}@media all and (max-width: 576px){.view-report-header-left{width:100%}}.view-report-header-left>img{height:60px;width:60px;object-fit:cover;border-radius:50%}.view-report-header-right{display:flex;gap:1.429rem}@media all and (max-width: 576px){.view-report-header-right,.view-report-header-right .input-container{width:100%}}.view-report-header-info{display:flex;flex-direction:column}.view-report-header-info-name{font-size:20px;font-weight:600}.view-report-header-info-description{font-size:13px;font-weight:300}.view-report-content{padding:1.429rem 0;display:flex;flex-direction:column;gap:1.429rem}.view-report-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:1.429rem}.view-report-content-wrapper-one{display:grid;grid-template-columns:1fr 1fr;gap:1.429rem}.view-report-content-wrapper-data{display:grid;grid-template-columns:1fr 1fr;gap:1.429rem;height:100%}.view-report-content-wrapper-data>div{height:100%}@media all and (max-width: 1290px){.view-report-content-wrapper-data{display:flex;flex-direction:column;gap:1.429rem}}.view-report-content>:nth-child(1),.view-report-content>:nth-child(2){width:100%}.view-report-content>:nth-child(3){width:100%}.view-report-content-employeeOvertimeDetails{display:flex;gap:1.429rem}.employeeWorkHours-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:300px;padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}@media all and (max-width: 992px){.employeeWorkHours-container{height:300px}}.employeeWorkHours-header{font-weight:600}.employeeLeaves-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:300px;padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}.employeeLeaves-header{font-weight:600}.employeeDeductionAndEarning-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:300px;padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}@media all and (max-width: 992px){.employeeDeductionAndEarning-container{height:300px}}.employeeDeductionAndEarning-header{font-weight:600}.recharts-sector:focus{outline:none!important}.employeeOvertimeDetails-container{width:50%;height:100%;display:flex;flex-direction:column;position:relative;min-height:fit-content;padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}.employeeOvertimeDetails-content{display:flex;flex-direction:column;align-items:center;width:100%;margin-inline:auto;gap:2.857rem}.employeeOvertimeDetails-content>div{display:flex;flex-direction:column;align-items:center}.employeeOvertimeDetails-content>div>p:first-child{font-size:20px}.employeeOvertimeDetails-content>div>p:last-child{font-size:13px;font-weight:300}.employeeIdentification-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:fit-content;padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}.employeeIdentification-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:4.286rem}.employeeIdentification-content-item>p:last-child{font-size:20px;font-weight:500;letter-spacing:1.3px}.employee-tenure-report-page{width:100%;padding:1.429rem}@media all and (max-width: 576px){.employee-tenure-report-page{padding:2.286rem 1.714rem}}.employee-tenure-report-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.429rem 0}.employee-tenure-report-header-left{display:flex;flex-direction:row;align-items:center;gap:1.429rem}@media all and (max-width: 576px){.employee-tenure-report-header-left{width:100%}}.employee-tenure-report-header-left>img{height:60px;width:60px;object-fit:cover;border-radius:50%}@media all and (max-width: 576px){.employee-tenure-report-header-left>img{height:50px;width:50px}}.employee-tenure-report-header-right{display:flex;gap:1.429rem}@media all and (max-width: 576px){.employee-tenure-report-header-right .input-container{width:100%}}.employee-tenure-report-header-info{display:flex;flex-direction:column}.employee-tenure-report-header-info-name{font-size:20px;font-weight:600}@media all and (max-width: 576px){.employee-tenure-report-header-info-name{font-size:18px}}.employee-tenure-report-header-info-description{font-size:13px;font-weight:300}.employee-tenure-report-content{padding:1.429rem 0;display:flex;flex-direction:column;gap:1.429rem}.employee-tenure-report-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:1.429rem}.employee-tenure-report-content-wrapper-one,.employee-tenure-report-content-wrapper-data{display:grid;grid-template-columns:1fr;gap:1.429rem}.employee-tenure-report-content>:nth-child(1),.employee-tenure-report-content>:nth-child(2){width:100%}.employee-tenure-report-content>:nth-child(3){width:100%}.employee-tenure-report-content-employeeOvertimeDetails{display:flex;gap:1.429rem}.issued-document-report-page{width:100%;padding:1.429rem}.issued-document-report-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.429rem 0}.issued-document-report-header-left{display:flex;flex-direction:row;align-items:center;gap:1.429rem}.issued-document-report-header-left>img{height:60px;width:60px;object-fit:cover;border-radius:50%}.issued-document-report-header-right{display:flex;gap:1.429rem}.issued-document-report-header-info{display:flex;flex-direction:column}.issued-document-report-header-info-name{font-size:20px;font-weight:600}.issued-document-report-header-info-description{font-size:13px;font-weight:300}.issued-document-report-content{padding:1.429rem 0;display:flex;flex-direction:column;gap:1.429rem}.issued-document-report-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:1.429rem}.issued-document-report-content-wrapper-one{display:grid;grid-template-columns:1fr;gap:1.429rem}.issued-document-report-content-wrapper-data{width:50%;display:grid;grid-template-columns:1fr;gap:1.429rem}@media all and (max-width: 992px){.issued-document-report-content-wrapper-data{width:100%}}.issued-document-report-content-wrapper-right{display:flex;flex-direction:column;width:50%;gap:1.429rem}@media all and (max-width: 992px){.issued-document-report-content-wrapper-right{width:100%}}.issued-document-report-content>:nth-child(1),.issued-document-report-content>:nth-child(2){width:100%}.issued-document-report-content>:nth-child(3){width:100%}.issued-document-report-content-employeeOvertimeDetails{display:flex;gap:1.429rem}.issued-document-report-content-bottom{display:flex;flex-direction:row;gap:1.429rem}@media all and (max-width: 992px){.issued-document-report-content-bottom{flex-direction:column}}.overtime-report-page{width:100%;padding:1.429rem}@media all and (max-width: 576px){.overtime-report-page{padding:2.286rem 1.714rem}}.overtime-report-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.429rem 0}@media all and (max-width: 576px){.overtime-report-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:1.429rem 0;gap:1.429rem}}.overtime-report-header-left{display:flex;flex-direction:row;align-items:center;gap:1.429rem}@media all and (max-width: 576px){.overtime-report-header-left{width:100%}}.overtime-report-header-left>img{height:60px;width:60px;object-fit:cover;border-radius:50%}.overtime-report-header-right{display:flex;gap:1.429rem}@media all and (max-width: 576px){.overtime-report-header-right,.overtime-report-header-right .input-container{width:100%}}.overtime-report-header-info{display:flex;flex-direction:column}.overtime-report-header-info-name{font-size:20px;font-weight:600}.overtime-report-header-info-description{font-size:13px;font-weight:300}.overtime-report-content{padding:1.429rem 0;display:flex;flex-direction:column;gap:1.429rem;width:100%}.overtime-report-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:1.429rem;width:100%}.overtime-report-content-wrapper-one{display:grid;grid-template-columns:1fr;gap:1.429rem}.overtime-report-content-wrapper-data{width:50%;display:grid;grid-template-columns:1fr;gap:1.429rem}@media all and (max-width: 992px){.overtime-report-content-wrapper-data{width:100%}}.overtime-report-content-wrapper-right{display:flex;flex-direction:column;width:50%;gap:1.429rem}@media all and (max-width: 992px){.overtime-report-content-wrapper-right{width:100%}}.overtime-report-content>:nth-child(1),.overtime-report-content>:nth-child(2){width:100%}.overtime-report-content>:nth-child(3){width:100%}.overtime-report-content-employeeOvertimeDetails{display:flex;gap:1.429rem}.overtime-report-content-bottom{display:flex;flex-direction:row;gap:1.429rem}@media all and (max-width: 992px){.overtime-report-content-bottom{flex-direction:column}}.absenteeism-report-page{width:100%;padding:1.429rem}@media all and (max-width: 576px){.absenteeism-report-page{padding:2.286rem 1.714rem}}.absenteeism-report-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.429rem 0}@media all and (max-width: 576px){.absenteeism-report-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:1.429rem 0;gap:1.429rem}}.absenteeism-report-header-left{display:flex;flex-direction:row;align-items:center;gap:1.429rem}@media all and (max-width: 576px){.absenteeism-report-header-left{width:100%}}.absenteeism-report-header-left>img{height:60px;width:60px;object-fit:cover;border-radius:50%}.absenteeism-report-header-right{display:flex;gap:1.429rem}@media all and (max-width: 576px){.absenteeism-report-header-right,.absenteeism-report-header-right .input-container{width:100%}}.absenteeism-report-header-info{display:flex;flex-direction:column}.absenteeism-report-header-info-name{font-size:20px;font-weight:600}.absenteeism-report-header-info-description{font-size:13px;font-weight:300}.absenteeism-report-content{padding:1.429rem 0;display:flex;flex-direction:column;gap:1.429rem}.absenteeism-report-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:1.429rem}.absenteeism-report-content-wrapper-one{display:grid;grid-template-columns:1fr;gap:1.429rem}.absenteeism-report-content-wrapper-data{width:50%;display:grid;grid-template-columns:1fr;gap:1.429rem}@media all and (max-width: 992px){.absenteeism-report-content-wrapper-data{width:100%}}.absenteeism-report-content-wrapper-right{display:flex;flex-direction:column;width:50%;gap:1.429rem}@media all and (max-width: 992px){.absenteeism-report-content-wrapper-right{width:100%}}.absenteeism-report-content>:nth-child(1),.absenteeism-report-content>:nth-child(2){width:100%}.absenteeism-report-content>:nth-child(3){width:100%}.absenteeism-report-content-employeeOvertimeDetails{display:flex;gap:1.429rem}.absenteeism-report-content-bottom{display:flex;flex-direction:row;gap:1.429rem}@media all and (max-width: 992px){.absenteeism-report-content-bottom{flex-direction:column}}.report-document-loader{position:fixed;z-index:9999}.wfh-report-page{width:100%;padding:1.429rem}@media all and (max-width: 576px){.wfh-report-page{padding:2.286rem 1.714rem}}.wfh-report-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.429rem 0}@media all and (max-width: 576px){.wfh-report-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:1.429rem 0;gap:1.429rem}}.wfh-report-header-left{display:flex;flex-direction:row;align-items:center;gap:1.429rem}@media all and (max-width: 576px){.wfh-report-header-left{width:100%}}.wfh-report-header-left>img{height:60px;width:60px;object-fit:cover;border-radius:50%}.wfh-report-header-right{display:flex;gap:1.429rem}@media all and (max-width: 576px){.wfh-report-header-right,.wfh-report-header-right .input-container{width:100%}}.wfh-report-header-info{display:flex;flex-direction:column}.wfh-report-header-info-name{font-size:20px;font-weight:600}.wfh-report-header-info-description{font-size:13px;font-weight:300}.wfh-report-content{padding:1.429rem 0;display:flex;flex-direction:column;gap:1.429rem}.wfh-report-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:1.429rem}.wfh-report-content-wrapper-one{display:grid;grid-template-columns:1fr;gap:1.429rem}.wfh-report-content-wrapper-data{width:50%;display:grid;grid-template-columns:1fr;gap:1.429rem}@media all and (max-width: 992px){.wfh-report-content-wrapper-data{width:100%}}.wfh-report-content-wrapper-right{display:flex;flex-direction:column;width:50%;gap:1.429rem}@media all and (max-width: 992px){.wfh-report-content-wrapper-right{width:100%}}.wfh-report-content>:nth-child(1),.wfh-report-content>:nth-child(2){width:100%}.wfh-report-content>:nth-child(3){width:100%}.wfh-report-content-employeeOvertimeDetails{display:flex;gap:1.429rem}.wfh-report-content-bottom{display:flex;flex-direction:row;gap:1.429rem}@media all and (max-width: 992px){.wfh-report-content-bottom{flex-direction:column}}.wfh-report-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:row;animation:fadeIn .3s ease-out}.wfh-report-modal-content{background-color:#100b18;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:95vw;max-height:95vh;width:1200px;height:90vh;overflow:hidden;animation:slideIn .3s ease-out;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.wfh-report-modal-content .modal-header{position:relative;width:100%;padding:1.143rem 1.429rem;background:linear-gradient(135deg,#34d3991a,#9c84d81a);border-bottom:1px solid rgba(52,211,153,.2);display:flex;align-items:space-between;justify-content:center;flex-direction:row}.wfh-report-modal-content .modal-header h3{color:#fff;font-size:1.286rem;font-weight:600;margin:0}.wfh-report-modal-content .modal-header .close-button{position:absolute;right:10px;top:10px;background:none;border:none;color:#3e1e79;font-size:1.143rem;cursor:pointer;padding:.571rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-direction:row}.wfh-report-modal-content .modal-header .close-button:hover{background-color:#ffffff1a;color:#fff;transform:scale(1.1)}.wfh-report-modal-content .modal-header .close-button:active{transform:scale(.95)}.wfh-report-modal-content .modal-body{position:relative;flex:1;padding:0;overflow:hidden;width:100%;height:calc(100% - 80px);background-color:#fff}.wfh-report-modal-content .modal-body .proceed-button{position:absolute;bottom:1.714rem;right:1.714rem;background-color:#100b18;color:#fff}.wfh-report-modal-content .modal-body .proceed-button:hover{background-color:#1b1925}.wfh-report-modal-content .modal-footer{padding:1.143rem;border-top:1px solid rgba(52,211,153,.2);display:flex;align-items:flex-end;justify-content:center;flex-direction:row}.leave-and-absence-report-page{width:100%;padding:1.429rem}@media all and (max-width: 576px){.leave-and-absence-report-page{padding:2.286rem 1.714rem}}.leave-and-absence-report-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.429rem 0}@media all and (max-width: 576px){.leave-and-absence-report-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:1.429rem 0;gap:1.429rem}}.leave-and-absence-report-header-left{display:flex;flex-direction:row;align-items:center;gap:1.429rem}@media all and (max-width: 576px){.leave-and-absence-report-header-left{width:100%}}.leave-and-absence-report-header-left>img{height:60px;width:60px;object-fit:cover;border-radius:50%}.leave-and-absence-report-header-right{display:flex;gap:1.429rem}@media all and (max-width: 576px){.leave-and-absence-report-header-right,.leave-and-absence-report-header-right .input-container{width:100%}}.leave-and-absence-report-header-info{display:flex;flex-direction:column}.leave-and-absence-report-header-info-name{font-size:20px;font-weight:600}.leave-and-absence-report-header-info-description{font-size:13px;font-weight:300}.leave-and-absence-report-content{padding:1.429rem 0;display:flex;flex-direction:column;gap:1.429rem}.leave-and-absence-report-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:1.429rem}.leave-and-absence-report-content-wrapper-one{display:grid;grid-template-columns:1fr;gap:1.429rem}.leave-and-absence-report-content-wrapper-data{width:50%;display:grid;grid-template-columns:1fr;gap:1.429rem}@media all and (max-width: 992px){.leave-and-absence-report-content-wrapper-data{width:100%}}.leave-and-absence-report-content-wrapper-right{display:flex;flex-direction:column;width:50%;gap:1.429rem}@media all and (max-width: 992px){.leave-and-absence-report-content-wrapper-right{width:100%}}.leave-and-absence-report-content>:nth-child(1),.leave-and-absence-report-content>:nth-child(2){width:100%}.leave-and-absence-report-content>:nth-child(3){width:100%}.leave-and-absence-report-content-employeeOvertimeDetails{display:flex;gap:1.429rem}.leave-and-absence-report-content-bottom{display:flex;flex-direction:row;gap:1.429rem}@media all and (max-width: 992px){.leave-and-absence-report-content-bottom{flex-direction:column}}.employeeTenureCard-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:fit-content;padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}.employeeTenureCard-progressSection{display:flex;flex-direction:column;gap:1.429rem}.employeeTenureCard-progressSection-progressLabel{font-weight:600}.employeeTenureCard-progressSection-progressBar{height:8px;background:#e5e7eb;border-radius:8px;overflow:hidden;position:relative}.employeeTenureCard-progressSection-progressBar-progressFill{height:100%;background:#8860d0;transition:width .4s ease-in-out}.employeeTenureCard-progressSection-progressInfo{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.basicDetails-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:fit-content;padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}.basicDetails-header{font-weight:600}@media all and (max-width: 992px){.basicDetails-header{font-size:10px}}.basicDetails-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:4.286rem}@media all and (max-width: 992px){.basicDetails-content-item>p{font-size:10px}}.basicDetails-content-item>p{font-weight:600}.basicDetails-content-item>p:last-child{font-weight:400;font-size:19px;letter-spacing:1.3px;text-transform:capitalize;color:#000c}@media all and (max-width: 992px){.basicDetails-content-item>p:last-child{font-size:12px}}.unavailable{opacity:.6;color:#888}.comparisonChart-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}.comparisonChart-header{font-weight:600;display:flex;align-items:center;justify-content:space-between}.comparisonChart-content{display:flex;flex-direction:row;height:90%;align-items:center;justify-content:center;flex-wrap:wrap;gap:4.286rem}.comparisonChart-content-item>p:last-child{font-size:20px;font-weight:500;letter-spacing:1.3px}.comparisonChart-content-not-available{display:flex;height:80%;padding:1.429rem;text-align:center;align-items:center;font-size:20px;font-weight:500;justify-content:center;min-height:300px}@media all and (max-width: 992px){.comparisonChart-content-not-available{font-size:15px}}.comparisonChart-toggle-group{display:flex;background:#8860d00d;padding:2px;border-radius:8px;border:1px solid rgba(136,96,208,.1)}.comparisonChart-toggle-item{padding:4px 14px;border:none;border-radius:6px;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;background:transparent;color:#313131;font-family:QuickSand,sans-serif}.comparisonChart-toggle-item:hover:not(.active){background:#8860d01a}.comparisonChart-toggle-item.active{background:#8860d0;color:#fff;box-shadow:0 2px 8px #8860d033}.comparisonChart-table{width:100%;border-radius:8px}.comparisonChart-table th,.comparisonChart-table td{border:1px solid #ddd;padding:8px;text-align:center}.documentImages-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:fit-content;padding:.857rem;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}.documentImages-header{font-weight:600}.documentImages-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:4.286rem}.documentImages-content-item>p{font-weight:600}@media all and (max-width: 992px){.documentImages-content-item>p{font-size:12px}}.documentImages-content-item>p:last-child{font-size:20px;font-weight:500;letter-spacing:1.3px}@media all and (max-width: 992px){.documentImages-content-item>p:last-child{font-size:15px}}.documentImages-content-item>img{margin-top:5px;max-height:300px;height:auto;width:auto;max-width:500px}@media all and (max-width: 1290px){.documentImages-content-item>img{max-height:200px;height:auto;width:auto;max-width:300px}}@media all and (max-width: 576px){.documentImages-content-item>img{max-height:150px;height:auto;width:auto;max-width:200px}}.informationTable-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:fit-content;background-color:#8860d005;box-shadow:#8860d033 0 0 0 1px;border-radius:8px;gap:1.429rem}.informationTable-container-expanded{margin-bottom:150px}.informationTable-container:has(.informationTable-pagination){padding-bottom:1.429rem}.informationTable-pagination{display:flex;width:max-content;margin-inline:auto;margin-top:1.429rem}@media all and (max-width: 992px){.informationTable-pagination{flex-direction:column;gap:1.429rem}}.informationTable-pagination-rows{position:absolute;right:1.429rem;bottom:.5rem}@media all and (max-width: 992px){.informationTable-pagination-rows{position:static}}.informationTable-pagination-rows>p{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:14px}.informationTable-pagination-rows-input{max-width:60px}@media all and (max-width: 992px){.informationTable-pagination-rows-input{max-width:30px}}.informationTable-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:4.286rem}.informationTable-content-item>p:last-child{font-size:20px;font-weight:500;letter-spacing:1.3px}.informationTable-no-data{display:flex;flex-direction:row;padding:.857rem;justify-content:center;align-items:center;min-height:400px}.informationTable-no-data-title{position:absolute;width:100%;padding:.857rem;height:100%;text-align:start;font-weight:600}.informationTable-no-data-text{text-align:center;padding:1.429rem;font-size:20px;font-weight:500}@media all and (max-width: 992px){.informationTable-no-data-text{font-size:15px}}.table-button{background:none;border:0px;font-size:14px;font-family:QuickSand;color:#ffffffe6;cursor:pointer;background-color:#8860d0;padding:.571rem .857rem;border-radius:.286rem}.table-cell:not(:has(.tooltip-container)){text-overflow:ellipsis;overflow:hidden;max-width:300px;margin-inline:auto}.table-cell .tooltip-container .children>p{max-width:280px;margin-inline:auto;text-overflow:ellipsis;overflow:hidden}@media screen and (max-width: 1225px){.table-cell .tooltip-container .children>p{max-width:100px}}.supportingDocument-modal-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.supportingDocument-modal{background:#fff;padding:1rem;width:max-content;border-radius:8px;position:relative}.supportingDocument-pdf-viewer,.supportingDocument-image-viewer{width:max-content;height:80vh}.supportingDocument-close-btn{position:absolute;top:8px;right:8px;border:none;background:transparent;cursor:pointer;font-size:1.2rem}.reports-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:row;animation:fadeIn .3s ease-out}.reports-modal-overlay *[class*=pdf-viewer],.reports-modal-overlay *[class*=pdf-toolbar],.reports-modal-overlay *[class*=pdf-navigation],.reports-modal-overlay *[class*=pdf-controls],.reports-modal-overlay *[class*=pdf-zoom],.reports-modal-overlay *[class*=pdf-ui]{display:none!important}.reports-modal-overlay .reports-modal-content{background-color:#100b18;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:95vw;max-height:95vh;width:1200px;height:90vh;overflow:hidden;animation:slideIn .3s ease-out;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.reports-modal-overlay .reports-modal-content .modal-header{position:relative;width:100%;padding:1.143rem 1.429rem;background:linear-gradient(135deg,#34d3991a,#9c84d81a);border-bottom:1px solid rgba(52,211,153,.2);display:flex;align-items:space-between;justify-content:center;flex-direction:row}.reports-modal-overlay .reports-modal-content .modal-header h3{color:#fff;font-size:1.286rem;font-weight:600;margin:0}.reports-modal-overlay .reports-modal-content .modal-header .close-button{position:absolute;right:10px;top:10px;background:none;border:none;color:#3e1e79;font-size:1.143rem;cursor:pointer;padding:.571rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-direction:row}.reports-modal-overlay .reports-modal-content .modal-header .close-button:hover{background-color:#ffffff1a;color:#fff;transform:scale(1.1)}.reports-modal-overlay .reports-modal-content .modal-header .close-button:active{transform:scale(.95)}.reports-modal-overlay .reports-modal-content .modal-body{position:relative;flex:1;padding:0;overflow:hidden;width:100%;height:calc(100% - 80px)}.reports-modal-overlay .reports-modal-content .modal-body .proceed-button{position:absolute;bottom:1.714rem;right:1.714rem;background-color:#100b18;color:#fff}.reports-modal-overlay .reports-modal-content .modal-body .proceed-button:hover{background-color:#1b1925}.reports-modal-overlay .reports-modal-content .modal-body-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.reports-modal-overlay .reports-modal-content .modal-body-image{max-height:80%;height:auto;object-fit:contain;display:block;margin:0 auto}.reports-modal-overlay .reports-modal-content .modal-body-no-document{width:100%;height:93%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.714rem}.reports-modal-overlay .reports-modal-content .modal-footer{padding:1.143rem;border-top:1px solid rgba(52,211,153,.2);display:flex;align-items:flex-end;justify-content:center;flex-direction:row}.reports-modal-overlay .reports-modal-content .modal-footer-btns{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.reports-modal-overlay .reports-modal-content .modal-footer-btns:hover:not(:disabled){background:#fff3;transform:translateY(-50%) scale(1.1)}.reports-modal-overlay .reports-modal-content .modal-footer-btns:active:not(:disabled){transform:translateY(-50%) scale(.95)}.reports-modal-overlay .reports-modal-content .modal-footer-btns:disabled{opacity:.3;cursor:not-allowed}.reports-modal-overlay .reports-modal-content .modal-footer-btns-prev{left:1.714rem}.reports-modal-overlay .reports-modal-content .modal-footer-btns-next{right:1.714rem}.date-cell-wrapper{position:relative;cursor:pointer;min-width:200px}.date-cell-wrapper:hover .date-tooltip{display:block}.date-preview{display:flex;flex-direction:row;align-items:center;gap:4px}.date-count-badge{display:inline-block;background-color:#8860d0;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.date-tooltip{position:absolute;display:none;z-index:9999;background:#fff;border:1px solid #e5e7eb;color:#8860d0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:12px;min-width:250px;max-height:400px;overflow-y:auto;left:0;top:100%;margin-top:8px}.date-tooltip::-webkit-scrollbar{width:6px}.date-tooltip::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.date-tooltip::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.date-tooltip::-webkit-scrollbar-thumb:hover{background:#555}.date-tooltip-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.date-item{padding:6px 10px;background-color:#f3f4f6;border-radius:4px;font-size:12px;text-align:center;white-space:nowrap}.date-item:hover{background-color:#e5e7eb}.reports-container{display:flex;flex-direction:column;align-items:center;padding:.857rem;width:100%}.reports-container.dropdown-open{padding-bottom:150px}@media (max-width: 768px){.reports-container{padding:.857rem .571rem}}.reports-container .reports__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.reports-container .reports__header{flex-direction:column;align-items:flex-start}}.reports-container .reports__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.reports-container .reports__header-actions{display:flex;align-items:center;gap:.857rem}@media all and (max-width: 576px){.reports-container .reports__header-actions{width:100%}}.reports-container .reports__header-actions .add-event-btn{padding:16px 24px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border:none;box-shadow:0 4px 12px #8860d04d}.reports-container .reports__header-actions .add-event-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}@media all and (max-width: 576px){.reports-container .reports__header-actions .add-event-btn{width:100%}}.reports-container .reports__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.reports-container .reports__header-icon{width:40px;height:40px;font-size:1.286rem}}.reports-container .reports__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.reports-container .reports__title{font-size:1.143rem}}.reports-container .reports__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.reports-container .reports__add-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.reports-container .reports__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.reports-container .reports__add-btn{width:100%}}.reports-container .reports__filters{background:#fff;width:100%;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:1000}.reports-container .reports__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}@media all and (max-width: 576px){.reports-container .reports__filter-header{flex-direction:column;align-items:flex-start;gap:1.143rem}}.reports-container .reports__filter-header .reports__filter-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.reports-container .reports__filter-header .reports__filter-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.reports-container .reports__filter-header .reports__filter-btn-container{display:flex;flex-direction:row;gap:10px}@media all and (max-width: 576px){.reports-container .reports__filter-header .reports__filter-btn-container{width:100%}.reports-container .reports__filter-header .reports__filter-btn-container>button{width:100%}}.reports-container .reports__filter-header .reports__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.reports-container .reports__filter-header .reports__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.reports-container .reports__filter-content{display:flex;flex-direction:row;gap:.857rem}@media all and (max-width: 992px){.reports-container .reports__filter-content{display:flex;flex-direction:column}}.reports-container .reports__filter-content .reports__status-chip-selector{display:flex;gap:.857rem;flex-wrap:wrap;width:100%}.reports-container .reports__filter-content .reports__status-chip{flex:1;min-width:120px;width:100%;padding:.857rem 1.143rem;border-radius:12px;font-size:.857rem;font-weight:600;text-transform:capitalize;border:2px solid rgba(136,96,208,.2);background:#fff;color:#313131;cursor:pointer;transition:all .3s ease;text-align:center}.reports-container .reports__filter-content .reports__status-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #8860d01a;background:#9c80ce0d;border-color:#9c80ce4d}.reports-container .reports__filter-content .reports__status-chip.active{background:linear-gradient(135deg,#9c80ce,#703ab6);color:#fff;border-color:#9c80ce;box-shadow:0 2px 8px #9c80ce4d;transform:translateY(-1px)}.reports-container .reports__search{width:100%}.reports-container .reports__filter-group{display:flex;flex-direction:row;gap:1.143rem}.reports-container .reports__filter-item{height:100%;min-width:200px}@media all and (max-width: 576px){.reports-container .reports__filter-item{min-width:150px}}.reports-container .reports__filter-item .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff;transition:all .3s ease}.reports-container .reports__filter-item .react-select__control:hover{border-color:#8860d0!important}.reports-container .reports__filter-item .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.reports-container .reports__filter-item .react-select__value-container{padding:0 .571rem;height:36px}.reports-container .reports__filter-item .react-select__indicators{height:36px}.reports-container .reports__filter-item .react-select__placeholder{color:#8c9196;font-weight:400;font-size:.857rem}.reports-container .reports__filter-item .react-select__single-value{color:#313131;font-weight:600;font-size:.857rem}.reports-container .reports__filter-item .react-select__indicator{color:#8860d0;padding:.286rem}.reports-container .reports__filter-item .react-select__indicator-separator{display:none}.reports-container .reports__filter-item .react-select__menu{border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #e6e6e7;margin-top:.286rem;overflow:hidden;z-index:1000}.reports-container .reports__filter-item .react-select__menu-list{padding:.286rem}.reports-container .reports__filter-item .react-select__option{padding:.571rem .857rem;cursor:pointer;transition:all .2s ease;font-size:.857rem;border-radius:8px;margin-bottom:.286rem}.reports-container .reports__filter-item .react-select__option:last-child{margin-bottom:0}.reports-container .reports__filter-item .react-select__option--is-focused{background:#f3effc!important;color:#8860d0!important}.reports-container .reports__filter-item .react-select__option--is-selected{background:#8860d0!important;color:#fff!important;font-weight:600}.reports-container .filters-container{margin:20px 0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.429rem}.reports-container .filters-container-individual{display:flex;flex-direction:row;align-items:center;gap:1.429rem;height:100%}.reports-container .filters-container .search-event,.reports-container .filters-container .select-event,.reports-container .select-event{min-width:150px;max-width:400px}@media all and (max-width: 992px){.reports-container .select-event{width:100%;max-width:unset;min-width:unset}}.reports-container .reports-table{width:100%;border-radius:16px;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:30px;animation:fadeInUp .6s ease-out .2s both}.reports-container .reports-table .no-data-found{min-height:400px;text-align:center;margin-top:5%}.reports-container .table-container{border-radius:8px;overflow-y:auto;border:1px solid #e6e6e7}.reports-container .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.reports-container .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.reports-container .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease;cursor:pointer}.reports-container .table-container table tbody tr .teams-page__employee-cell{justify-content:center}.reports-container .table-container table tbody tr .teams-page__employee-cell .employee-info{align-items:flex-start}.reports-container .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.reports-container .table-container table tbody tr:hover .reports__employee-cell .employee-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8860d033}.reports-container .table-container table tbody tr:last-child{border-bottom:none}.reports-container .table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.reports-container .reports-page-pagination{display:flex;align-items:center;justify-content:center}@media all and (max-width: 992px){.reports-container .reports-page-pagination{flex-direction:column;gap:1.429rem}}.reports-container .reports-page-pagination-rows{position:absolute;right:1.429rem;animation:fadeInUp .6s ease-out .2s both;z-index:1000}@media all and (max-width: 992px){.reports-container .reports-page-pagination-rows{position:static}}.reports-container .reports-page-pagination-rows>p{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:.857rem;animation:fadeInUp .6s ease-out .2s both;z-index:1000}@media all and (max-width: 992px){.reports-container .reports-page-pagination-rows>p{font-size:14px}}.reports-container .reports-page-pagination-rows-input{max-width:60px;animation:fadeInUp .6s ease-out .2s both;z-index:1000}.date-cell-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}.reportGenerationSpinner-container{height:90vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.reportGenerationSpinner-text{font-size:16px}.create-document-type-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.create-document-type-page{padding:1.714rem 1.143rem}}.create-document-type-page__container{max-width:1200px;margin:0 auto}.create-document-type-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.create-document-type-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.create-document-type-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.create-document-type-page__back-btn:active{transform:translate(-2px)}.create-document-type-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.create-document-type-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.create-document-type-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.create-document-type-page__header-icon{display:none}}.create-document-type-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.create-document-type-page__title{font-size:1.429rem}}.create-document-type-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.create-document-type-page__main-content{display:grid;grid-template-columns:1fr 400px;gap:1.714rem;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 1200px){.create-document-type-page__main-content{grid-template-columns:1fr}}.create-document-type-page__form-card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;position:relative;z-index:1}@media (max-width: 768px){.create-document-type-page__form-card{padding:1.714rem}}.create-document-type-page__form{display:flex;flex-direction:column;gap:1.714rem}.create-document-type-page__input-group{display:flex;flex-direction:column;gap:.857rem}.create-document-type-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.create-document-type-page__label-icon{color:#8860d0;font-size:1.286rem}.create-document-type-page__required{color:#cd5353;margin-left:.286rem}.create-document-type-page__optional{color:#8c9196;font-size:.857rem;font-weight:400;margin-left:.571rem}.create-document-type-page__warning-badge{display:inline-flex;align-items:center;gap:.286rem;padding:.286rem .571rem;margin-left:.571rem;background:linear-gradient(135deg,#cd53531a,#cd53530d);border:1px solid rgba(205,83,83,.2);border-radius:8px;color:#cd5353;font-size:.857rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s infinite}.create-document-type-page__warning-badge svg{font-size:.857rem}.create-document-type-page__input{font-size:1.143rem;transition:all .3s ease}.create-document-type-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.create-document-type-page__error-message{display:flex;align-items:center;gap:.571rem;color:#cd5353;font-size:.857rem;font-weight:500;padding:.571rem .857rem;background:#cd53530d;border-radius:8px;border-left:3px solid #cd5353;animation:shake .4s ease-in-out}.create-document-type-page__error-message svg{flex-shrink:0;font-size:1rem}.create-document-type-page__fields-section{display:flex;flex-direction:column;gap:1.143rem}.create-document-type-page__field-item{background:linear-gradient(135deg,#8860d005,#9c80ce05);border:2px solid rgba(136,96,208,.1);border-radius:12px;padding:1.429rem;transition:all .3s ease;animation:fadeInScale .3s ease-out}.create-document-type-page__field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:1px solid rgba(136,96,208,.1)}.create-document-type-page__field-header .field-number{font-size:1rem;font-weight:600;color:#8860d0;padding:.286rem .857rem;background:#8860d01a;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.create-document-type-page__field-header .remove-field-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#cd53531a;color:#cd5353;border-radius:50%;cursor:pointer;transition:all .2s ease;font-size:1.143rem}.create-document-type-page__field-header .remove-field-btn:hover{background:#cd5353;color:#fff;transform:scale(1.1) rotate(90deg)}.create-document-type-page__field-header .remove-field-btn:active{transform:scale(.95) rotate(90deg)}.create-document-type-page__field-inputs{display:grid;grid-template-columns:1fr 200px 52px;gap:.571rem}@media (max-width: 768px){.create-document-type-page__field-inputs{grid-template-columns:1fr}}.create-document-type-page__field-inputs .field-label-input{display:flex;flex-direction:column;gap:.571rem}.create-document-type-page__field-inputs .field-type-select{display:flex;flex-direction:column}.create-document-type-page__field-inputs .field-required{display:flex;align-items:center;justify-content:center;flex-direction:row;background:#8c91961a;color:#8c9196;font-size:1.143rem;font-weight:500;height:3.9rem;overflow:hidden;line-height:1em;cursor:pointer;transition:all .3s ease;border-radius:8px;opacity:.5}.create-document-type-page__field-inputs .field-required:hover{background:#8c919633;color:#8c9196;opacity:1}.create-document-type-page__field-inputs .field-required.required{color:#cd5353;background:#cd53531a;border:2px solid rgba(205,83,83,.2);opacity:1}.create-document-type-page .add-field-container{margin-top:.571rem}.create-document-type-page .add-field-btn{display:flex;align-items:center;justify-content:center;gap:.571rem;padding:1.143rem 1.714rem;background:transparent;border:2px dashed #8860d0;color:#8860d0;border-radius:12px;font-size:1.143rem;font-weight:500;cursor:pointer;transition:all .3s ease}.create-document-type-page .add-field-btn:hover:not(:disabled){background:#8860d00d;border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px #8860d033}.create-document-type-page .add-field-btn:active:not(:disabled){transform:translateY(0)}.create-document-type-page .add-field-btn:disabled,.create-document-type-page .add-field-btn--disabled{opacity:.5;cursor:not-allowed;border-color:#8c9196;color:#8c9196}.create-document-type-page .add-field-btn:disabled:hover,.create-document-type-page .add-field-btn--disabled:hover{background:transparent;border-style:dashed;transform:none;box-shadow:none}.create-document-type-page .add-field-btn svg{font-size:1.286rem}.create-document-type-page .add-field-hint{display:flex;align-items:center;gap:.571rem;margin-top:.857rem;padding:.857rem 1.143rem;background:#2c6ecb14;border:1px solid rgba(44,110,203,.22);border-radius:8px;color:#2c6ecb;font-size:1rem;font-weight:500;animation:fadeInUp .3s ease-out}.create-document-type-page .add-field-hint svg{font-size:1.143rem;flex-shrink:0}.create-document-type-page .add-field-hint span{line-height:1.4}.create-document-type-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.create-document-type-page__actions{flex-direction:column}}.create-document-type-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.create-document-type-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.create-document-type-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.create-document-type-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.create-document-type-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.create-document-type-page__submit-btn{flex:1}}.create-document-type-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both;position:relative;z-index:0}@media (max-width: 1200px){.create-document-type-page__info{margin-top:1.143rem}}.create-document-type-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;z-index:0}.create-document-type-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.create-document-type-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.create-document-type-page__info-icon{font-size:1.429rem;flex-shrink:0}.create-document-type-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.create-document-type-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.create-document-type-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.create-document-type-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.create-document-type-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.create-document-type-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer;max-height:unset!important}.create-document-type-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.create-document-type-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.create-document-type-page .selectfield .react-select__control--is-disabled{background:#8c91960d!important;border-color:#e6e6e780!important;cursor:not-allowed!important;opacity:.7}.create-document-type-page .selectfield .react-select__control--is-disabled:hover{border-color:#e6e6e780!important;background:#8c91960d!important}.create-document-type-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem;z-index:1000!important}.create-document-type-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.create-document-type-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.create-document-type-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.create-document-type-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.create-document-type-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.create-document-type-page .selectfield .react-select__indicator{color:#8860d0}.create-document-type-page .field-type-option{display:flex;align-items:center;gap:.571rem}.create-document-type-page .field-type-option .field-type-icon{font-size:1.286rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.issue-document-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.issue-document-page{padding:1.714rem 1.143rem}}.issue-document-page__container{max-width:1200px;margin:0 auto}.issue-document-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.issue-document-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.issue-document-page__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.issue-document-page__back-btn:active{transform:translate(-2px)}.issue-document-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.issue-document-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.issue-document-page__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.issue-document-page__header-icon{display:none}}.issue-document-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.issue-document-page__title{font-size:1.429rem}}.issue-document-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.issue-document-page__loader{display:flex;justify-content:center;align-items:center;min-height:400px;padding:3.429rem 0;animation:fadeInUp .6s ease-out .2s both}.issue-document-page__main-content{display:grid;grid-template-columns:1fr 400px;gap:1.714rem;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 1200px){.issue-document-page__main-content{grid-template-columns:1fr}}.issue-document-page__form-card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;position:relative;z-index:1}@media (max-width: 768px){.issue-document-page__form-card{padding:1.714rem}}.issue-document-page__form{display:flex;flex-direction:column;gap:1.714rem}.issue-document-page__input-group{display:flex;flex-direction:column;gap:.857rem}.issue-document-page__label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:600;color:#313131}.issue-document-page__label-icon{color:#8860d0;font-size:1.286rem}.issue-document-page__required{color:#cd5353;margin-left:.286rem}.issue-document-page__input{font-size:1.143rem;transition:all .3s ease}.issue-document-page__input:focus{box-shadow:0 0 0 4px #8860d01a;transform:translateY(-1px)}.issue-document-page__error-message{display:flex;align-items:center;gap:.571rem;color:#cd5353;font-size:.857rem;font-weight:500;padding:.571rem .857rem;background:#cd53530d;border-radius:8px;border-left:3px solid #cd5353;animation:shake .4s ease-in-out}.issue-document-page__error-message svg{flex-shrink:0;font-size:1rem}.issue-document-page__organization-chips{display:flex;gap:1.143rem;margin-top:.571rem}@media all and (max-width: 576px){.issue-document-page__organization-chips{flex-direction:row}}.issue-document-page__organization-chips .chip-container{width:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:row;column-gap:.571rem;padding:1.143rem;border:1px solid #8c9196;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px #00000014;color:#8c9196;cursor:pointer}@media all and (max-width: 576px){.issue-document-page__organization-chips .chip-container{text-wrap:nowrap}}.issue-document-page__organization-chips .chip-container.active{color:#fff;background-color:#8860d0;border:1px solid #8860d0}.issue-document-page__organization-chips .chip-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.issue-document-page__organization-chips .chip-container .chip{padding:1.143rem 1.714rem;font-size:1.143rem;text-align:center;font-weight:500}.issue-document-page .employee-option{display:flex;align-items:center;gap:.571rem;padding:1.143rem;cursor:pointer;margin:2px;border-radius:8px}.issue-document-page .employee-option:hover{background-color:#f3effc}.issue-document-page .client-option{display:flex;align-items:center;gap:.571rem;padding:1.143rem;cursor:pointer}.issue-document-page__employee-selector .issueDocumentSelect__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.issue-document-page__employee-selector .issueDocumentSelect__control:hover{border-color:#8860d0!important;background:#fff}.issue-document-page__employee-selector .issueDocumentSelect__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.issue-document-page__employee-selector .issueDocumentSelect__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.issue-document-page__employee-selector .issueDocumentSelect__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.issue-document-page__employee-selector .issueDocumentSelect__option--is-focused{background:#f3effc!important}.issue-document-page__employee-selector .issueDocumentSelect__option--is-selected{background:#8860d0!important;color:#fff!important}.issue-document-page__employee-selector .issueDocumentSelect__placeholder{color:#8c9196;font-weight:400}.issue-document-page__employee-selector .issueDocumentSelect__single-value{color:#313131;font-weight:500}.issue-document-page__employee-selector .issueDocumentSelect__indicator{color:#8860d0}.issue-document-page__selected-employees{margin-top:1.143rem}.issue-document-page__selected-employees h4{font-size:1rem;font-weight:600;color:#313131;margin:0 0 .857rem}.issue-document-page__selected-employees .employee-list{display:flex;flex-direction:column;gap:.571rem}.issue-document-page__selected-employees .employee-card{display:flex;align-items:center;justify-content:space-between;padding:.857rem 1.143rem;background:linear-gradient(135deg,#8860d005,#9c80ce05);border:2px solid rgba(136,96,208,.1);border-radius:12px;transition:all .3s ease}.issue-document-page__selected-employees .employee-card:hover{border-color:#8860d033;box-shadow:0 4px 12px #8860d014;transform:translateY(-1px)}.issue-document-page__selected-employees .employee-card .employee-info{display:flex;align-items:center;gap:.857rem}.issue-document-page__selected-employees .employee-card .employee-info img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(136,96,208,.1)}.issue-document-page__selected-employees .employee-card .employee-info span{font-size:1.143rem;font-weight:500;color:#313131}.issue-document-page__selected-employees .employee-card .remove-employee-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#cd53531a;color:#cd5353;border-radius:50%;cursor:pointer;transition:all .2s ease;font-size:1.143rem}.issue-document-page__selected-employees .employee-card .remove-employee-btn:hover{background:#cd5353;color:#fff;transform:scale(1.1) rotate(90deg)}.issue-document-page__selected-employees .employee-card .remove-employee-btn:active{transform:scale(.95) rotate(90deg)}.issue-document-page__document-details-container{background:linear-gradient(135deg,#8860d008,#9c80ce08);border:2px solid rgba(136,96,208,.1);border-radius:12px;padding:1.714rem;position:relative;overflow:hidden;z-index:1}.issue-document-page__document-details-container:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(136,96,208,.05) 0%,transparent 70%);pointer-events:none}.issue-document-page__dynamic-fields{display:flex;flex-direction:column;gap:1.143rem;position:relative;z-index:2}.issue-document-page__field-item{display:flex;flex-direction:column;gap:.571rem;transition:all .3s ease}.issue-document-page__field-item .field-label{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:500;color:#313131}.issue-document-page__field-item .field-label .field-icon{color:#8860d0;font-size:1.143rem}.issue-document-page__field-item--error .field-label,.issue-document-page__field-item--error .field-label .field-icon{color:#cd5353}.issue-document-page__field-item--error .issue-document-page__input,.issue-document-page__field-item--error .custom-date-picker,.issue-document-page__field-item--error .file-selector{border-color:#cd5353!important;box-shadow:0 0 0 3px #cd53531a!important}.issue-document-page__actions{display:flex;gap:1.143rem;margin-top:1.714rem;padding-top:1.714rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.issue-document-page__actions{flex-direction:column}}.issue-document-page__cancel-btn{flex:1;font-weight:500;height:52px;border-radius:8px;font-size:1.143rem;transition:all .3s ease}.issue-document-page__cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.issue-document-page__submit-btn{flex:2;font-weight:600;height:52px;border-radius:8px;font-size:1.143rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.issue-document-page__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.issue-document-page__submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.issue-document-page__submit-btn{flex:1}}.issue-document-page__info{display:flex;flex-direction:column;gap:.857rem;animation:fadeInUp .6s ease-out .4s both;position:relative;z-index:0}@media (max-width: 1200px){.issue-document-page__info{margin-top:1.143rem}}.issue-document-page__info-item{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;z-index:0}.issue-document-page__info-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.issue-document-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.5}.issue-document-page__info-icon{font-size:1.429rem;flex-shrink:0}.issue-document-page .input-field-container .inputfield{height:4rem;font-size:1.143rem;border-radius:8px;border:2px solid #e6e6e7;background:#2c6ecb11;padding:1.143rem 1.429rem;transition:all .3s ease;font-weight:400}.issue-document-page .input-field-container .inputfield::placeholder{color:#8c9196;font-weight:400}.issue-document-page .input-field-container .inputfield:hover{border-color:#8860d0;background:#fff}.issue-document-page .input-field-container .inputfield:focus{border-color:#8860d0;background:#fff;box-shadow:0 0 0 4px #8860d014;transform:translateY(-1px)}.issue-document-page .input-field-container .inputfield:disabled{opacity:.6;cursor:not-allowed}.issue-document-page .selectfield .react-select__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.issue-document-page .selectfield .react-select__control:hover{border-color:#8860d0!important;background:#fff}.issue-document-page .selectfield .react-select__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.issue-document-page .selectfield .react-select__control--is-disabled{background:#8c91960d!important;border-color:#e6e6e780!important;cursor:not-allowed!important;opacity:.7}.issue-document-page .selectfield .react-select__control--is-disabled:hover{border-color:#e6e6e780!important;background:#8c91960d!important}.issue-document-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.issue-document-page .selectfield .react-select__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.issue-document-page .selectfield .react-select__option--is-focused{background:#f3effc!important}.issue-document-page .selectfield .react-select__option--is-selected{background:#8860d0!important;color:#fff!important}.issue-document-page .selectfield .react-select__placeholder{color:#8c9196;font-weight:400}.issue-document-page .selectfield .react-select__single-value{color:#313131;font-weight:500}.issue-document-page .selectfield .react-select__indicator{color:#8860d0}.issue-document-page__date-picker .custom-date-picker .MuiFormControl-root{width:100%}.issue-document-page__date-picker.error-state .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.issue-document-page__date-picker.error-state .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#cd5353!important}.issue-document-page__date-picker.error-state .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#cd5353!important;border-width:2px!important}.issue-document-page__file-selector .file-selector__dropzone{min-height:120px;display:flex;align-items:center;justify-content:center}.issue-document-page__file-selector .file-selector__content{gap:.571rem}.issue-document-page__file-selector .file-selector__icon{width:40px;height:40px;font-size:1.286rem}.issue-document-page__file-selector .file-selector__title{font-size:1rem;margin-bottom:.286rem}.issue-document-page__file-selector .file-selector__subtitle{font-size:.857rem}.issue-document-page__file-selector .file-preview{padding:.571rem;margin:0}.issue-document-page__file-selector .file-preview__icon{width:36px;height:36px;font-size:1.143rem}.issue-document-page__file-selector .file-preview__image-container{width:50px;height:50px}.issue-document-page__file-selector .file-preview__name{font-size:1rem;margin-bottom:.286rem}.issue-document-page__file-selector .file-preview__size{font-size:.857rem}.issue-document-page__file-selector .file-preview__remove{width:28px;height:28px;font-size:1rem}.issue-document-page__file-selector.error-state .file-selector__dropzone{border-color:#cd5353!important;background:#cd535305!important}.issue-document-page__file-selector.error-state .file-selector__dropzone:hover{border-color:#cd5353!important;background:#cd53530d!important}.issue-document-page__file-selector.error-state .file-preview{border-color:#cd5353!important;background:#cd535305!important}.issue-document-page__pdf-preview{margin-top:.571rem}.issue-document-page__pdf-preview .pdf-preview__container{display:flex;align-items:flex-start;gap:1.143rem;padding:1.143rem 1.429rem;background:linear-gradient(135deg,#8860d008,#9c80ce08);border:2px solid rgba(136,96,208,.15);border-radius:12px;transition:all .3s ease;position:relative}@media all and (max-width: 576px){.issue-document-page__pdf-preview .pdf-preview__container{gap:.571rem;padding:.857rem}}.issue-document-page__pdf-preview .pdf-preview__container:hover{border-color:#8860d040;box-shadow:0 4px 12px #8860d01a;transform:translateY(-1px)}.issue-document-page__pdf-preview .pdf-preview__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border-radius:8px;font-size:1.429rem;flex-shrink:0;box-shadow:0 4px 12px #8860d033}.issue-document-page__pdf-preview .pdf-preview__info{flex:1;display:flex;flex-direction:column;gap:.286rem;min-width:0;overflow:hidden}.issue-document-page__pdf-preview .pdf-preview__name{font-size:1.143rem;font-weight:600;color:#313131;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media all and (max-width: 768px){.issue-document-page__pdf-preview .pdf-preview__name{font-size:.857rem;margin-right:2px}}.issue-document-page__pdf-preview .pdf-preview__actions{display:flex;gap:.857rem;align-items:center;flex-wrap:wrap}@media all and (max-width: 576px){.issue-document-page__pdf-preview .pdf-preview__actions{gap:.571rem}}.issue-document-page__pdf-preview .pdf-preview__view-btn,.issue-document-page__pdf-preview .pdf-preview__download-btn{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;background:#fff;border:1px solid rgba(136,96,208,.2);border-radius:8px;color:#8860d0;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.issue-document-page__pdf-preview .pdf-preview__view-btn svg,.issue-document-page__pdf-preview .pdf-preview__download-btn svg{font-size:1.143rem}.issue-document-page__pdf-preview .pdf-preview__view-btn:hover,.issue-document-page__pdf-preview .pdf-preview__download-btn:hover{background:#8860d0;color:#fff;border-color:#8860d0;transform:translateY(-1px);box-shadow:0 2px 8px #8860d033}.issue-document-page__pdf-preview .pdf-preview__view-btn:active,.issue-document-page__pdf-preview .pdf-preview__download-btn:active{transform:translateY(0)}@media all and (max-width: 768px){.issue-document-page__pdf-preview .pdf-preview__view-btn,.issue-document-page__pdf-preview .pdf-preview__download-btn{padding:.286rem .571rem;font-size:.857rem}.issue-document-page__pdf-preview .pdf-preview__view-btn svg,.issue-document-page__pdf-preview .pdf-preview__download-btn svg{font-size:1rem}}.issue-document-page__pdf-preview .pdf-preview__remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#cd53531a;color:#cd5353;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.143rem;flex-shrink:0;align-self:flex-start;margin-top:4px}@media all and (max-width: 576px){.issue-document-page__pdf-preview .pdf-preview__remove-btn{width:32px;height:32px;font-size:1rem}}.issue-document-page__pdf-preview .pdf-preview__remove-btn:hover{background:#cd5353;color:#fff;transform:scale(1.1) rotate(90deg)}.issue-document-page__pdf-preview .pdf-preview__remove-btn:active{transform:scale(.95) rotate(90deg)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.file-selector{width:100%}.file-selector__preview{background:#fff;border:2px solid #e6e6e7;border-radius:8px;padding:.857rem;transition:all .3s ease}.file-selector__preview:hover{border-color:#8860d0}.file-selector__dropzone{border:2px dashed #e6e6e7;border-radius:8px;padding:2.286rem 1.143rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#2c6ecb11;position:relative}.file-selector__dropzone:hover:not(.file-selector__dropzone--disabled){border-color:#8860d0;background:#8860d005;transform:translateY(-2px);box-shadow:0 4px 12px #8860d01a}.file-selector__dropzone--active{border-color:#8860d0;background:#8860d00d;transform:scale(1.02)}.file-selector__dropzone--disabled{opacity:.6;cursor:not-allowed;background:#8c91960d}.file-selector__dropzone--disabled:hover{border-color:#e6e6e7;background:#8c91960d;transform:none;box-shadow:none}.file-selector__content{display:flex;flex-direction:column;align-items:center;gap:.857rem}.file-selector__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d04d}.file-selector__text{text-align:center}.file-selector__title{font-size:1.143rem;font-weight:500;color:#313131;margin-bottom:.286rem}.file-selector__subtitle{font-size:1rem;color:#8c9196;font-weight:400}.file-preview{display:flex;align-items:center;gap:.857rem;padding:.857rem;background:linear-gradient(135deg,#8860d005,#9c80ce05);border-radius:8px;border:1px solid rgba(136,96,208,.1)}.file-preview__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#8860d0;color:#fff;font-size:1.286rem;flex-shrink:0}.file-preview__image-container{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;cursor:pointer;transition:all .3s ease}.file-preview__image-container:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.file-preview__image{width:100%;height:100%;object-fit:cover;border-radius:8px}.file-preview__image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;border-radius:8px}.file-preview__image-overlay .file-preview__view-icon{color:#fff;font-size:1.286rem}.file-preview__image-container:hover .file-preview__image-overlay{opacity:1}.file-preview__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.286rem}.file-preview__name{font-size:1.143rem;font-weight:500;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview__size{font-size:1rem;color:#8c9196;font-weight:400}.file-preview__view-link{display:inline-flex;align-items:center;gap:.286rem;font-size:1rem;font-weight:500;color:#8860d0;text-decoration:none;padding:.286rem .571rem;border-radius:8px;transition:all .2s ease;width:fit-content;margin-top:.286rem}.file-preview__view-link:hover{background:#8860d01a;color:#8860d0;text-decoration:none;transform:translate(2px)}.file-preview__view-link:active{transform:translate(2px) scale(.98)}.file-preview__view-link svg{font-size:1.143rem}.file-preview__remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#cd53531a;color:#cd5353;border-radius:50%;cursor:pointer;transition:all .2s ease;font-size:1.143rem;flex-shrink:0}.file-preview__remove:hover:not(:disabled){background:#cd5353;color:#fff;transform:scale(1.1) rotate(90deg)}.file-preview__remove:active:not(:disabled){transform:scale(.95) rotate(90deg)}.file-preview__remove:disabled{opacity:.5;cursor:not-allowed}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.143rem;animation:fadeIn .3s ease-out}.image-modal__content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:scaleIn .3s ease-out}.image-modal__close{position:absolute;top:.571rem;right:.571rem;width:40px;height:40px;border:none;background:#00000080;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.286rem;z-index:10001;transition:all .2s ease}.image-modal__close:hover{background:#000000b3;transform:scale(1.1)}.image-modal__image{width:100%;height:auto;max-height:80vh;object-fit:contain;display:block}.image-modal__info{padding:1.143rem;background:#fff;border-top:1px solid #e6e6e7}.image-modal__filename{font-size:1.143rem;font-weight:500;color:#313131;margin-bottom:.286rem}.image-modal__filesize{font-size:1rem;color:#8c9196}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.doc-type-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.doc-type-page{padding:.857rem .571rem}}.doc-type-page__container{max-width:1400px;margin:0 auto}.doc-type-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.doc-type-page__header{flex-direction:column;align-items:flex-start}}.doc-type-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.doc-type-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.doc-type-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.doc-type-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.doc-type-page__title{font-size:1.143rem}}.doc-type-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.doc-type-page__create-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.doc-type-page__create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.doc-type-page__create-btn{width:100%}}.doc-type-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both}.doc-type-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.doc-type-page__filter-header .doc-type-page__filter-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.doc-type-page__filter-header .doc-type-page__filter-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.doc-type-page__filter-header .doc-type-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.doc-type-page__filter-header .doc-type-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.doc-type-page__filter-content{display:flex;flex-direction:row;gap:.857rem}.doc-type-page__search{width:100%}.doc-type-page__content{border-radius:16px;animation:fadeInUp .6s ease-out .2s both;min-height:300px}@media all and (max-width: 576px){.doc-type-page__content{padding:0;background:#f3effc;overflow:hidden}}.doc-type-page__content .table-container{border-radius:12px;overflow:auto;border:1px solid #e6e6e7}.doc-type-page__content .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.doc-type-page__content .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.doc-type-page__content .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease;cursor:pointer}.doc-type-page__content .table-container table tbody tr .teams-page__employee-cell{justify-content:flex-start}.doc-type-page__content .table-container table tbody tr .teams-page__employee-cell .employee-info{align-items:flex-start}.doc-type-page__content .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.doc-type-page__content .table-container table tbody tr:hover .teams-page__employee-cell .employee-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8860d033}.doc-type-page__content .table-container table tbody tr:last-child{border-bottom:none}.doc-type-page__content .table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.doc-type-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.doc-type-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.doc-type-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.doc-type-page__type-card{padding:.857rem 0;background:#8b5cf605;border-radius:12px;border:1px solid rgba(139,92,246,.1);transition:all .3s ease}.doc-type-page__type-card:hover{background:#8b5cf60d;border-color:#8b5cf633;transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf614}.doc-type-page__type-card .type-card-header{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border-bottom:1px solid rgba(139,92,246,.1)}.doc-type-page__type-card .type-card-header .type-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#8b5cf626,#6366f126);color:#8b5cf6;font-size:1.143rem;flex-shrink:0;box-shadow:0 2px 6px #8b5cf626}.doc-type-page__type-card .type-card-header .type-info{flex:1;min-width:0;text-align:left}.doc-type-page__type-card .type-card-header .type-info .type-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0 0 .143rem;line-height:1.4;word-break:break-word}.doc-type-page__type-card .type-card-header .type-info .type-description{font-size:.857rem;color:#8c9196;margin:0;line-height:1.3;font-weight:400}.doc-type-page__type-card .type-card-body{padding:.571rem .857rem}.doc-type-page__type-card .type-card-body .type-meta-info{display:flex;gap:.571rem;margin-bottom:.571rem;flex-wrap:wrap}.doc-type-page__type-card .type-card-body .type-meta-info .meta-item{display:flex;align-items:center;gap:.286rem;padding:.286rem .571rem;background:#8b5cf60d;border-radius:8px;border:1px solid rgba(139,92,246,.1)}.doc-type-page__type-card .type-card-body .type-meta-info .meta-item .meta-icon{color:#8b5cf6;font-size:1rem;flex-shrink:0}.doc-type-page__type-card .type-card-body .type-meta-info .meta-item .meta-details{display:flex;flex-direction:column;gap:2px}.doc-type-page__type-card .type-card-body .type-meta-info .meta-item .meta-details .meta-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.doc-type-page__type-card .type-card-body .type-meta-info .meta-item .meta-details .meta-value{font-size:.857rem;font-weight:600;color:#313131;line-height:1.4}.doc-type-page__type-card .type-card-body .created-info{font-size:.857rem;color:#8c9196;padding-top:.571rem;border-top:1px solid rgba(139,92,246,.1);text-align:right}.doc-type-page__type-card .type-card-body .created-info .created-label{font-weight:500}.doc-type-page__type-card .type-card-body .created-info .created-value{font-weight:600;color:#313131}.doc-type-page__fields-cell{display:flex;justify-content:center;align-items:center;padding:.571rem 0}.doc-type-page__fields-cell .fields-list{display:flex;flex-direction:column;gap:.571rem;width:100%;max-width:320px}.doc-type-page__fields-cell .fields-list .field-badge{cursor:pointer;display:flex;align-items:center;gap:.286rem;padding:.286rem .571rem;background:#8b5cf60d;border-radius:8px;border:1px solid rgba(139,92,246,.1);transition:all .3s ease}.doc-type-page__fields-cell .fields-list .field-badge:hover{background:#8b5cf614;border-color:#8b5cf633;transform:translate(2px)}.doc-type-page__fields-cell .fields-list .field-badge .field-icon{font-size:1rem;flex-shrink:0}.doc-type-page__fields-cell .fields-list .field-badge .field-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.doc-type-page__fields-cell .fields-list .field-badge .field-info .field-label{font-size:.857rem;font-weight:600;color:#313131;line-height:1.3;word-break:break-word}@media all and (max-width: 576px){.doc-type-page__fields-cell .fields-list .field-badge .field-info .field-label{word-break:normal}}.doc-type-page__fields-cell .fields-list .field-badge .field-info .field-type{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.doc-type-page__fields-cell .fields-list .field-badge.more-badge{justify-content:center;cursor:pointer;background:#6366f114;border-color:#6366f133}.doc-type-page__fields-cell .fields-list .field-badge.more-badge .more-text{font-size:.857rem;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:.5px}.doc-type-page__fields-cell .fields-list .field-badge.more-badge:hover{background:#6366f11f;border-color:#6366f14d}.doc-type-page__actions-cell{display:flex;gap:.571rem;justify-content:center;align-items:center;padding:.571rem 0}.doc-type-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;font-size:1.143rem;transition:all .3s ease}.doc-type-page__actions-cell .action-btn.view-btn{background:#3b82f61a;color:#3b82f6}.doc-type-page__actions-cell .action-btn.view-btn:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.doc-type-page__actions-cell .action-btn.edit-btn{background:#8b5cf61a;color:#8b5cf6}.doc-type-page__actions-cell .action-btn.edit-btn:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.doc-type-page__actions-cell .action-btn.delete-btn{background:#cd53531a;color:#cd5353}.doc-type-page__actions-cell .action-btn.delete-btn:hover{background:#cd5353;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #cd53534d}.doc-type-page__pagination{margin-top:1.714rem;display:flex;justify-content:center}.doc-type-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.doc-type-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.doc-type-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.doc-type-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.doc-type-page__empty .empty-action-btn{margin-top:.857rem;height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 2px 8px #8b5cf640}.doc-type-page__empty .empty-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.view-issued-document{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.view-issued-document{padding:1.714rem 1.143rem}}.view-issued-document__container{max-width:1200px;margin:0 auto}.view-issued-document__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}.view-issued-document__header .view-issued-document__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.view-issued-document__header .view-issued-document__back-btn:hover{background:#f3effc;transform:translate(-4px);box-shadow:0 4px 12px #8860d026}.view-issued-document__header .view-issued-document__back-btn:active{transform:translate(-2px)}.view-issued-document__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.view-issued-document__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.view-issued-document__header-icon{width:56px;height:56px;font-size:1.714rem}}@media all and (max-width: 576px){.view-issued-document__header-icon{display:none}}.view-issued-document__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.view-issued-document__title{font-size:1.429rem}}.view-issued-document__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.view-issued-document__grid{display:grid;grid-template-columns:1fr 340px;gap:1.714rem}@media (max-width: 1024px){.view-issued-document__grid{grid-template-columns:1fr}}.view-issued-document__main-card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #0000000f;border:1px solid #e6e6e7}.view-issued-document__section{margin-bottom:2.857rem}.view-issued-document__section:last-child{margin-bottom:0}.view-issued-document__section-title{display:flex;align-items:center;gap:.857rem;font-size:1.286rem;font-weight:700;color:#313131;margin-bottom:1.714rem;padding-bottom:.857rem;border-bottom:1px solid #e6e6e7}.view-issued-document__section-title .icon{color:#8860d0}.view-issued-document__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.714rem}@media (max-width: 640px){.view-issued-document__info-grid{grid-template-columns:1fr}}.view-issued-document__info-item{display:flex;flex-direction:column;gap:.571rem}.view-issued-document__info-item .label{font-size:.857rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8c9196}.view-issued-document__info-item .value{font-size:1.143rem;font-weight:500;color:#313131}.view-issued-document__info-item .status-badge{display:inline-flex;padding:.286rem .857rem;border-radius:8px;font-size:.857rem;font-weight:600;text-transform:capitalize;width:fit-content}.view-issued-document__info-item .status-badge--active{background:#00b2861a;color:#00b286}.view-issued-document__info-item .status-badge--expired{background:#d82c0d1a;color:#d82c0d}.view-issued-document__info-item .status-badge--pending{background:#ffd79d1a;color:#ffd79d}.view-issued-document__dynamic-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.714rem}@media (max-width: 640px){.view-issued-document__dynamic-fields{grid-template-columns:1fr}}.view-issued-document__dynamic-fields .no-data{grid-column:1/-1;text-align:center;padding:2.286rem;background:#2c6ecb11;border-radius:12px;color:#8c9196;font-style:italic}.view-issued-document__field-item{background:#2c6ecb11;padding:1.429rem;border-radius:12px;border:1px solid #e6e6e7;display:flex;flex-direction:column;gap:.857rem;transition:all .3s ease}.view-issued-document__field-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.view-issued-document__field-item .field-header{display:flex;align-items:center;gap:.571rem;color:#8c9196}.view-issued-document__field-item .field-header .field-icon{display:flex;font-size:1.143rem}.view-issued-document__field-item .field-header .field-label{font-size:1rem;font-weight:600}.view-issued-document__field-item .field-value{font-size:1.143rem;font-weight:500;color:#313131;word-break:break-word}.view-issued-document__field-item .field-value .field-file{display:flex;flex-direction:column;gap:.571rem}.view-issued-document__field-item .field-value .field-file .file-name{font-size:1rem;color:#313131}.view-issued-document__field-item .field-value .field-file .file-actions{display:flex;gap:1.143rem}.view-issued-document__field-item .field-value .field-file .file-actions .action-link-base,.view-issued-document__field-item .field-value .field-file .file-actions button.action-link-btn,.view-issued-document__field-item .field-value .field-file .file-actions a.action-link{display:inline-flex;align-items:center;gap:.571rem;font-size:.857rem;font-weight:600;color:#8860d0;text-decoration:none;cursor:pointer}.view-issued-document__field-item .field-value .field-file .file-actions .action-link-base:hover,.view-issued-document__field-item .field-value .field-file .file-actions button.action-link-btn:hover,.view-issued-document__field-item .field-value .field-file .file-actions a.action-link:hover{color:#8860d0;text-decoration:underline}.view-issued-document__field-item .field-value .field-file .file-actions button.action-link-btn{background:none;border:none;outline:none;letter-spacing:.8px;font-family:QuickSand,sans-serif;padding:0}.view-issued-document__field-item .field-value .external-link{color:#8860d0;text-decoration:none;display:inline-flex;align-items:center}.view-issued-document__field-item .field-value .external-link:hover{text-decoration:underline}.view-issued-document__supporting-doc{display:flex;align-items:center;justify-content:space-between;padding:1.429rem;background:#8860d00d;border:1px dashed rgba(136,96,208,.3);border-radius:12px;gap:1.429rem}@media (max-width: 640px){.view-issued-document__supporting-doc{flex-direction:column;align-items:flex-start;gap:1.143rem}}.view-issued-document__supporting-doc .doc-preview{display:flex;align-items:center;gap:1.143rem}.view-issued-document__supporting-doc .doc-preview .doc-icon{font-size:2.286rem;color:#8860d0}.view-issued-document__supporting-doc .doc-preview .doc-info{display:flex;flex-direction:column}.view-issued-document__supporting-doc .doc-preview .doc-info .doc-name{font-size:1.143rem;font-weight:700;color:#313131}.view-issued-document__supporting-doc .doc-preview .doc-info .doc-type{font-size:.857rem;color:#8c9196}.view-issued-document__supporting-doc .doc-actions{display:flex;gap:.857rem}.view-issued-document__supporting-doc .doc-actions .btn-action{display:flex;align-items:center;gap:.571rem;padding:1.143rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.view-issued-document__supporting-doc .doc-actions .btn-action--view{background:#fff;color:#8860d0;border:1px solid;box-shadow:0 2px 8px #0000000d;gap:2px}.view-issued-document__supporting-doc .doc-actions .btn-action--view:hover{background:#f3effc;border-color:#8860d0;transform:translateY(-2px);gap:2px}.view-issued-document__supporting-doc .doc-actions .btn-action--download{background:#8860d0;color:#fff;box-shadow:0 4px 12px #8860d033;gap:2px}.view-issued-document__supporting-doc .doc-actions .btn-action--download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d04d;gap:2px}.view-issued-document__sidebar{display:flex;flex-direction:column;gap:1.5rem}.view-issued-document__recipient-card{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;border:1px solid #e6e6e7}.view-issued-document__recipient-card .recipient-info{display:flex;align-items:center;gap:1.143rem;padding:1.143rem;background:#2c6ecb11;border-radius:12px}.view-issued-document__recipient-card .recipient-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid white;box-shadow:0 2px 8px #0000001a}.view-issued-document__recipient-card .recipient-avatar img{width:100%;height:100%;object-fit:cover}.view-issued-document__recipient-card .recipient-details .recipient-name{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.view-issued-document__recipient-card .recipient-details .recipient-type{font-size:.857rem;color:#8c9196;margin:0}.view-issued-document__notice{background:#ffea8a99;border:1px solid #ffea8a;box-shadow:0 4px 24px #0000000f;border-radius:16px;padding:1.714rem;display:flex;gap:1.143rem}.view-issued-document__notice .notice-icon{font-size:1.286rem;flex-shrink:0}.view-issued-document__notice .notice-content h4{font-size:1rem;font-weight:700;margin:0 0 .571rem}.view-issued-document__notice .notice-content p{font-size:.857rem;margin:0;line-height:1.5}.view-issued-document__loader{display:flex;justify-content:center;align-items:center;min-height:400px;margin-inline:auto;padding:3.429rem 0;animation:fadeInUp .6s ease-out .2s both}.documents-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.documents-page{padding:.857rem .571rem}}.documents-page__container{max-width:1400px;margin:0 auto}.documents-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.documents-page__header{flex-direction:column;align-items:flex-start}}.documents-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.documents-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.documents-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.documents-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.documents-page__title{font-size:1.143rem}}.documents-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.documents-page__create-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.documents-page__create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.documents-page__create-btn{width:100%}}.documents-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both}.documents-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.documents-page__filter-header .documents-page__filter-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.documents-page__filter-header .documents-page__filter-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.documents-page__filter-header .documents-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.documents-page__filter-header .documents-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.documents-page__filter-content{display:flex;flex-direction:row;gap:.857rem}@media all and (max-width: 576px){.documents-page__filter-content{flex-direction:column;align-items:flex-start;gap:.571rem}}.documents-page__search{width:100%}.documents-page__filter-group{display:flex;flex-direction:row;gap:1.143rem}.documents-page__filter-item,.documents-page__filter-item div{height:100%}.documents-page__filter-item .documents-page__date-picker .MuiInputBase-root{height:100%;border-radius:8px;background:#fff;font-size:.857rem}.documents-page__filter-item .documents-page__date-picker .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.documents-page__filter-item .documents-page__date-picker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.documents-page__filter-item .documents-page__date-picker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.documents-page__filter-item .documents-page__date-picker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.documents-page__filter-item .documents-page__date-picker .MuiInputLabel-root.Mui-focused{color:#8860d0}.documents-page__filter-item .documents-page__date-picker .MuiIconButton-root{color:#8860d0;margin-right:5px}.documents-page__filter-item .documents-page__date-picker .MuiIconButton-root:hover{background:#f3effc}.documents-page__mui-datepicker{width:100%}.documents-page__mui-datepicker .MuiFormLabel-root:not(.MuiInputLabel-shrink){top:50%;transform:translateY(-50%);left:14px}.documents-page__mui-datepicker .MuiInputBase-root{height:100%;border-radius:8px;background:#fff;font-size:.857rem}.documents-page__mui-datepicker .MuiInputBase-root fieldset{border:1px solid #e6e6e7;transition:all .3s ease}.documents-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.documents-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.documents-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:.857rem}.documents-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.documents-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.documents-page .view-all-notification-btn{height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem}@media all and (max-width: 576px){.documents-page .view-all-notification-btn{width:100%}}.documents-page__table-actions{display:flex;justify-content:flex-end;margin-bottom:.857rem}@media (max-width: 768px){.documents-page__table-actions{justify-content:stretch}.documents-page__table-actions .view-all-notification-btn{width:100%}}.documents-page__content{border-radius:16px;animation:fadeInUp .6s ease-out .2s both;min-height:300px}@media all and (max-width: 576px){.documents-page__content{padding:0;background:#f3effc}}.documents-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.documents-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.documents-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.documents-page__document-card{padding:.857rem 0;background:#8860d005;border-radius:12px;border:1px solid rgba(136,96,208,.1);transition:all .3s ease;cursor:pointer}.documents-page__document-card:hover{background:#8860d00d;border-color:#8860d033;transform:translateY(-1px);box-shadow:0 2px 8px #8860d014}.documents-page__document-card .document-card-header{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border-bottom:1px solid rgba(136,96,208,.1)}.documents-page__document-card .document-card-header .document-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#8860d026,#9c80ce26);color:#8860d0;font-size:1.143rem;flex-shrink:0;box-shadow:0 2px 6px #8860d026}.documents-page__document-card .document-card-header .document-info{flex:1;min-width:0;text-align:left}.documents-page__document-card .document-card-header .document-info .document-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0 0 .143rem;line-height:1.4;word-break:break-word}.documents-page__document-card .document-card-header .document-info .document-meta{font-size:.857rem;color:#8c9196;margin:0;line-height:1.3;font-weight:500}.documents-page__document-card .document-card-body{padding:.571rem .857rem}.documents-page__document-card .document-card-body .issued-info{display:flex;gap:.571rem;align-items:center}@media (max-width: 768px){.documents-page__document-card .document-card-body .issued-info{flex-direction:column;align-items:flex-start;gap:.571rem}}.documents-page__document-card .document-card-body .issued-to-section{display:flex;align-items:center;gap:.571rem;flex:1}.documents-page__document-card .document-card-body .issued-to-section .user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid rgba(136,96,208,.2);box-shadow:0 2px 6px #00000014}.documents-page__document-card .document-card-body .issued-to-section .user-avatar img{width:100%;height:100%;object-fit:cover}.documents-page__document-card .document-card-body .issued-to-section .user-details{display:flex;flex-direction:column;gap:.143rem;text-align:left}.documents-page__document-card .document-card-body .issued-to-section .user-details .issued-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.documents-page__document-card .document-card-body .issued-to-section .user-details .user-name{font-size:1rem;font-weight:600;color:#313131;line-height:1.4}.documents-page__document-card .document-card-body .issued-date-section{display:flex;align-items:flex-start;gap:.571rem;padding:.286rem .571rem;background:#8860d00d;border-radius:8px;border:1px solid rgba(136,96,208,.1)}.documents-page__document-card .document-card-body .issued-date-section .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:#8860d01a;color:#8860d0;font-size:1rem;flex-shrink:0}.documents-page__document-card .document-card-body .issued-date-section .date-details{display:flex;flex-direction:column;gap:.143rem;text-align:left}.documents-page__document-card .document-card-body .issued-date-section .date-details .date-label{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.documents-page__document-card .document-card-body .issued-date-section .date-details .date-value{font-size:1rem;font-weight:600;color:#313131;line-height:1.4}.documents-page__document-card .document-card-body .issued-date-section .date-details .expiry-info{font-size:.857rem;color:#8c9196;font-weight:400;line-height:1.3}.documents-page__document-card .document-info-fields{margin-top:.571rem;padding-top:.571rem;border-top:1px solid rgba(136,96,208,.1);display:flex;flex-wrap:wrap;align-items:center;gap:.286rem}.documents-page__document-card .document-info-fields .document-info-item{display:inline-flex;align-items:center;gap:.143rem;padding:.143rem .571rem;background:#8860d00d;border-radius:8px;border:1px solid rgba(136,96,208,.1)}.documents-page__document-card .document-info-fields .document-info-item .info-key{font-size:.857rem;color:#8c9196;font-weight:500}.documents-page__document-card .document-info-fields .document-info-item .info-value{font-size:.857rem;color:#313131;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.documents-page__document-card .document-info-fields .tooltip-title{text-wrap:nowrap}.documents-page__document-card .document-info-fields .more-info-badge{display:inline-flex;align-items:center;padding:.143rem .571rem;background:#8860d01a;border-radius:8px;border:1px solid #8860d0;font-size:.857rem;font-weight:600;color:#8860d0;cursor:pointer;transition:all .3s ease}.documents-page__document-card .document-info-fields .more-info-badge:hover{background:#8860d0;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #8860d040}.documents-page__type-cell{display:flex;justify-content:center;align-items:center;padding:.571rem 0}.documents-page__type-cell .type-badge{display:inline-flex;align-items:center;gap:.286rem;padding:.286rem .857rem;border-radius:50px;border:none;font-weight:600;font-size:.857rem;transition:all .3s ease;box-shadow:0 2px 6px #0000000f}.documents-page__type-cell .type-badge .type-icon{font-size:1rem;display:flex;align-items:center}.documents-page__type-cell .type-badge .type-label{white-space:nowrap}.documents-page__type-cell .type-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.documents-page__status-cell{display:flex;justify-content:center;align-items:center;padding:.571rem 0}.documents-page__status-cell .status-badge{display:inline-flex;align-items:center;gap:.286rem;padding:.286rem .857rem;border-radius:50px;border:none;font-weight:600;font-size:.857rem;transition:all .3s ease;box-shadow:0 2px 6px #0000000f}.documents-page__status-cell .status-badge .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.documents-page__status-cell .status-badge .status-label{white-space:nowrap}.documents-page__status-cell .status-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.documents-page__actions-cell{display:flex;gap:.571rem;justify-content:center;align-items:center;padding:.571rem 0}.documents-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;font-size:1.143rem;transition:all .3s ease}.documents-page__actions-cell .action-btn.view-btn{background:#3b82f61a;color:#3b82f6}.documents-page__actions-cell .action-btn.view-btn:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.documents-page__actions-cell .action-btn.edit-btn{background:#8860d01a;color:#8860d0}.documents-page__actions-cell .action-btn.edit-btn:hover{background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.documents-page__actions-cell .action-btn.download-btn{background:#10b9811a;color:#10b981}.documents-page__actions-cell .action-btn.download-btn:hover{background:#10b981;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.documents-page__actions-cell .action-btn.delete-btn{background:#cd53531a;color:#cd5353}.documents-page__actions-cell .action-btn.delete-btn:hover{background:#cd5353;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #cd53534d}.documents-page__pagination{margin-top:1.714rem;display:flex;justify-content:center}.documents-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.documents-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.documents-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.documents-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.documents-page__empty .empty-action-btn{margin-top:.857rem;height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040}.documents-page__empty .empty-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.documents-page .table-container{border-radius:12px;overflow:auto;border:1px solid #e6e6e7}.documents-page .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.documents-page .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.documents-page .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease}.documents-page .table-container table tbody tr:hover{background:#8860d005;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.documents-page .table-container table tbody tr:last-child{border-bottom:none}.documents-page .table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.documents-page .MuiPickersPopper-root{z-index:9999!important}.documents-page .MuiPickersDay-root{border-radius:8px;transition:all .2s ease}.documents-page .MuiPickersDay-root:hover{background:#f3effc}.documents-page .MuiPickersDay-root.Mui-selected{background:#8860d0!important}.documents-page .MuiPickersDay-root.Mui-selected:hover{background:#794cca!important}.documents-page .MuiPickersCalendarHeader-label{color:#8860d0;font-weight:600}.documents-page .MuiPickersArrowSwitcher-button{color:#8860d0}.documents-page .MuiPickersArrowSwitcher-button:hover{background:#f3effc}.new-transaction-page{width:100%;min-height:100vh;padding:1.714rem 1.143rem}.new-transaction-page--blocked{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.new-transaction-page{padding:1.143rem .857rem}}.new-transaction-page__container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.714rem}.new-transaction-page__empty-state{width:100%;max-width:680px;padding:2.286rem;border-radius:16px;border:2px solid rgba(216,44,13,.2);background:#d82c0d0f;box-shadow:0 10px 30px #dc262614;text-align:center}.new-transaction-page__empty-state-title{margin:0;color:#d82c0d;font-size:1.714rem;font-weight:700;line-height:1.3}.new-transaction-page__main-content{display:grid;grid-template-columns:1fr 380px;gap:1.714rem;align-items:flex-start}@media (max-width: 1024px){.new-transaction-page__main-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}}.new-transaction-page__card{background:#fff;border-radius:16px;padding:2.286rem;box-shadow:0 6px 26px #0f172a0f;animation:fadeInUp .6s ease-out .1s both}@media (max-width: 768px){.new-transaction-page__card{padding:1.429rem}}@media (max-width: 1024px){.new-transaction-page__card{grid-row:2}}.new-transaction-page__sidebar{display:flex;flex-direction:column;gap:1.714rem;position:sticky;top:1.714rem}@media (max-width: 1024px){.new-transaction-page__sidebar{position:static;grid-row:1/3;display:contents}}.new-transaction-page__attachment-section{display:flex;flex-direction:column;gap:.857rem;background:#fff;border-radius:16px;padding:1.429rem;box-shadow:0 6px 26px #0f172a0f;animation:fadeInUp .6s ease-out .1s both}@media (max-width: 1024px){.new-transaction-page__attachment-section{grid-row:1}}.new-transaction-page__attachment-preview{width:100%;margin-top:.571rem}.new-transaction-page__calendar-section{display:flex;flex-direction:column;gap:.857rem;background:#fff;border-radius:16px;padding:1.429rem;box-shadow:0 6px 26px #0f172a0f;animation:fadeInUp .6s ease-out .15s both}@media (max-width: 1024px){.new-transaction-page__calendar-section{grid-row:1}}.new-transaction-page__header{display:flex;align-items:flex-start;gap:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.new-transaction-page__header{flex-direction:column}}.new-transaction-page__back-btn{width:48px;height:48px;border-radius:12px;border:2px solid #e6e6e7;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#313131;flex-shrink:0}.new-transaction-page__back-btn:hover{border-color:#8860d0;color:#8860d0;transform:translateY(-2px);box-shadow:0 4px 12px #8860d033}.new-transaction-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.new-transaction-page__header-icon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);display:flex;align-items:center;justify-content:center;font-size:2.286rem;color:#fff;box-shadow:0 10px 30px #8860d040;flex-shrink:0}.new-transaction-page__title{font-size:1.714rem;font-weight:700;margin:0;color:#313131}.new-transaction-page__subtitle{margin:.286rem 0 0;font-size:1.143rem;color:#8c9196;line-height:1.5}.new-transaction-page__form{display:flex;flex-direction:column;gap:1.714rem}.new-transaction-page__input-group{display:flex;flex-direction:column;gap:.857rem}.new-transaction-page__label{font-size:1.143rem;font-weight:600;color:#313131;display:flex;align-items:center;gap:.571rem;margin-bottom:.286rem}.new-transaction-page__label-icon{color:#8860d0;font-size:1.286rem;flex-shrink:0}.new-transaction-page__readonly-chip{display:inline-flex;align-items:center;padding:2px 8px;margin-left:.571rem;background:#6b72801a;color:#6b7280;border-radius:8px;font-size:.714rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.new-transaction-page__today-btn{margin-left:auto;padding:.286rem .857rem;border-radius:12px;background:#8860d01a;color:#8860d0;border:1px solid rgba(136,96,208,.2);font-size:.857rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:QuickSand}.new-transaction-page__today-btn:hover:not(:disabled){background:#8860d0;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #8860d033}.new-transaction-page__today-btn:active:not(:disabled){transform:translateY(0)}.new-transaction-page__today-btn:disabled{opacity:.5;cursor:not-allowed}.new-transaction-page__required{color:#d82c0d;font-weight:700;margin-left:2px}.new-transaction-page__error{color:#d82c0d;font-size:1rem;margin-top:.286rem}.new-transaction-page__type-toggle{display:flex;gap:.857rem}@media (max-width: 768px){.new-transaction-page__type-toggle{flex-direction:column}}.new-transaction-page .type-toggle-card{flex:1;padding:1.429rem;border:2px solid #e6e6e7;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:.857rem;cursor:pointer;transition:all .3s ease;min-height:120px}.new-transaction-page .type-toggle-card--readonly{cursor:not-allowed;opacity:.6;pointer-events:none}.new-transaction-page .type-toggle-card__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.429rem;transition:all .3s ease}.new-transaction-page .type-toggle-card__label{font-size:1.143rem;font-weight:600;color:#313131}.new-transaction-page .type-toggle-card.expense:hover{border-color:#dc2626;background:#dc26260d}.new-transaction-page .type-toggle-card.expense:hover .type-toggle-card__icon{background:#dc26261a;color:#dc2626}.new-transaction-page .type-toggle-card.expense.active{border-color:#dc2626;background:#dc26261a;box-shadow:0 4px 12px #dc262633}.new-transaction-page .type-toggle-card.expense.active .type-toggle-card__icon{background:#dc2626;color:#fff}.new-transaction-page .type-toggle-card.income:hover{border-color:#16a34a;background:#16a34a0d}.new-transaction-page .type-toggle-card.income:hover .type-toggle-card__icon{background:#16a34a1a;color:#16a34a}.new-transaction-page .type-toggle-card.income.active{border-color:#16a34a;background:#16a34a1a;box-shadow:0 4px 12px #16a34a33}.new-transaction-page .type-toggle-card.income.active .type-toggle-card__icon{background:#16a34a;color:#fff}.new-transaction-page__calendar-wrapper{background:linear-gradient(135deg,#8860d008,#9c80ce08);border-radius:12px;padding:1.143rem;border:1px solid rgba(136,96,208,.1)}.new-transaction-page__date-picker{background:transparent!important}.new-transaction-page__date-picker .MuiPickersCalendarHeader-root{padding:.857rem 0}.new-transaction-page__date-picker .MuiDayCalendar-weekContainer{margin:.286rem 0}.new-transaction-page__date-picker .MuiPickersDay-root{font-size:1.143rem;font-weight:500;border-radius:8px;transition:all .2s ease}.new-transaction-page__date-picker .MuiPickersDay-root:hover{background:#8860d01a}.new-transaction-page__selected-date{display:flex;align-items:center;gap:.571rem;padding:.857rem 1.143rem;background:#fff;border-radius:12px;border:2px solid #8860d0;color:#8860d0;font-weight:600;font-size:1.143rem;margin-top:.571rem}.new-transaction-page__selected-date svg{font-size:1.286rem}.new-transaction-page__bod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.857rem}@media (max-width: 768px){.new-transaction-page__bod-grid{grid-template-columns:1fr}}.new-transaction-page .bod-card{padding:1.143rem;border:2px solid #e6e6e7;border-radius:12px;background:#fff;display:flex;align-items:center;gap:.857rem;cursor:pointer;transition:all .3s ease;text-align:left}.new-transaction-page .bod-card__icon{font-size:1.429rem;color:#8860d0;flex-shrink:0}.new-transaction-page .bod-card__label{font-size:1.143rem;font-weight:500;color:#313131;flex:1}.new-transaction-page .bod-card:hover{border-color:#8860d0;background:#8860d00d;transform:translateY(-2px);box-shadow:0 4px 8px #8860d026}.new-transaction-page .bod-card.active{border-color:#8860d0;background:#8860d01a;box-shadow:0 4px 12px #8860d033}.new-transaction-page .bod-card.active .bod-card__icon{color:#8860d0}.new-transaction-page__status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.857rem}.new-transaction-page .status-card{padding:1.143rem;border:2px solid #e6e6e7;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:.571rem;cursor:pointer;transition:all .3s ease;min-height:100px}.new-transaction-page .status-card__icon{font-size:1.714rem;transition:all .3s ease}.new-transaction-page .status-card__label{font-size:1.143rem;font-weight:600;color:#313131}.new-transaction-page .status-card.status-cleared:hover{border-color:#16a34a;background:#16a34a0d}.new-transaction-page .status-card.status-cleared:hover .status-card__icon{color:#16a34a}.new-transaction-page .status-card.status-cleared.active{border-color:#16a34a;background:#16a34a1a;box-shadow:0 4px 12px #16a34a33}.new-transaction-page .status-card.status-cleared.active .status-card__icon{color:#16a34a}.new-transaction-page .status-card.status-pending:hover{border-color:#eab308;background:#eab3080d}.new-transaction-page .status-card.status-pending:hover .status-card__icon{color:#eab308}.new-transaction-page .status-card.status-pending.active{border-color:#eab308;background:#eab3081a;box-shadow:0 4px 12px #eab30833}.new-transaction-page .status-card.status-pending.active .status-card__icon{color:#eab308}.new-transaction-page .status-card.status-flagged:hover{border-color:#dc2626;background:#dc26260d}.new-transaction-page .status-card.status-flagged:hover .status-card__icon{color:#dc2626}.new-transaction-page .status-card.status-flagged.active{border-color:#dc2626;background:#dc26261a;box-shadow:0 4px 12px #dc262633}.new-transaction-page .status-card.status-flagged.active .status-card__icon{color:#dc2626}.new-transaction-page__type-chips{display:flex;gap:.857rem;flex-wrap:wrap}@media (max-width: 768px){.new-transaction-page__type-chips{flex-direction:column}}.new-transaction-page .type-chip{flex:1;min-width:120px;padding:1.143rem 1.429rem;border:2px solid #e6e6e7;border-radius:12px;background:#fff;gap:.571rem;cursor:pointer;transition:all .3s ease;font-size:1.143rem;font-weight:500;color:#313131;min-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column}.new-transaction-page .type-chip--readonly{cursor:not-allowed;opacity:.6;pointer-events:none}.new-transaction-page .type-chip svg{font-size:1.286rem;transition:all .3s ease}.new-transaction-page .type-chip:hover:not(.new-transaction-page .type-chip--readonly){border-color:#8860d0;background:#8860d00d}.new-transaction-page .type-chip:hover:not(.new-transaction-page .type-chip--readonly) svg{color:#8860d0}.new-transaction-page .type-chip.active{border-color:#8860d0;background:#8860d01a;box-shadow:0 4px 12px #8860d033;color:#8860d0}.new-transaction-page .type-chip.active svg{color:#8860d0}.new-transaction-page__client-selector,.new-transaction-page__user-selector{margin-top:.857rem}.new-transaction-page__other-info{font-size:1.143rem}.new-transaction-page__actions{display:flex;justify-content:flex-end;gap:.857rem;margin-top:1.143rem;padding-top:1.714rem;border-top:2px solid #e6e6e7}@media (max-width: 768px){.new-transaction-page__actions{flex-direction:column-reverse}.new-transaction-page__actions button{width:100%}}.new-transaction-page__cancel-btn{min-width:120px}.new-transaction-page__submit-btn{min-width:200px;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.new-transaction-page__submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.new-transaction-page__info{display:flex;flex-direction:column;gap:1.143rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 1024px){.new-transaction-page__info{grid-row:3;margin-top:1.143rem}}.new-transaction-page__info-item{display:flex;align-items:flex-start;gap:.857rem;padding:1.429rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);border-radius:12px;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(136,96,208,.1);transition:all .3s ease}.new-transaction-page__info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8860d01a;border-color:#8860d033}.new-transaction-page__info-item p{margin:0;font-size:1rem;color:#313131;line-height:1.6}.new-transaction-page__info-icon{font-size:1.429rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.new-transaction-page .attachment-preview__pdf{display:flex;align-items:center;gap:.857rem;padding:1.143rem;background:linear-gradient(135deg,#dc26260d,#ef44440d);border:2px solid rgba(220,38,38,.15);border-radius:12px;transition:all .3s ease;position:relative}.new-transaction-page .attachment-preview__pdf:hover{border-color:#dc26264d;transform:translateY(-2px);box-shadow:0 4px 12px #dc262626}.new-transaction-page .attachment-preview__icon{font-size:2.286rem;color:#dc2626;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #dc262626}.new-transaction-page .attachment-preview__content{flex:1;display:flex;flex-direction:column;gap:.286rem}.new-transaction-page .attachment-preview__title{font-size:1rem;font-weight:600;color:#313131;margin:0}.new-transaction-page .attachment-preview__subtitle{font-size:.857rem;margin:0}.new-transaction-page .attachment-preview__link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#fff;color:#dc2626;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.new-transaction-page .attachment-preview__link:hover{background:#dc2626;color:#fff;transform:scale(1.1);box-shadow:0 4px 8px #dc26264d}.new-transaction-page .attachment-preview__image{position:relative;width:100%;border-radius:12px;overflow:hidden;border:2px solid rgba(136,96,208,.15);transition:all .3s ease;background:#f8f9fa}.new-transaction-page .attachment-preview__image:hover{border-color:#8860d04d;box-shadow:0 4px 12px #8860d026}.new-transaction-page .attachment-preview__img{width:100%;height:auto;display:block;max-height:300px;object-fit:contain}.new-transaction-page .attachment-preview__link-overlay{position:absolute;top:.571rem;right:.571rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#fffffff2;color:#8860d0;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.new-transaction-page .attachment-preview__link-overlay:hover{background:#8860d0;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #8860d04d}.new-transaction-page .selectfield .react-select__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem;z-index:22!important}.transactionClientSelect__control{height:4rem;border-radius:8px;border:2px solid #e6e6e7!important;background:#2c6ecb11;transition:all .3s ease;cursor:pointer}.transactionClientSelect__control:hover{border-color:#8860d0!important;background:#fff}.transactionClientSelect__control--is-focused{border-color:#8860d0!important;background:#fff!important;box-shadow:0 0 0 4px #8860d014!important;transform:translateY(-1px)}.transactionClientSelect__menu{border-radius:8px;box-shadow:0 8px 24px #0000001f;border:1px solid #e6e6e7;overflow:hidden;margin-top:.571rem}.transactionClientSelect__option{padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease}.transactionClientSelect__option:hover,.transactionClientSelect__option--is-focused{background:#f3effc!important}.transactionClientSelect__option--is-selected,.transactionClientSelect__option--is-active{background:#8860d0!important}.transactionClientSelect__placeholder{color:#8c9196;font-weight:400}.transactionClientSelect__single-value{color:#313131;font-weight:500}.transactionClientSelect__indicator{color:#8860d0}.client-option:hover,.client-option:active{background:#f3effc}.client-option:focus{background:#f3effc}.client-option--selected{background:#8860d0!important;color:#fff!important}.finance-tracker-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.finance-tracker-page{padding:.857rem .571rem}}.finance-tracker-page__container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:.857rem}.finance-tracker-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;flex-wrap:wrap;animation:slideDown .6s ease-out}.finance-tracker-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.finance-tracker-page__header-icon{width:48px;height:48px;border-radius:12px;background-color:#8860d0;display:flex;align-items:center;justify-content:center;font-size:1.429rem;color:#fff;box-shadow:0 4px 12px #8860d033}.finance-tracker-page__title{font-size:1.286rem;font-weight:700;margin:0;color:#313131}.finance-tracker-page__subtitle{margin:.286rem 0 0;font-size:.857rem;color:#8c9196;max-width:600px;line-height:1.5}.finance-tracker-page__header-actions{display:flex;gap:.857rem;flex-wrap:wrap}.finance-tracker-page__header-actions .btn{min-width:120px;justify-content:center;height:36px;border-radius:8px;font-size:.857rem;font-weight:600;padding:0 .857rem}.finance-tracker-page__create-btn{background:#8860d0;color:#fff;box-shadow:0 2px 8px #8860d040;border:none}.finance-tracker-page__create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.finance-tracker-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .1s both;position:relative;z-index:1000}.finance-tracker-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.finance-tracker-page__filter-title{font-size:1.143rem;margin:0;display:flex;align-items:center;gap:.571rem;color:#313131;font-weight:700}.finance-tracker-page__filter-title:before{content:"";width:3px;height:18px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce)}.finance-tracker-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d!important;color:#d82c0d!important;border-radius:8px;transition:all .3s ease}.finance-tracker-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.finance-tracker-page__filter-content{display:flex;flex-direction:column;gap:.857rem}.finance-tracker-page__filter-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.857rem}.finance-tracker-page__filter-item{display:flex;flex-direction:column;gap:.571rem}.finance-tracker-page__filter-item .MuiInputBase-root{height:36px!important;border-radius:8px!important;background:#fff!important;font-size:.857rem!important}.finance-tracker-page__filter-item .MuiInputBase-root fieldset{border:1px solid #e6e6e7!important;transition:all .3s ease}.finance-tracker-page__filter-item .MuiInputBase-root:hover fieldset{border-color:#8860d0!important}.finance-tracker-page__filter-item .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.finance-tracker-page__filter-item .MuiInputLabel-root{color:#8c9196!important;font-size:.857rem!important}.finance-tracker-page__filter-item .MuiInputLabel-root.Mui-focused{color:#8860d0!important}.finance-tracker-page__filter-item .MuiIconButton-root{color:#8860d0!important;padding:4px!important}.finance-tracker-page__filter-item .MuiIconButton-root:hover{background:#f3effc!important}.finance-tracker-page__filter-item .select-field-container .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff!important;font-size:.857rem!important;cursor:pointer;transition:all .3s ease;box-shadow:none!important}.finance-tracker-page__filter-item .select-field-container .react-select__control:hover{border-color:#8860d0!important}.finance-tracker-page__filter-item .select-field-container .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.finance-tracker-page__filter-item .select-field-container .react-select__value-container{padding:0 .571rem!important;font-size:.857rem!important}.finance-tracker-page__filter-item .select-field-container .react-select__input-container{margin:0;padding:0;font-size:.857rem!important}.finance-tracker-page__filter-item .select-field-container .react-select__single-value{font-size:.857rem!important;color:#313131!important}.finance-tracker-page__filter-item .select-field-container .react-select__placeholder{font-size:.857rem!important;color:#8c9196!important}.finance-tracker-page__filter-item .select-field-container .react-select__indicator{padding:4px!important}.finance-tracker-page__search{width:100%}.finance-tracker-page__search .input-field-container .inputfield{height:36px!important;padding:0 .857rem!important;font-size:.857rem!important;border-radius:8px!important;border:1px solid #e6e6e7!important;transition:all .3s ease;background:#fff!important}.finance-tracker-page__search .input-field-container .inputfield:hover{border-color:#8860d0!important}.finance-tracker-page__search .input-field-container .inputfield:focus{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.finance-tracker-page__search .input-field-container .search-icon{font-size:1rem!important;right:.571rem!important}.finance-tracker-page__view-toggle{display:flex;align-items:center;justify-content:space-between}.finance-tracker-page__view-toggle-container{display:inline-flex;gap:.571rem;flex-wrap:wrap}.finance-tracker-page__view-toggle-container button{cursor:pointer}.finance-tracker-page__view-toggle .actions{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.571rem;flex-wrap:wrap}.finance-tracker-page__view-toggle .actions .btn{height:36px;padding:0 .857rem;font-size:.857rem;font-weight:600}.finance-tracker-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.857rem}.finance-tracker-page__stats .card{padding:.857rem;border-radius:4px;border:1px solid #e6e6e7;box-shadow:0 2px 12px #0f172a0a}.finance-tracker-page__stats .card p{margin:0;text-transform:uppercase;font-size:.714rem;letter-spacing:.08em;color:#8c9196}.finance-tracker-page__stats .card h3{margin:.286rem 0;font-size:1.286rem;color:#313131}.finance-tracker-page__stats .card span{color:#3e1e79;font-size:.857rem}.finance-tracker-page__insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.857rem}.finance-tracker-page__totals{display:grid;grid-template-columns:1fr;gap:.857rem}.finance-tracker-page__insight-panel{padding:.857rem}.finance-tracker-page__insight-panel header{margin-bottom:.857rem}.finance-tracker-page__insight-panel header p{margin:0;text-transform:uppercase;font-size:.714rem;letter-spacing:.08em;color:#8c9196}.finance-tracker-page__insight-panel header h4{margin:.286rem 0 0;font-size:1.143rem}.finance-tracker-page__insight-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.286rem}.finance-tracker-page__insight-panel li{display:flex;justify-content:space-between;font-size:.857rem;color:#313131}.finance-tracker-page__insight-panel li strong{font-weight:700;color:#8860d0}.finance-tracker-page__table-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.571rem;margin-bottom:.857rem}.finance-tracker-page__table-header p{margin:0;text-transform:uppercase;font-size:.714rem;color:#8c9196}.finance-tracker-page__table-header h3{margin:.286rem 0 0;font-size:1.143rem}.finance-tracker-page__table-header-actions{display:flex;align-items:flex-end;gap:.571rem;flex-wrap:wrap}.finance-tracker-page__table-header-actions .btn{height:36px;padding:0 .857rem;font-size:.857rem;font-weight:600}.finance-tracker-page__account-name{display:flex;align-items:flex-start;gap:.571rem;flex-wrap:wrap}.finance-tracker-page__account-name--inactive .finance-tracker-page__account-bank-name{text-decoration:line-through;color:#8c9196;opacity:.6}.finance-tracker-page__account-name--inactive .finance-tracker-page__account-handler{opacity:.5}.finance-tracker-page__account-info{display:flex;flex-direction:column;align-items:flex-start;gap:.286rem;flex:1;min-width:0}.finance-tracker-page__account-bank-name{font-size:.857rem;font-weight:600;color:#313131;line-height:1.4;transition:all .2s ease}.finance-tracker-page__account-handler{font-size:.857rem;color:#3e1e79;display:flex;align-items:center;gap:.286rem;line-height:1.3;transition:all .2s ease}.finance-tracker-page__inactive-badge{padding:2px 8px;border-radius:4px;font-size:.714rem;font-weight:600;background:#6b728026;color:#6b7280;border:1px solid rgba(107,114,128,.2);text-transform:uppercase;letter-spacing:.5px}.finance-tracker-page__totals-card{padding:.857rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e6e6e7;box-shadow:0 2px 12px #0f172a0a}.finance-tracker-page__totals-card header{margin-bottom:.857rem}.finance-tracker-page__totals-card header .finance-tracker-page__totals-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.857rem}@media (max-width: 768px){.finance-tracker-page__totals-card header .finance-tracker-page__totals-header{flex-direction:column;align-items:stretch}}.finance-tracker-page__totals-card header p{margin:0;text-transform:uppercase;font-size:.714rem;letter-spacing:.08em;color:#8c9196}.finance-tracker-page__totals-card header h4{margin:.286rem 0 0;font-size:1.143rem;font-weight:600;color:#313131}.finance-tracker-page__currency-toggle{display:flex;gap:.286rem;background:#fff;padding:.143rem;border-radius:8px;border:1px solid #e6e6e7;box-shadow:0 1px 3px #0000000d}.finance-tracker-page__currency-toggle .currency-toggle-btn{padding:.286rem .571rem;border:none;background:transparent;color:#8c9196;font-size:.857rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.finance-tracker-page__currency-toggle .currency-toggle-btn:hover{background:#f3effc;color:#313131}.finance-tracker-page__currency-toggle .currency-toggle-btn.active{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 2px 4px #8860d033}.finance-tracker-page__totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.857rem}.finance-tracker-page__pagination{margin-top:.857rem;display:flex;justify-content:center}.finance-tracker-card--cta{background:linear-gradient(135deg,#fdf2ff,#eef5ff);border:1px solid rgba(136,96,208,.2)}.finance-tracker-card--cta .btn{margin-top:.857rem;width:100%}.finance-tracker-table__description{display:flex;flex-direction:column;gap:2px;text-align:center;align-items:center}.finance-tracker-table__description h4{margin:0;font-size:.857rem;color:#313131}.finance-tracker-table__description span{font-size:.714rem;color:#8c9196}.finance-tracker-table__date{font-size:.857rem;color:#313131;font-weight:500}.finance-tracker-table__category{font-size:.857rem;color:#313131;font-weight:500;text-transform:capitalize}.finance-tracker-table__staff{display:flex;align-items:center;gap:.571rem;text-align:left}.finance-tracker-table__staff img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid #e6e6e7;flex-shrink:0;transition:all .3s ease}.finance-tracker-table__staff img:hover{border-color:#8860d0;box-shadow:0 2px 8px #8860d033}.finance-tracker-table__staff span{font-size:.857rem;font-weight:500;color:#313131;line-height:1.4}.finance-tracker-table__avatar-only{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.finance-tracker-table__avatar-only .tooltip-container{position:static!important}.finance-tracker-table__avatar-only .finance-tracker-table__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid #e6e6e7;flex-shrink:0;transition:all .3s ease;cursor:pointer}.finance-tracker-table__avatar-only .finance-tracker-table__avatar:hover{border-color:#8860d0;box-shadow:0 2px 8px #8860d033;transform:scale(1.05)}.finance-tracker-table__no-payee{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.286rem}.finance-tracker-table__no-payee .finance-tracker-table__no-payee-text{font-size:.857rem;color:#8c9196;font-style:italic}.finance-tracker-table__bank-name{display:flex;align-items:flex-start;justify-content:center;width:100%;min-width:0}.finance-tracker-table__account-info{display:flex;flex-direction:column;align-items:center;gap:.286rem;flex:1;min-width:0;text-align:center}.finance-tracker-table__account-bank-name{font-size:.857rem;font-weight:600;color:#313131;line-height:1.4;transition:all .2s ease}.finance-tracker-table__account-handler{font-size:.857rem;color:#3e1e79;display:flex;align-items:center;gap:.286rem;line-height:1.3;transition:all .2s ease;text-wrap:nowrap}.view-pill{border:1.5px solid #e6e6e7;border-radius:8px;padding:.286rem .857rem;font-weight:600;font-size:.857rem;background:#fff;color:#313131;transition:all .2s ease}.view-pill.is-active{background:#8860d0;color:#fff;border-color:#8860d0}.table-meta{display:inline-flex;align-items:center;gap:.857rem;color:#8c9196}.table-meta span{font-weight:500}.status-badge{padding:4px 12px;border-radius:999px;font-size:.857rem;font-weight:600;text-transform:capitalize}.status-badge--cleared,.status-badge--healthy{background:#22c55e26;color:#15803d}.status-badge--pending,.status-badge--watch{background:#eab30826;color:#92400e}.status-badge--flagged,.status-badge--critical{background:#ef44441f;color:#b91c1c}.status-badge--inactive{background:#6b728026;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.pos{color:#16a34a;font-weight:700}.neg{color:#dc2626;font-weight:700}.totals-item{display:flex;flex-direction:column;gap:.143rem;padding:.571rem;background:#fff;border-radius:8px;border:1px solid #e6e6e7;transition:all .3s ease}.totals-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014;border-color:#8860d0}.totals-item span{font-size:.714rem;text-transform:uppercase;letter-spacing:.05em;color:#8c9196;font-weight:600}.totals-item strong{font-size:1.143rem;font-weight:700;color:#313131;margin-top:.143rem}.totals-item strong.pos{color:#16a34a}.totals-item strong.neg{color:#dc2626}.finance-tracker-page__account-actions,.finance-tracker-page__transaction-actions{display:flex;align-items:center;gap:.571rem;justify-content:center}.finance-tracker-page__action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1.5px solid transparent;background:transparent;cursor:pointer;transition:all .3s ease;color:#313131}.finance-tracker-page__action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.finance-tracker-page__action-btn--edit{color:#8860d0;border-color:#8860d04d}.finance-tracker-page__action-btn--edit:hover{background:#8860d01a;border-color:#8860d0}.finance-tracker-page__action-btn--delete{color:#d82c0d;border-color:#d82c0d4d}.finance-tracker-page__action-btn--delete:hover{background:#d82c0d1a;border-color:#d82c0d}.finance-tracker-page__action-btn--toggle-active{color:#8860d0;border-color:#8860d04d}.finance-tracker-page__action-btn--toggle-active:hover{background:#8860d01a;border-color:#8860d0}.finance-tracker-page__action-btn--toggle-inactive{color:#8c9196;border-color:#8c91964d}.finance-tracker-page__action-btn--toggle-inactive:hover{background:#8c91961a;border-color:#8c9196}.finance-tracker-page__action-btn:active{transform:translateY(0)}.empty-line{text-align:center;color:#8c9196}.add-account-modal{padding:0;animation:fadeInUp .4s ease-out}.add-account-modal__header{display:flex;align-items:flex-start;gap:.857rem;margin-bottom:.286rem}.add-account-modal__header-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#a587dc);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.286rem;flex-shrink:0;box-shadow:0 2px 8px #8860d033}.add-account-modal__header-title{font-size:1.286rem;font-weight:700;color:#313131;margin:0 0 .286rem;line-height:1.3}.add-account-modal__header-subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.add-account-modal__form,.add-account-modal__section{display:flex;flex-direction:column;gap:.857rem}.add-account-modal__section-title{font-size:1.143rem;font-weight:600;color:#313131;margin:0;padding-bottom:.286rem;position:relative}.add-account-modal__fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.857rem}@media (max-width: 768px){.add-account-modal__fields-grid{grid-template-columns:1fr}}.add-account-modal__field{display:flex;flex-direction:column;gap:.571rem;position:relative}.add-account-modal__label{font-size:.857rem;font-weight:600;color:#313131;display:flex;align-items:center;gap:.286rem;margin-bottom:.143rem}.add-account-modal__label-icon{color:#8860d0;font-size:1rem;flex-shrink:0}.add-account-modal__label .required{color:#d82c0d;font-weight:700;margin-left:2px}.add-account-modal__actions{display:flex;justify-content:flex-end;gap:.571rem;margin-top:.571rem;border-top:2px solid #e6e6e7;background:linear-gradient(to bottom,transparent 0%,rgba(136,96,208,.02) 100%);margin-left:-.857rem;margin-right:-.857rem;padding:.857rem .857rem .286rem}@media (max-width: 768px){.add-account-modal__actions{flex-direction:column-reverse}.add-account-modal__actions button{width:100%}}.add-account-modal__cancel-btn{min-width:100px;height:36px;font-size:.857rem;transition:all .3s ease}.add-account-modal__cancel-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.add-account-modal__submit-btn{min-width:120px;height:36px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#794cca);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.add-account-modal__submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.add-account-modal__submit-btn:disabled{opacity:.6;cursor:not-allowed}.add-account-modal .input-field-container{transition:all .3s ease}.add-account-modal .input-field-container:focus-within .inputfield{border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a;transform:translateY(-1px)}.add-account-modal .inputfield{border-radius:8px;border:1px solid #e6e6e7;padding:.571rem .857rem;font-size:.857rem;transition:all .3s ease;background-color:#fff}.add-account-modal .inputfield:hover{border-color:#ccccce}.add-account-modal .inputfield:focus{outline:none;border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a;background-color:#8860d005}.add-account-modal .inputfield::placeholder{color:#8c9196;opacity:.6}.add-account-modal .select-field-container .inputfield{cursor:pointer}.add-account-modal__account-name{display:flex;align-items:center;gap:.571rem;justify-content:center}.add-account-modal__account-name--inactive{opacity:.6}.add-account-modal__account-name--inactive span:first-child{text-decoration:line-through;color:#8c9196}.add-account-modal .account-holder-readonly{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:.286rem;padding:.571rem;border-radius:8px;border:1px solid #e6e6e7;font-size:.857rem;font-weight:600;color:#313131;opacity:.6}.add-account-modal__inactive-badge{padding:2px 8px;border-radius:4px;font-size:.714rem;font-weight:600;background:#6b728026;color:#6b7280;border:1px solid rgba(107,114,128,.2);text-transform:uppercase;letter-spacing:.5px}.add-account-modal__status-group{display:flex;align-items:center;justify-content:center;gap:.571rem;flex-wrap:wrap}.add-account-modal__currency-chips{display:flex;gap:.571rem;margin-top:.286rem}.add-account-modal__readonly-chip{margin-left:.571rem;padding:2px 8px;border-radius:8px;font-size:.714rem;font-weight:600;background:#6b728026;color:#6b7280;border:1px solid rgba(107,114,128,.2);text-transform:uppercase;letter-spacing:.5px}.currency-chip{flex:1;padding:.571rem .857rem;border-radius:8px;border:2px solid #e6e6e7;background:#fff;font-size:.857rem;font-weight:600;color:#313131;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.currency-chip:hover:not(.currency-chip--readonly){border-color:#8860d0;background:#8860d00d;transform:translateY(-1px)}.currency-chip.active{background:#8860d0;color:#fff;border-color:#8860d0;box-shadow:0 2px 8px #8860d04d}.currency-chip--readonly{opacity:.6;cursor:not-allowed}.currency-badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:.714rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.currency-badge--npr{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 4px #22c55e33}.currency-badge--usd{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.finance-tracker-page__currency-badge,.finance-tracker-table__currency-badge{display:flex;align-items:center;justify-content:center}.modal-title .add-account-modal__header{width:100%}.finance-tracker-page .table-container{border-radius:12px;overflow:auto;border:1px solid #e6e6e7}.finance-tracker-page .table-container--horizontal-scroll{overflow-x:auto!important;overflow-y:visible!important}.finance-tracker-page .table-container .data-table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.finance-tracker-page .table-container .data-table thead th{padding:.857rem!important;font-size:.857rem!important;font-weight:700;color:#313131;text-transform:uppercase;letter-spacing:.5px;text-align:center}.finance-tracker-page .table-container .data-table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease;cursor:pointer}.finance-tracker-page .table-container .data-table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.finance-tracker-page .table-container .data-table tbody tr:last-child{border-bottom:none}.finance-tracker-page .table-container .data-table tbody tr:has(.status-dropdown) .status-dropdown{transform:translateY(-1px)}.finance-tracker-page .table-container .data-table tbody tr td{overflow:visible!important;padding:.571rem .857rem!important;font-size:.857rem!important;color:#313131;text-align:center;vertical-align:middle}.finance-tracker-page__table-toggler{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:.571rem 0;gap:.571rem}.finance-tracker-page__table-toggler button{cursor:pointer}.finance-tracker-page .status-selector{display:inline-flex}.finance-tracker-page .status-selector .status-trigger{padding:.286rem .571rem!important;gap:.286rem!important;font-size:.857rem!important;font-weight:500!important;border-radius:12px!important;box-shadow:0 1px 4px #00000014!important}.finance-tracker-page .status-selector .status-trigger:hover:not(.disabled){box-shadow:0 2px 6px #0000001f!important}.finance-tracker-page .status-selector .status-trigger.open{box-shadow:0 3px 10px #00000026!important}.finance-tracker-page .status-selector .status-trigger .status-icon{font-size:1rem!important;width:14px!important;height:14px!important}.finance-tracker-page .status-selector .status-trigger .status-text{font-size:.857rem!important}.finance-tracker-page .status-selector .status-trigger .dropdown-arrow{font-size:.714rem!important;margin-left:.286rem!important}.finance-tracker-page .status-selector .status-trigger .status-loader{margin-left:.286rem!important}.finance-tracker-page .status-selector .status-trigger .status-loader .spinner{width:10px!important;height:10px!important}.finance-tracker-page .status-selector .status-dropdown{min-width:140px!important;top:calc(100% + .286rem)!important;border-radius:8px!important;box-shadow:0 2px 12px #0000001a!important;position:absolute!important;left:0!important;right:auto!important;margin-top:0!important}.finance-tracker-page .status-selector .status-dropdown .status-option{gap:.286rem!important;padding:.571rem .857rem!important}.finance-tracker-page .status-selector .status-dropdown .status-option .option-icon{font-size:1rem!important;width:14px!important;height:14px!important}.finance-tracker-page .status-selector .status-dropdown .status-option .option-label,.finance-tracker-page .status-selector .status-dropdown .status-option .check-mark{font-size:.857rem!important}.financeTrackerPage{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.financeTrackerPage{padding:.857rem .571rem}}.financeTrackerPage__container{max-width:1400px;margin:0 auto;width:100%}.settings-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.settings-page{padding:.857rem .571rem}}.settings-page__container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.143rem}.settings-page__layout{display:flex;gap:.857rem;align-items:flex-start}@media (max-width: 992px){.settings-page__layout{flex-direction:column}}.settings-page__sidenav{flex-shrink:0;width:240px;position:sticky;top:.857rem}@media (max-width: 992px){.settings-page__sidenav{width:100%}}.settings-page__nav{background:#fff;border-radius:16px;padding:.571rem;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;gap:.286rem;position:sticky;top:.857rem}@media (max-width: 992px){.settings-page__nav{position:relative;top:0;flex-direction:row;overflow-x:auto;padding:.571rem;gap:.571rem}.settings-page__nav::-webkit-scrollbar{display:none}}.settings-page__nav-item{display:flex;align-items:center;gap:.571rem;padding:.571rem .857rem;border:none;background:transparent;border-radius:8px;color:#8c9196;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}@media (max-width: 992px){.settings-page__nav-item{white-space:nowrap;width:auto;flex-shrink:0}}.settings-page__nav-item:hover{background:#8860d014;color:#313131}.settings-page__nav-item.active{background:#8860d01f;color:#8860d0;font-weight:600}.settings-page__nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;font-size:1rem}.settings-page__nav-label{flex:1}.settings-page__content-wrapper{flex:1;display:flex;flex-direction:column;gap:.857rem;min-width:0}.settings-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;border-radius:16px;animation:slideDown .6s ease-out}@media (max-width: 992px){.settings-page__header{flex-direction:column;align-items:flex-start}}.settings-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.settings-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.settings-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.settings-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0 0 .286rem}.settings-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.settings-page__header-actions{display:flex;gap:.857rem;align-items:center}@media (max-width: 576px){.settings-page__header-actions{width:100%;flex-direction:column}.settings-page__header-actions .btn{width:100%}}.settings-page__reset-btn{border:1.5px solid rgba(136,96,208,.25);color:#8860d0}.settings-page__reset-btn.btn{padding:.571rem;font-size:.857rem}.settings-page__save-btn{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-weight:600;box-shadow:0 2px 8px #8860d040}.settings-page__save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}.settings-page .settings-page__content{animation:fadeInUp .6s ease-out .2s both}.settings-page .settings-chip-group{display:flex;flex-wrap:wrap;gap:.571rem}.settings-page .settings-chip{border-radius:40px!important;background:#8860d014!important;color:#8860d0!important;font-weight:500!important;padding:.286rem .571rem!important;font-size:.857rem!important;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-page .settings-chip.is-active{background:#8860d033!important;border:1px solid #8860d0!important}.settings-page .settings-select{min-width:220px}.settings-page .settings-input{width:100%;font-size:.857rem}.settings-page .settings-input--time{max-width:160px}.settings-page .settings-time-range{display:flex;align-items:center;gap:.571rem}.settings-page .settings-time-range__divider{color:#8c9196;font-weight:500}.settings-page .settings-toggle-group{display:flex;align-items:center;gap:.571rem;font-weight:500;color:#313131}.settings-page .settings-tabs{background:#8860d014;border-radius:12px;padding:.286rem .571rem}.settings-page .settings-tabs .tab{width:100%}.settings-page .settings-tabs .tab-title{border-bottom:none;padding-bottom:0}.settings-page .settings-tabs .tab-title-left{gap:.286rem}.settings-page .settings-tabs .tab-item{border-radius:8px;min-height:0;padding:.286rem .571rem;font-weight:500;font-size:.857rem;background:#8860d014;color:#8c9196;transition:all .2s ease}.settings-page .settings-tabs .tab-item:hover{background:#8860d01f}.settings-page .settings-tabs .tab-item.active{color:#8860d0;background:#8860d029}.settings-page .settings-tabs .tab-content{margin-top:.857rem}.settings-page .settings-accordion{display:flex;flex-direction:column;gap:.571rem}.settings-page .settings-accordion__item{display:flex;flex-direction:column;gap:.286rem;background:#ffffffbf;border-radius:12px;padding:.571rem;border:1px solid rgba(136,96,208,.15)}.settings-page .settings-accordion__meta{display:flex;align-items:center;justify-content:space-between;gap:.571rem}.settings-page .settings-accordion__meta h4{margin:0;font-size:1rem;color:#313131}.settings-page .settings-accordion__tag{background:#8860d01a;color:#8860d0;border-radius:8px;padding:.143rem .571rem;font-size:.714rem;font-weight:500}.settings-page .settings-accordion p{margin:0;color:#8c9196;font-size:.857rem;line-height:1.6}.settings-page .settings-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.857rem}@media (max-width: 992px){.settings-page .settings-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.settings-page .settings-policy-grid{grid-template-columns:1fr}}.settings-page .settings-policy-card{background:#f3effc59;border-radius:12px;padding:.857rem;display:flex;flex-direction:column;gap:.571rem;border:1px solid rgba(136,96,208,.15);box-shadow:0 2px 8px #100c3814}.settings-page .settings-policy-card__icon{width:36px;height:36px;border-radius:8px;background:#8860d02e;color:#8860d0;display:flex;align-items:center;justify-content:center;font-size:1.143rem}.settings-page .settings-policy-card h4{margin:0;font-size:1rem;color:#313131}.settings-page .settings-policy-card p{margin:0;color:#8c9196;font-size:.857rem}.settings-page .savebtn{display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:row}.compwrapper-container:has(.roster-page__shift-form-popup),.compwrapper-container .compwrapper-content:has(.roster-page__shift-form-popup){z-index:1000}.roster-page{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.roster-page{padding:1.714rem 1.143rem}}.roster-page__container{max-width:1600px;margin:0 auto}.roster-page__header{display:flex;align-items:center;justify-content:space-between;gap:1.143rem;margin-bottom:2.286rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.roster-page__header{flex-direction:column;align-items:flex-start}}.roster-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.roster-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}@media (max-width: 768px){.roster-page__header-icon{width:56px;height:56px;font-size:1.714rem}}.roster-page__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.roster-page__title{font-size:1.429rem}}.roster-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.roster-page__controls{background:#fff;border-radius:16px;padding:1.429rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.714rem;display:flex;align-items:center;justify-content:space-between;gap:1.143rem;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 768px){.roster-page__controls{flex-direction:column;align-items:stretch}}.roster-page__view-selector{display:flex;gap:.571rem}.roster-page__view-btn{height:40px;padding:0 1.143rem;font-size:1rem;font-weight:500;border-radius:8px;transition:all .3s ease;background:#fff;border:2px solid #e6e6e7;color:#313131}.roster-page__view-btn:hover{border-color:#8860d0;color:#8860d0}.roster-page__view-btn.active{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border-color:#8860d0;box-shadow:0 4px 12px #8860d04d}.roster-page__view-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.roster-page__date-picker-wrapper{display:flex;align-items:center;min-width:200px}@media (max-width: 768px){.roster-page__date-picker-wrapper{min-width:100%}}.roster-page__date-picker-wrapper .roster-page__date-picker,.roster-page__date-picker-wrapper .roster-page__date-picker .custom-date-picker{width:100%}.roster-page__date-navigation{display:flex;align-items:center;gap:.857rem}.roster-page__nav-btn{width:40px;height:40px;padding:0;border-radius:8px;font-size:1.286rem;font-weight:700;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e6e6e7;color:#313131;transition:all .3s ease}.roster-page__nav-btn:hover{border-color:#8860d0;color:#8860d0;transform:translateY(-2px)}.roster-page__current-date{font-size:1.286rem;font-weight:600;color:#313131;min-width:200px;text-align:center}@media (max-width: 768px){.roster-page__current-date{min-width:auto;font-size:1.143rem}}.roster-page__employee-select .react-select__control{max-height:200px;overflow-y:auto}.roster-page__today-btn{height:40px;padding:0 1.143rem;font-size:1rem;font-weight:500;border-radius:8px;background:#fff;border:2px solid #e6e6e7;color:#313131;transition:all .3s ease}.roster-page__today-btn:hover{border-color:#8860d0;color:#8860d0}.roster-page__calendar{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;overflow:hidden;display:flex;position:relative;animation:fadeInUp .6s ease-out .3s both;min-height:600px}.roster-page__time-column{width:80px;flex-shrink:0;border-right:2px solid #e6e6e7;background:linear-gradient(135deg,#8860d00d,#9c80ce0d)}.roster-page__time-header{height:60px;border-bottom:2px solid #e6e6e7;display:flex;align-items:center;justify-content:center;font-weight:700;color:#313131;background:linear-gradient(135deg,#8860d01a,#9c80ce1a)}.roster-page__time-slot{height:60px;display:flex;align-items:center;justify-content:center;font-size:.857rem;color:#8c9196;border-bottom:1px solid #e6e6e7;font-weight:500}.roster-page__days-container{flex:1;display:flex;overflow-x:auto}.roster-page__day-column{flex:1;flex-shrink:0;border-right:1px solid #e6e6e7;position:relative;transition:background-color .2s ease}.roster-page__day-column:last-child{border-right:none}.roster-page__day-column--drag-target{background-color:#8860d01a;border:2px dashed #8860d0}.roster-page__day-header{height:60px;border-bottom:2px solid #e6e6e7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.571rem;background:linear-gradient(135deg,#8860d00d,#9c80ce0d);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:background-color .2s ease}.roster-page__day-header:active{background:linear-gradient(135deg,#8860d01a,#9c80ce1a)}.roster-page__day-name{font-size:.857rem;color:#8c9196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.roster-page__day-number{font-size:1.286rem;font-weight:700;color:#313131;margin-top:.143rem}.roster-page__day-cells{position:relative;height:1440px;-webkit-user-select:none;user-select:none}.roster-page__sub-column{position:absolute;top:0;height:100%;border-right:1px solid rgba(230,230,231,.5);pointer-events:none}.roster-page__sub-column:last-child{border-right:none}.roster-page__time-cell{height:60px;border-bottom:1px solid #e6e6e7;cursor:crosshair;transition:background-color .2s ease;position:relative;pointer-events:auto}.roster-page__time-cell:hover{background:#8860d00d}.roster-page__drag-preview{position:absolute;background:#8860d033;border:2px dashed #8860d0;border-radius:8px;pointer-events:none;z-index:10;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}.roster-page__shift-block{position:absolute;border-radius:8px;padding:.571rem;box-shadow:0 2px 8px #00000026;cursor:grab;transition:all .3s ease;z-index:5;overflow:visible;border:2px solid rgba(255,255,255,.3);pointer-events:auto}.roster-page__shift-block:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040;z-index:20}.roster-page__shift-block:hover .roster-page__shift-resize-handle{opacity:1}.roster-page__shift-block--dragging{z-index:30;box-shadow:0 8px 24px #0000004d;transform:scale(1.02);cursor:grabbing}.roster-page__shift-block--dragging:hover{transform:scale(1.02)}.roster-page__shift-resize-handle{position:absolute;left:0;right:0;height:10px;background:#ffffff4d;cursor:ns-resize;z-index:15;transition:all .2s ease;opacity:.5;pointer-events:auto}.roster-page__shift-resize-handle:hover{background:#ffffffb3;opacity:1;height:12px}.roster-page__shift-resize-handle--top{top:-5px;border-radius:8px 8px 0 0}.roster-page__shift-resize-handle--bottom{bottom:-5px;border-radius:0 0 8px 8px}.roster-page__shift-content{color:#fff;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.571rem}.roster-page__shift-info{display:flex;flex-direction:column;flex:1;min-width:0}.roster-page__shift-name{font-size:1rem;font-weight:600;margin-bottom:.286rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-page__shift-time{font-size:.857rem;opacity:.9;white-space:nowrap}.roster-page__shift-delete{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;padding:.286rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;width:24px;height:24px}.roster-page__shift-delete:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.roster-page__shift-delete svg{width:14px;height:14px}.roster-page__modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.143rem}.roster-page__shift-form-popup{position:relative;background:#fff;border-radius:16px;box-shadow:0 12px 48px #0000004d;width:100%;max-width:480px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden;animation:zoomIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.roster-page__form-header{display:flex;align-items:center;justify-content:space-between;padding:1.429rem;border-bottom:2px solid #e6e6e7;background:linear-gradient(135deg,#8860d01a,#9c80ce1a)}.roster-page__form-header h3{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.roster-page__form-close{width:32px;height:32px;border:none;background:transparent;font-size:1.714rem;color:#8c9196;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.roster-page__form-close:hover{background:#cd53531a;color:#cd5353}.roster-page__form-body{padding:1.429rem;display:flex;flex-direction:column;gap:1.143rem;flex:1;min-height:0;height:max-content;overflow-y:auto}.roster-page__form-field{display:flex;flex-direction:column;gap:.571rem}.roster-page__form-field label{font-size:1rem;font-weight:600;color:#313131}.roster-page__employee-option{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.571rem}.roster-page__employee-overlap-marker{color:#f59e0b;display:flex;align-items:center;font-size:1.143rem;flex-shrink:0}.roster-page__duration-inputs{display:flex;gap:.571rem;align-items:flex-start}.roster-page__duration-inputs>*{flex:1}.roster-page__duration-presets{display:flex;align-items:center;gap:.286rem;flex-wrap:wrap;margin-top:.286rem}.roster-page__duration-label{font-size:.857rem;color:#8c9196;margin-right:.286rem}.roster-page__duration-preset{padding:.286rem .571rem;background:#fff;border:1px solid #e6e6e7;border-radius:8px;color:#313131;font-size:.857rem;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.roster-page__duration-preset:hover{background:#8860d00d;border-color:#8860d0}.roster-page__duration-preset.active{background:#8860d0;border-color:#8860d0;color:#fff}.roster-page__duration-hint{font-size:.857rem;color:#8c9196;margin-top:.286rem}.roster-page__column-selector{display:flex;gap:.571rem;flex-wrap:wrap}.roster-page__column-option{flex:1;min-width:80px;height:40px;border:2px solid #e6e6e7;border-radius:8px;background:#fff;color:#313131;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.roster-page__column-option:hover{border-color:#8860d0;color:#8860d0;transform:translateY(-2px)}.roster-page__column-option.active{background:linear-gradient(135deg,#8860d0,#9c80ce);border-color:#8860d0;color:#fff;box-shadow:0 4px 12px #8860d04d}.roster-page__column-option.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.roster-page__color-picker{display:flex;gap:.571rem;flex-wrap:wrap}.roster-page__color-option{width:40px;height:40px;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.roster-page__color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.roster-page__color-option.active{border-color:#313131;transform:scale(1.15);box-shadow:0 4px 16px #0000004d}.roster-page__form-actions{display:flex;gap:.857rem;margin-top:.571rem}.roster-page__form-cancel{flex:1;height:48px;font-weight:600;background:#fff;border:2px solid #e6e6e7;color:#313131;transition:all .3s ease}.roster-page__form-cancel:hover{border-color:#cd5353;color:#cd5353;transform:translateY(-2px)}.roster-page__form-submit{flex:1;height:48px;font-weight:600;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.roster-page__form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.roster-page__shift-tooltip{position:fixed;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:2000;min-width:280px;max-width:320px;animation:fadeInUp .2s ease-out;pointer-events:auto}.roster-page__tooltip-header{padding:1.143rem;border-bottom:2px solid #e6e6e7;background:linear-gradient(135deg,#8860d01a,#9c80ce1a);display:flex;align-items:center;justify-content:space-between;gap:.571rem}.roster-page__tooltip-header h4{font-size:1.286rem;font-weight:700;color:#313131;margin:0;flex:1}.roster-page__tooltip-delete{border:1px solid;border-radius:8px;cursor:pointer;padding:.286rem .571rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.roster-page__tooltip-delete:hover{transform:scale(1.05)}.roster-page__tooltip-delete svg{width:16px;height:16px}.roster-page__tooltip-body{padding:1.143rem;display:flex;flex-direction:column;gap:.857rem}.roster-page__tooltip-item{display:flex;align-items:center;gap:.857rem;font-size:1rem;color:#313131}.roster-page__tooltip-item svg{color:#8860d0;font-size:1.143rem}.roster-page__tooltip-employees{display:flex;flex-wrap:wrap;gap:.286rem;margin-top:.571rem}.roster-page__tooltip-emp{padding:.286rem .571rem;background:#8860d01a;border-radius:8px;font-size:.857rem;color:#8860d0;font-weight:500}.roster-page__instructions{margin-top:1.714rem;padding:1.143rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;display:flex;align-items:center;justify-content:center;gap:.857rem;animation:fadeInUp .6s ease-out .4s both}.roster-page__instruction-item{display:flex;align-items:center;gap:.571rem;font-size:1rem;color:#8c9196}.roster-page__instruction-item svg{color:#8860d0;font-size:1.286rem}@media (max-width: 1024px){.roster-page__day-column{min-width:120px}.roster-page__time-column{width:70px}}@media (max-width: 768px){.roster-page__calendar{flex-direction:column}.roster-page__time-column{width:100%;display:flex;flex-direction:row;border-right:none;border-bottom:2px solid #e6e6e7;overflow-x:auto}.roster-page__time-header,.roster-page__time-slot{width:80px;flex-shrink:0;border-right:1px solid #e6e6e7;border-bottom:none}.roster-page__days-container{flex-direction:column;max-height:600px;overflow-y:auto}.roster-page__day-column{min-width:100%}.roster-page__day-cells{height:auto;min-height:1440px}}.view-roster{min-height:100vh;padding:2.286rem 1.714rem;width:100%}@media (max-width: 768px){.view-roster{padding:1.714rem 1.143rem}}.view-roster__container{max-width:1400px;margin:0 auto}.view-roster__header{margin-bottom:2.286rem;animation:slideDown .6s ease-out;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.view-roster__header{flex-direction:column;align-items:flex-start;gap:.857rem}}.view-roster .view-all-notification-btn{height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem}@media all and (max-width: 576px){.view-roster .view-all-notification-btn{width:100%}}.view-roster__table-actions{display:flex;justify-content:flex-end;margin-bottom:.857rem}@media (max-width: 768px){.view-roster__table-actions{justify-content:stretch}.view-roster__table-actions .view-all-notification-btn{width:100%}}.view-roster__header-content{display:flex;flex-direction:column;gap:.571rem}.view-roster__title{font-size:1.714rem;font-weight:700;color:#313131;margin:0}@media (max-width: 768px){.view-roster__title{font-size:1.429rem}}.view-roster__subtitle{font-size:1rem;color:#8c9196;margin:0}.view-roster__controls{background:#fff;border-radius:16px;padding:1.429rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.714rem;display:flex;align-items:center;gap:1.143rem;flex-wrap:wrap;animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:2}@media (max-width: 768px){.view-roster__controls{flex-direction:column;align-items:stretch}}.view-roster__view-selector{display:flex;gap:.571rem;flex-wrap:wrap;flex:1}.view-roster__view-btn{height:40px;padding:0 1.143rem;font-size:1rem;font-weight:500;border-radius:8px;transition:all .3s ease;background:#fff;border:2px solid #e6e6e7;color:#313131}.view-roster__view-btn:hover{border-color:#8860d0;color:#8860d0}.view-roster__view-btn.active{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;border-color:#8860d0;box-shadow:0 4px 12px #8860d04d}.view-roster__view-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.view-roster__date-picker{min-width:200px}@media (max-width: 768px){.view-roster__date-picker{width:100%}}.view-roster__date-picker .custom-date-picker{width:100%}.view-roster__employee-selector{min-width:200px}@media (max-width: 768px){.view-roster__employee-selector{width:100%}}.view-roster__employee-select{width:100%;height:40px;padding:0 1.143rem;font-size:1rem;border-radius:8px;border:2px solid #e6e6e7;background:#fff;color:#313131;cursor:pointer;transition:all .3s ease}.view-roster__employee-select:hover{border-color:#8860d0}.view-roster__employee-select:focus{outline:none;border-color:#8860d0;box-shadow:0 0 0 3px #8860d01a}.view-roster__section{background:#fff;border-radius:16px;padding:1.714rem;box-shadow:0 4px 24px #0000000f;margin-bottom:1.714rem;animation:fadeInUp .6s ease-out .3s both}.view-roster__section-title{font-size:1.429rem;font-weight:700;color:#313131;margin:0 0 1.429rem;display:flex;align-items:center;gap:.571rem}.view-roster__date-range{font-size:1.143rem;font-weight:400;color:#8c9196}.view-roster__shifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.143rem}@media (max-width: 768px){.view-roster__shifts-grid{grid-template-columns:1fr}}.view-roster__shift-card{background:#fff;border:2px solid #e6e6e7;border-radius:12px;padding:1.143rem;transition:all .3s ease;position:relative;overflow:hidden}.view-roster__shift-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--shift-color, #8860d0)}.view-roster__shift-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.857rem}.view-roster__shift-name{font-size:1.286rem;font-weight:600;color:#313131}.view-roster__shift-color{width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #00000026}.view-roster__shift-time,.view-roster__shift-date,.view-roster__shift-employees{display:flex;align-items:center;gap:.571rem;margin-bottom:.571rem;font-size:1rem;color:#3e1e79}.view-roster__shift-time svg,.view-roster__shift-date svg,.view-roster__shift-employees svg{color:#8860d0;flex-shrink:0}.view-roster__shift-duration{color:#8c9196;font-size:.857rem}.view-roster__shift-employee-list{margin-top:1.143rem;padding-top:1.143rem;border-top:1px solid #e6e6e7}.view-roster__view-all-container{margin-top:.857rem;padding-top:.857rem;border-top:1px solid #e6e6e7}.view-roster__view-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.571rem .857rem;background:transparent;border:2px solid #8860d0;border-radius:8px;color:#8860d0;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.view-roster__view-all-btn:hover{background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.view-roster__view-all-btn svg{font-size:1.143rem}.view-roster__modal-content{padding:1.143rem;max-height:70vh;overflow-y:auto}.view-roster__modal-employees{display:flex;flex-direction:column;gap:.857rem}.view-roster__modal-employee-item{display:flex;align-items:center;gap:1.143rem;padding:.857rem;border:1px solid #e6e6e7;border-radius:8px;transition:all .2s ease}.view-roster__modal-employee-item:hover{background:#8860d00d;border-color:#8860d0}.view-roster__modal-employee-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #e6e6e7;flex-shrink:0}.view-roster__modal-employee-info{flex:1;min-width:0}.view-roster__modal-employee-name{font-size:1.143rem;font-weight:600;color:#313131;margin-bottom:.286rem}.view-roster__modal-employee-position{font-size:1rem;color:#3e1e79;text-transform:capitalize;margin-bottom:.143rem}.view-roster__modal-employee-email{font-size:.857rem;color:#8c9196}.view-roster__employee-item{display:flex;align-items:center;gap:.857rem;padding:.571rem;border-radius:8px;transition:background-color .2s ease;margin-bottom:.571rem}.view-roster__employee-item:hover{background:#8860d00d}.view-roster__employee-item:last-child{margin-bottom:0}.view-roster__employee-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #e6e6e7;flex-shrink:0}.view-roster__employee-info{flex:1;min-width:0}.view-roster__employee-name{font-size:1rem;font-weight:500;color:#313131;margin-bottom:.143rem}.view-roster__employee-position{font-size:.857rem;color:#8c9196;text-transform:capitalize}.view-roster__swap-btn,.view-roster__swap-request-btn{height:32px;padding:0 .857rem;font-size:.857rem;display:flex;align-items:center;gap:.286rem;flex-shrink:0}.view-roster__swap-request-btn{margin-top:.857rem;width:100%;justify-content:center}.view-roster__filters{margin-top:1.143rem;width:100%}.view-roster__filters-content .view-roster__filter-item{max-width:50%}@media (max-width: 768px){.view-roster__filters{margin-top:.857rem}}.view-roster__filters-header{display:flex;align-items:center;gap:.571rem;margin-bottom:.857rem;font-size:1.143rem;font-weight:600;color:#313131}.view-roster__filters-header svg{color:#8860d0;font-size:1.286rem}.view-roster__filters-content{display:flex;gap:1.143rem;flex-wrap:wrap;align-items:flex-end}@media (max-width: 768px){.view-roster__filters-content{flex-direction:column;align-items:stretch}}.view-roster__filter-item{display:flex;flex-direction:column;gap:.571rem;flex:1;min-width:200px}@media (max-width: 768px){.view-roster__filter-item{min-width:100%}}.view-roster__filter-label{display:flex;align-items:center;gap:.571rem;font-size:1rem;font-weight:500;color:#313131}.view-roster__filter-label svg{color:#8860d0;font-size:1.143rem}.view-roster__employee-selector-inline{margin-top:1.143rem;max-width:400px;width:100%}@media (max-width: 768px){.view-roster__employee-selector-inline{max-width:100%}}.view-roster__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.429rem 0;gap:1.143rem;min-height:400px}.view-roster__loading-spinner{width:48px;height:48px;border:4px solid rgba(136,96,208,.1);border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.view-roster__loading p{font-size:1.143rem;color:#8c9196;font-weight:500;margin:0}.view-roster__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.857rem 1.714rem;gap:1.143rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;min-height:400px;text-align:center}.view-roster__error svg{font-size:64px;color:#cd5353;opacity:.7}.view-roster__error h3{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.view-roster__error p{font-size:1.143rem;color:#8c9196;margin:0;max-width:500px;line-height:1.6}.view-roster__error button{margin-top:.571rem}.view-roster__empty-state{text-align:center;padding:2.857rem 1.714rem;color:#8c9196;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.143rem}.view-roster__empty-state-icon{font-size:80px;opacity:.3;color:#8c9196;animation:float 3s ease-in-out infinite}.view-roster__empty-state h3{font-size:1.429rem;font-weight:700;color:#313131;margin:0}.view-roster__empty-state p{font-size:1.143rem;margin:0;color:#8c9196;max-width:500px;line-height:1.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payroll-history-detail-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.payroll-history-detail-page{padding:.571rem .286rem}}.payroll-history-detail-page__container{max-width:100%;margin:0 auto}.payroll-history-detail-page__header{display:flex;align-items:center;justify-content:space-between;gap:.571rem;margin-bottom:.857rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.payroll-history-detail-page__header{flex-direction:column;align-items:flex-start;margin-bottom:.571rem}}.payroll-history-detail-page__header-content{display:flex;align-items:center;gap:.571rem;flex:1}.payroll-history-detail-page__back-btn{height:36px;width:36px;padding:0;min-width:auto;border-radius:8px;display:flex;align-items:center;justify-content:center}.payroll-history-detail-page__header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.286rem;box-shadow:0 4px 12px #8860d033}.payroll-history-detail-page__title{font-size:1rem;font-weight:700;color:#313131;margin:0}@media (max-width: 768px){.payroll-history-detail-page__title{font-size:1.286rem}}.payroll-history-detail-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.payroll-history-detail-page__filter-btn{height:40px;width:40px;padding:0;min-width:auto;border-radius:8px}.payroll-history-detail-page__filters{background:#fff;border-radius:12px;padding:1.143rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both}.payroll-history-detail-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.1)}.payroll-history-detail-page__filter-header .payroll-history-detail-page__filter-title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.payroll-history-detail-page__filter-header .payroll-history-detail-page__filter-title:before{content:"";width:3px;height:20px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.payroll-history-detail-page__filter-header .payroll-history-detail-page__clear-btn{height:36px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.payroll-history-detail-page__filter-header .payroll-history-detail-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d82c0d4d}.payroll-history-detail-page__filter-content{display:flex;flex-direction:row;gap:.857rem}@media all and (max-width: 576px){.payroll-history-detail-page__filter-content{flex-direction:column}}.payroll-history-detail-page__search{width:100%}.payroll-history-detail-page__filter-group{display:flex;flex-direction:row;gap:.857rem}.payroll-history-detail-page__filter-item,.payroll-history-detail-page__filter-item div{height:100%}.payroll-history-detail-page__filter-item .payroll-history-detail-page__date-picker .MuiInputBase-root{height:42px;border-radius:8px;background:#fff;font-size:1rem}.payroll-history-detail-page__filter-item .payroll-history-detail-page__date-picker .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.payroll-history-detail-page__filter-item .payroll-history-detail-page__date-picker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.payroll-history-detail-page__filter-item .payroll-history-detail-page__date-picker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.payroll-history-detail-page__filter-item .payroll-history-detail-page__date-picker .MuiInputLabel-root{color:#8c9196;font-size:1rem}.payroll-history-detail-page__filter-item .payroll-history-detail-page__date-picker .MuiInputLabel-root.Mui-focused{color:#8860d0}.payroll-history-detail-page__filter-item .payroll-history-detail-page__date-picker .MuiIconButton-root{color:#8860d0;margin-right:5px}.payroll-history-detail-page__filter-item .payroll-history-detail-page__date-picker .MuiIconButton-root:hover{background:#f3effc}.payroll-history-detail-page__taxable-indicator{display:inline-flex;align-items:center;justify-content:center;cursor:help}.payroll-history-detail-page__taxable-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 2px #f59e0b26,0 1px 2px #0000001a;display:block;position:relative}.payroll-history-detail-page__taxable-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#f59e0b33;animation:taxable-ripple 2s ease-in-out infinite}@keyframes taxable-ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.4);opacity:0}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.payroll-history-detail-page__applicable-label{position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%);font-size:8px;font-weight:500;color:#8c9196;white-space:nowrap;line-height:1;pointer-events:none}.payroll-history-detail-page__mui-datepicker{width:100%}.payroll-history-detail-page__mui-datepicker .MuiFormLabel-root:not(.MuiInputLabel-shrink){top:50%;transform:translateY(-50%);left:12px}.payroll-history-detail-page__mui-datepicker .MuiInputBase-root{height:42px;border-radius:8px;background:#fff;font-size:1rem}.payroll-history-detail-page__mui-datepicker .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.payroll-history-detail-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.payroll-history-detail-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.payroll-history-detail-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:1rem}.payroll-history-detail-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.payroll-history-detail-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.payroll-history-detail-page__content{animation:fadeInUp .6s ease-out .2s both}.payroll-history-detail-page__loading{display:flex;align-items:center;justify-content:center;padding:2.286rem 1.143rem;background:#fff;border-radius:8px;border:1px solid #e6e6e7}.payroll-history-detail-page__loading p{font-size:1rem;color:#8c9196;margin:0}.payroll-history-detail-page__table-container{background:#fff;border-radius:8px;border:1px solid #e6e6e7;overflow:hidden;box-shadow:0 2px 8px #0000000a;width:fit-content;max-width:100%}.payroll-history-detail-page__table-container .table-container{width:100%}.payroll-history-detail-page__table-container .data-table{width:100%;table-layout:auto}.payroll-history-detail-page__table-container .data-table tr th{padding:12px 16px!important;font-size:.857rem!important;font-weight:600!important;white-space:nowrap;background:#f3effc}.payroll-history-detail-page__table-container .data-table tr th:first-child{min-width:200px;max-width:250px}.payroll-history-detail-page__table-container .data-table tr td{padding:12px 16px!important;vertical-align:middle}.payroll-history-detail-page__table-container .payroll-history-detail-page__row--partial td{background:#feefda!important}.payroll-history-detail-page__table-container .payroll-history-detail-page__row--partial:hover td{background:#fffaf4!important}.payroll-history-detail-page__empty-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;background:#fff;border-radius:8px;border:1px solid #e6e6e7;text-align:center;gap:.857rem}.payroll-history-detail-page__empty-table .empty-icon{font-size:48px;margin-bottom:.571rem}.payroll-history-detail-page__empty-table h3{font-size:1.286rem;font-weight:700;color:#313131;margin:0}.payroll-history-detail-page__empty-table p{font-size:1rem;color:#8c9196;margin:0;text-align:center;max-width:400px;line-height:1.6}.payroll-history-detail-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.payroll-history-detail-page__empty h3{font-size:1.286rem;font-weight:700;color:#313131;margin:0}.payroll-history-detail-page__empty p{font-size:1rem;color:#8c9196;margin:0;text-align:center;max-width:400px;line-height:1.6}.payroll-history-detail-page__employee-cell{display:flex;align-items:center;gap:.571rem;padding:4px 0;min-width:200px;max-width:250px}.payroll-history-detail-page__avatar{width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.857rem;font-weight:600;flex-shrink:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 4px #0000001a}.payroll-history-detail-page__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.payroll-history-detail-page__avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:.857rem;font-weight:600;z-index:0}.payroll-history-detail-page__employee-info{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start}.payroll-history-detail-page__employee-name-wrapper{display:flex;align-items:center;gap:.571rem}.payroll-history-detail-page__contract-badge{display:flex;align-items:center;justify-content:center;cursor:help}.payroll-history-detail-page__employee-name{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.payroll-history-detail-page__employee-designation{font-size:.714rem;color:#8c9196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.payroll-history-detail-page__value{font-size:.857rem;font-weight:600;white-space:nowrap;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px}.payroll-history-detail-page__value--allowance{color:#16a34a}.payroll-history-detail-page__value--deduction{color:#dc2626}.payroll-history-detail-page__value--gross{color:#8860d0;font-weight:700}.payroll-history-detail-page__value--net{color:#16a34a;font-weight:700}.payroll-history-detail-page__payslip-btn{height:32px!important;padding:.286rem .571rem!important;font-size:.857rem!important;white-space:nowrap}.payroll-history-detail-page__payslip-modal-content{padding:.571rem 0}.payroll-history-detail-page__payslip-header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:1px solid #e6e6e7}.payroll-history-detail-page__payslip-actions{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:.571rem}.payroll-history-detail-page__payslip-actions .action-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:8px 12px;border:1px solid #e6e6e7;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.143rem}.payroll-history-detail-page__payslip-actions .action-btn:hover:not(:disabled){background:#f3effc;border-color:#8860d0}.payroll-history-detail-page__payslip-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.payroll-history-detail-page__payslip-actions .action-btn.pdf-btn,.payroll-history-detail-page__payslip-actions .action-btn.pdf-btn .pdf,.payroll-history-detail-page__payslip-actions .action-btn.pdf-btn .exporting-text{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.286rem}.payroll-history-detail-page__payslip-actions .action-btn.pdf-btn .exporting-text .spinner{width:16px;height:16px;border:2px solid #e6e6e7;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.payroll-history-detail-page__payslip-preview-container{overflow:auto;max-height:calc(100vh - 300px);padding:.857rem;background:#f5f5f5;border-radius:12px}.payroll-history-detail-page__payslip-preview-container .zoom-wrapper{display:flex;justify-content:center;align-items:flex-start}.payroll-history-detail-page__payslip-preview-container .zoom{transition:transform .2s ease}.payslip-wrapper{color:#333;border-radius:12px}.payslip-wrapper .payslip-container-wrapper{background:none;background:#fff;font-family:Lato,sans-serif;border:1px solid #e4e4e4;border-radius:12px;margin-bottom:10px;transition:all .3s ease}.payslip-wrapper .payslip-container-wrapper .payslip-container{display:flex;flex-direction:column;min-height:1123px}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;padding:20px 25px;border-bottom:1px solid #e4e4e4}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-header .payslip-title h1{margin:0;font-family:Lato,sans-serif;font-size:1.714rem}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-header .payslip-title p{margin:5px 0 0;font-size:1rem;color:#727272}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-header .logo{width:60px;height:auto}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-details{padding:20px 25px;border-bottom:1px solid #e4e4e4;display:flex}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-details p{font-size:1rem;margin:0 0 8px;color:#727272}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-details h3{font-size:1.143rem;font-family:Lato,sans-serif}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-details .payslip-details-left,.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-details .payslip-details-right{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex:1;gap:20px}.payslip-wrapper .payslip-container-wrapper .payslip-container .table-wrapper{display:flex;flex-direction:column;justify-content:center;padding-inline:25px;padding-top:10px;padding-bottom:20px}.payslip-wrapper .payslip-container-wrapper .payslip-container .table-wrapper:first-of-type{padding-top:20px;padding-bottom:10px}.payslip-wrapper .payslip-container-wrapper .payslip-container .table-wrapper p{margin:0 0 8px;font-size:1rem;color:#727272}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table{width:100%;table-layout:fixed;margin-bottom:15px;color:#333}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table thead th:first-child{border-top-left-radius:12px}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table thead th:last-child{border-top-right-radius:12px}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table th,.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table td{padding:10px 8px;text-align:left;font-size:1rem;word-break:break-word}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table th{background:#f9f9f9;text-align:left;font-weight:600}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table tbody{margin-bottom:10px}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table tbody tr{border-bottom:1px solid #e4e4e4}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table tbody tr.total-row{border-top:2px solid #e4e4e4;border-bottom:2px solid #e4e4e4}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table .description{width:70%}.payslip-wrapper .payslip-container-wrapper .payslip-container .payslip-table .amount{width:30%;text-align:right}.payslip-wrapper .payslip-container-wrapper .payslip-container .summary{text-align:right;background:#f9f9f9;border-radius:12px;margin:0 25px 10px}.payslip-wrapper .payslip-container-wrapper .payslip-container .summary>div{padding:5px 0}.payslip-wrapper .payslip-container-wrapper .payslip-container .summary p{display:flex;padding:8px 15px;justify-content:space-between;margin:3px 0;font-size:1rem;color:#333}.payslip-wrapper .payslip-container-wrapper .payslip-container .summary p.net-salary{border-top:2px solid #333;margin-top:8px;padding-top:12px;font-size:1.143rem}.payslip-wrapper .payslip-container-wrapper .payslip-container .notes-box{margin-top:auto;margin-left:25px;margin-right:25px;background:#f6f6f6;padding:10px;border-radius:8px;font-size:1rem;word-spacing:1px}.payslip-wrapper .payslip-container-wrapper .payslip-container .notes-box h4{font-family:Lato,sans-serif;font-weight:600;margin-bottom:10px}.payslip-wrapper .payslip-container-wrapper .payslip-container .notes-box ul{padding-left:25px;list-style:disc}.payslip-wrapper .payslip-container-wrapper .payslip-container .notes-box li{padding:0 10px;line-height:1.5;color:#727272}.payslip-wrapper .payslip-container-wrapper .payslip-container footer{margin-bottom:30px}.payslip-wrapper .payslip-container-wrapper .payslip-container footer .company-details{font-weight:600;display:flex;justify-content:space-between;padding:10px 25px 5px}.payslip-wrapper .payslip-container-wrapper .payslip-container footer .company-details h3{font-family:Lato,sans-serif;font-size:1.286rem}.payslip-wrapper .payslip-container-wrapper .payslip-container footer .company-details span{color:#727272}.payslip-wrapper .payslip-container-wrapper .payslip-container footer .page-number{padding:0 25px;text-align:right;color:#727272}.payroll-history-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.payroll-history-page{padding:.571rem .286rem}}.payroll-history-page__container{max-width:100%;margin:0 auto}.payroll-history-page__header{display:flex;align-items:center;justify-content:space-between;gap:.571rem;margin-bottom:.857rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.payroll-history-page__header{flex-direction:column;align-items:flex-start;margin-bottom:.571rem}}.payroll-history-page__header-content{display:flex;align-items:center;gap:.571rem;flex:1}.payroll-history-page__header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.286rem;box-shadow:0 4px 12px #8860d033}.payroll-history-page__title{font-size:1rem;font-weight:700;color:#313131;margin:0}@media (max-width: 768px){.payroll-history-page__title{font-size:1.286rem}}.payroll-history-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.payroll-history-page__filter-btn{height:40px;width:40px;padding:0;min-width:auto;border-radius:8px}.payroll-history-page__filters{background:#fff;border-radius:12px;padding:1.143rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:2}.payroll-history-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.1)}.payroll-history-page__filter-header .payroll-history-page__filter-title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.payroll-history-page__filter-header .payroll-history-page__filter-title:before{content:"";width:3px;height:20px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.payroll-history-page__filter-header .payroll-history-page__clear-btn{height:36px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.payroll-history-page__filter-header .payroll-history-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d82c0d4d}.payroll-history-page__filter-content{display:flex;flex-direction:row;gap:.857rem}@media all and (max-width: 576px){.payroll-history-page__filter-content{flex-direction:column}}.payroll-history-page__search{width:100%}.payroll-history-page__filter-group{display:flex;flex-direction:row;gap:.857rem;flex-wrap:wrap}@media all and (max-width: 576px){.payroll-history-page__filter-group{flex-direction:column}}.payroll-history-page__filter-item{height:100%;min-width:180px}@media all and (max-width: 576px){.payroll-history-page__filter-item{min-width:100%}}.payroll-history-page__filter-item .payroll-history-page__date-picker .MuiInputBase-root{height:42px;border-radius:8px;background:#fff;font-size:1rem}.payroll-history-page__filter-item .payroll-history-page__date-picker .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.payroll-history-page__filter-item .payroll-history-page__date-picker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.payroll-history-page__filter-item .payroll-history-page__date-picker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.payroll-history-page__filter-item .payroll-history-page__date-picker .MuiInputLabel-root{color:#8c9196;font-size:1rem}.payroll-history-page__filter-item .payroll-history-page__date-picker .MuiInputLabel-root.Mui-focused{color:#8860d0}.payroll-history-page__filter-item .payroll-history-page__date-picker .MuiIconButton-root{color:#8860d0;margin-right:5px}.payroll-history-page__filter-item .payroll-history-page__date-picker .MuiIconButton-root:hover{background:#f3effc}.payroll-history-page__filter-item .selectfield-container,.payroll-history-page__mui-datepicker{width:100%}.payroll-history-page__mui-datepicker .MuiFormLabel-root:not(.MuiInputLabel-shrink){top:50%;transform:translateY(-50%);left:12px}.payroll-history-page__mui-datepicker .MuiInputBase-root{height:42px;border-radius:8px;background:#fff;font-size:1rem}.payroll-history-page__mui-datepicker .MuiInputBase-root fieldset{border:2px solid #e6e6e7;transition:all .3s ease}.payroll-history-page__mui-datepicker .MuiInputBase-root:hover fieldset{border-color:#8860d0}.payroll-history-page__mui-datepicker .MuiInputBase-root.Mui-focused fieldset{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014}.payroll-history-page__mui-datepicker .MuiInputLabel-root{color:#8c9196;font-size:1rem}.payroll-history-page__mui-datepicker .MuiInputLabel-root.Mui-focused,.payroll-history-page__mui-datepicker .MuiIconButton-root{color:#8860d0}.payroll-history-page__content{background:#fff;border-radius:8px;padding:.857rem;box-shadow:0 2px 8px #0000000a;animation:fadeInUp .6s ease-out .2s both;min-height:300px;border:1px solid #e6e6e7}@media all and (max-width: 576px){.payroll-history-page__content{padding:0;background:unset;box-shadow:unset;min-height:unset;border:none}}.payroll-history-page__content .table-container .data-table tr th{padding:12px 16px!important;font-size:.857rem!important;font-weight:600!important;white-space:nowrap}.payroll-history-page__content .table-container .data-table tr td{padding:12px 16px!important;vertical-align:middle}.payroll-history-page__period-cell{text-align:center;padding:4px 0;cursor:pointer;transition:all .3s ease}.payroll-history-page__period-cell:hover .period-name{color:#8860d0;transform:translate(4px)}.payroll-history-page__period-cell .period-name{font-size:1rem;font-weight:600;color:#313131;margin:0;line-height:1.4;transition:all .3s ease;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.payroll-history-page__date-cell{padding:4px 0;display:flex;justify-content:center;align-items:center}.payroll-history-page__date-cell .date-range{display:flex;align-items:center;gap:.286rem;padding:.286rem .571rem;border-radius:8px;width:fit-content;transition:all .3s ease}.payroll-history-page__date-cell .date-value{font-weight:500;white-space:nowrap;font-size:.857rem;color:#313131}.payroll-history-page__date-cell .date-separator{color:#8c9196;font-weight:400;margin:0 .286rem;font-size:.857rem}.payroll-history-page__status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:50px;font-weight:600;font-size:.714rem;transition:all .3s ease;box-shadow:0 1px 4px #0000000f}.payroll-history-page__count{font-size:.857rem;font-weight:500;color:#313131}.payroll-history-page__amount{font-size:.857rem;font-weight:600;color:#8860d0}.payroll-history-page__date{font-size:.857rem;color:#313131}.payroll-history-page__actions-cell{display:flex;gap:.286rem;justify-content:center;align-items:center}.payroll-history-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.payroll-history-page__actions-cell .action-btn.view-btn{background:#8860d01a;color:#8860d0}.payroll-history-page__actions-cell .action-btn.view-btn:hover{background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.payroll-history-page__pagination{margin-top:1.143rem;display:flex;justify-content:center}.payroll-history-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.payroll-history-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.payroll-history-page__empty h3{font-size:1.286rem;font-weight:700;color:#313131;margin:0}.payroll-history-page__empty p{font-size:1rem;color:#8c9196;margin:0;text-align:center;max-width:400px;line-height:1.6}.MuiPickersPopper-root{z-index:9999!important}.MuiPickersDay-root{border-radius:8px;transition:all .2s ease}.MuiPickersDay-root:hover{background:#f3effc}.MuiPickersDay-root.Mui-selected{background:#8860d0!important}.MuiPickersDay-root.Mui-selected:hover{background:#794cca!important}.MuiPickersCalendarHeader-label{color:#8860d0;font-weight:600}.MuiPickersArrowSwitcher-button{color:#8860d0}.MuiPickersArrowSwitcher-button:hover{background:#f3effc}.create-benefit-component-page{min-height:100vh;padding:.571rem;width:100%}@media (max-width: 768px){.create-benefit-component-page{padding:.286rem}}.create-benefit-component-page__container{max-width:700px;margin:0 auto}.create-benefit-component-page__header{display:flex;align-items:center;justify-content:space-between;gap:.571rem;margin-bottom:.857rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.create-benefit-component-page__header{flex-direction:column;align-items:flex-start;margin-bottom:.571rem}}.create-benefit-component-page__header-content{display:flex;align-items:center;gap:.571rem;flex:1}.create-benefit-component-page__back-btn{height:32px;width:32px;padding:0;min-width:auto;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.143rem}.create-benefit-component-page__header-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.143rem;box-shadow:0 3px 8px #8860d033}.create-benefit-component-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0 0 2px}@media (max-width: 768px){.create-benefit-component-page__title{font-size:1.143rem}}.create-benefit-component-page__subtitle{font-size:.714rem;color:#8c9196;margin:0;line-height:1.5}.create-benefit-component-page__form{background:#fff;border-radius:12px;padding:.857rem;box-shadow:0 2px 8px #0000000a;animation:fadeInUp .6s ease-out .2s both}@media (max-width: 768px){.create-benefit-component-page__form{padding:.571rem}}.create-benefit-component-page__form-section{margin-bottom:1.143rem}.create-benefit-component-page__form-section:last-of-type{margin-bottom:.571rem}.create-benefit-component-page__label-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:.286rem;gap:.571rem}.create-benefit-component-page__label{display:block;font-size:.857rem;font-weight:600;color:#313131;margin:0}.create-benefit-component-page__label .required{color:#dc2626;margin-left:3px}.create-benefit-component-page__readonly-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:12px;font-size:.714rem;font-weight:500;color:#6b7280;white-space:nowrap;box-shadow:0 1px 2px #0000000d}.create-benefit-component-page__readonly-badge svg{flex-shrink:0;opacity:.7}.create-benefit-component-page__readonly-badge span{line-height:1}.create-benefit-component-page__hint{font-size:.714rem;color:#8c9196;margin-top:4px;margin-bottom:0}.create-benefit-component-page__error{display:block;font-size:.714rem;color:#dc2626;margin-top:4px}.create-benefit-component-page__chip-grid{display:flex;flex-wrap:wrap;gap:.286rem;padding:.571rem;background:#fafbfc;border-radius:8px;border:1px solid #e6e6e7;transition:all .3s ease}.create-benefit-component-page__chip-grid:hover{border-color:#8860d0;background:#fff}.create-benefit-component-page__chip-grid--error{border-color:#dc3545!important;background:#fff5f5!important;box-shadow:0 0 0 2px #dc35451a!important}.create-benefit-component-page__chip-grid--error:hover{border-color:#dc3545!important;background:#fff5f5!important}.create-benefit-component-page__chip-grid--readonly{background:#f9fafb;border-color:#e5e7eb;opacity:.95}.create-benefit-component-page__chip-grid--readonly:hover{border-color:#e5e7eb;background:#f9fafb}.create-benefit-component-page__option-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px .857rem;border-radius:50px;border:1.5px solid #e6e6e7;background:#fff;color:#313131;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.create-benefit-component-page__option-chip:hover{border-color:#8860d0;background:#8860d00d;color:#8860d0;transform:translateY(-1px);box-shadow:0 2px 6px #8860d026}.create-benefit-component-page__option-chip--selected{border-color:#8860d0;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 3px 8px #8860d04d}.create-benefit-component-page__option-chip--selected:hover{background:linear-gradient(135deg,#794cca,#8e6ec7);transform:translateY(-1px);box-shadow:0 4px 12px #8860d066;color:#fff}.create-benefit-component-page__option-chip--readonly{opacity:.7;position:relative}.create-benefit-component-page__option-chip--readonly:not(.create-benefit-component-page__option-chip--readonly--selected){opacity:.5}.create-benefit-component-page__option-chip--readonly:hover{transform:none;box-shadow:none;border-color:#e6e6e7;background:#fff;color:#313131}.create-benefit-component-page__option-chip--readonly--selected{opacity:.85;cursor:not-allowed}.create-benefit-component-page__option-chip--readonly--selected:hover{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;transform:none;box-shadow:0 3px 8px #8860d04d}.create-benefit-component-page__toggle-wrapper{display:flex;align-items:center;gap:.571rem;padding:.571rem;background:#fafbfc;border-radius:8px;border:1px solid #e6e6e7;width:fit-content;transition:all .3s ease}.create-benefit-component-page__toggle-wrapper:hover{border-color:#8860d0;background:#fff}.create-benefit-component-page__toggle{flex-shrink:0}.create-benefit-component-page__toggle-label{font-size:.857rem;font-weight:500;color:#313131;-webkit-user-select:none;user-select:none}.create-benefit-component-page__actions{display:flex;gap:.571rem;justify-content:flex-end;margin-top:1.143rem;padding-top:.857rem;border-top:1px solid #e6e6e7}@media (max-width: 768px){.create-benefit-component-page__actions{flex-direction:column-reverse}.create-benefit-component-page__actions button{width:100%}}.create-benefit-component-page__cancel-btn{min-width:100px;height:36px;font-size:.857rem}.create-benefit-component-page__submit-btn{min-width:140px;height:36px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 3px 8px #8860d04d}.create-benefit-component-page__submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d066}.benefit-components-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.benefit-components-page{padding:.571rem .286rem}}.benefit-components-page__container{max-width:100%;margin:0 auto}.benefit-components-page__header{display:flex;align-items:center;justify-content:space-between;gap:.571rem;margin-bottom:.857rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.benefit-components-page__header{flex-direction:column;align-items:flex-start;margin-bottom:.571rem}}.benefit-components-page__header-content{display:flex;align-items:center;gap:.571rem;flex:1}.benefit-components-page__header-actions{display:flex;align-items:center;gap:.571rem}.benefit-components-page__header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.286rem;box-shadow:0 4px 12px #8860d033}.benefit-components-page__title{font-size:1.429rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.benefit-components-page__title{font-size:1.286rem}}.benefit-components-page__subtitle{font-size:1rem;color:#8c9196;margin:0;line-height:1.5}.benefit-components-page__create-btn{height:40px;padding:0 1.143rem;font-weight:600;border-radius:8px;font-size:1rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d;transition:all .3s ease}.benefit-components-page__create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}@media (max-width: 768px){.benefit-components-page__create-btn{width:100%}}.benefit-components-page__filter-btn{height:40px;width:40px;padding:0;min-width:auto;border-radius:8px}.benefit-components-page__filters{background:#fff;border-radius:12px;padding:1.143rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both}.benefit-components-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.143rem;padding-bottom:.857rem;border-bottom:2px solid rgba(136,96,208,.1)}.benefit-components-page__filter-header .benefit-components-page__filter-title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.benefit-components-page__filter-header .benefit-components-page__clear-btn{height:36px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.benefit-components-page__filter-header .benefit-components-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d82c0d4d}.benefit-components-page__filter-content{display:flex;flex-direction:column;gap:.857rem}.benefit-components-page__search{width:100%}.benefit-components-page__filter-group{display:flex;flex-direction:row;gap:1.143rem}@media all and (max-width: 576px){.benefit-components-page__filter-group{flex-direction:column;gap:.857rem}}.benefit-components-page__filter-item{flex:1}.benefit-components-page__filter-label{display:block;font-size:1rem;font-weight:600;color:#313131;margin-bottom:.571rem}.benefit-components-page__chip-select{display:flex;flex-wrap:wrap;gap:.571rem}.benefit-components-page__filter-chip{display:inline-flex;align-items:center;justify-content:center;padding:.571rem 1.143rem;border-radius:50px;border:2px solid #e6e6e7;background:#fff;color:#313131;font-size:.857rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.benefit-components-page__filter-chip:hover{border-color:#8860d0;background:#8860d00d;color:#8860d0}.benefit-components-page__filter-chip--selected{border-color:#8860d0;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 4px 12px #8860d04d}.benefit-components-page__content{background:#fff;border-radius:8px;padding:.857rem;box-shadow:0 2px 8px #0000000a;animation:fadeInUp .6s ease-out .2s both;min-height:300px;border:1px solid #e6e6e7}@media all and (max-width: 576px){.benefit-components-page__content{padding:0;background:unset;box-shadow:unset;min-height:unset;border:none}}.benefit-components-page__content .table-container .data-table tr th{padding:12px 16px!important;font-size:.857rem!important;font-weight:600!important;white-space:nowrap}.benefit-components-page__content .table-container .data-table tr td{padding:12px 16px!important;vertical-align:middle}.benefit-components-page__content .table-container .data-table tr:has(.benefit-components-page__name-cell--inactive){opacity:.65;background-color:#f9fafb!important;position:relative}.benefit-components-page__content .table-container .data-table tr:has(.benefit-components-page__name-cell--inactive) td{color:#8c9196}.benefit-components-page__content .table-container .data-table tr:has(.benefit-components-page__name-cell--inactive) td .benefit-components-page__type-badge,.benefit-components-page__content .table-container .data-table tr:has(.benefit-components-page__name-cell--inactive) td .benefit-components-page__calc-type-badge,.benefit-components-page__content .table-container .data-table tr:has(.benefit-components-page__name-cell--inactive) td .benefit-components-page__value{opacity:.7}.benefit-components-page__content .table-container .data-table tr:has(.benefit-components-page__name-cell--inactive):hover{background-color:#f3f4f6!important;opacity:.75}.benefit-components-page__name-cell{padding:4px 0}.benefit-components-page__name-cell .component-name{font-size:1rem;font-weight:600;color:#313131;margin:0;line-height:1.4;transition:all .3s ease}.benefit-components-page__name-cell--inactive{opacity:.6}.benefit-components-page__name-cell--inactive .component-name{color:#8c9196;text-decoration:line-through;text-decoration-color:#8c9196;text-decoration-thickness:1.5px}.benefit-components-page__type-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:50px;font-weight:600;font-size:.714rem;transition:all .3s ease;box-shadow:0 1px 4px #0000000f}.benefit-components-page__calc-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:50px;background:#8860d01a;color:#8860d0;font-weight:600;font-size:.714rem}.benefit-components-page__value{font-size:.857rem;font-weight:600;color:#8860d0}.benefit-components-page__taxable-badge .taxable-yes,.benefit-components-page__taxable-badge .addable-yes,.benefit-components-page__taxable-badge .mandatory-yes,.benefit-components-page__addable-badge .taxable-yes,.benefit-components-page__addable-badge .addable-yes,.benefit-components-page__addable-badge .mandatory-yes,.benefit-components-page__mandatory-badge .taxable-yes,.benefit-components-page__mandatory-badge .addable-yes,.benefit-components-page__mandatory-badge .mandatory-yes{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:50px;background:#22c55e1a;color:#16a34a;font-weight:600;font-size:.714rem}.benefit-components-page__taxable-badge .taxable-no,.benefit-components-page__taxable-badge .addable-no,.benefit-components-page__taxable-badge .mandatory-no,.benefit-components-page__addable-badge .taxable-no,.benefit-components-page__addable-badge .addable-no,.benefit-components-page__addable-badge .mandatory-no,.benefit-components-page__mandatory-badge .taxable-no,.benefit-components-page__mandatory-badge .addable-no,.benefit-components-page__mandatory-badge .mandatory-no{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:50px;background:#6b72801a;color:#6b7280;font-weight:600;font-size:.714rem}.benefit-components-page__status-cell{display:flex;align-items:center;gap:.571rem;justify-content:center}.benefit-components-page__status-cell .benefit-components-page__status-toggle{flex-shrink:0}.benefit-components-page__status-cell .benefit-components-page__status-label{font-size:.857rem;font-weight:500;white-space:nowrap}.benefit-components-page__status-cell .benefit-components-page__status-label--active{color:#16a34a}.benefit-components-page__status-cell .benefit-components-page__status-label--inactive{color:#6b7280}.benefit-components-page__actions-cell{display:flex;gap:.286rem;justify-content:center;align-items:center}.benefit-components-page__actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.benefit-components-page__actions-cell .action-btn.edit-btn{background:#8860d01a;color:#8860d0}.benefit-components-page__actions-cell .action-btn.edit-btn:hover:not(:disabled){background:#8860d0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8860d04d}.benefit-components-page__actions-cell .action-btn.edit-btn:disabled{opacity:.5;cursor:not-allowed;background:#8860d00d;color:#8c9196}.benefit-components-page__actions-cell .action-btn.edit-btn:disabled:hover{transform:none;box-shadow:none}.benefit-components-page__pagination{margin-top:1.143rem;display:flex;justify-content:center}.benefit-components-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.benefit-components-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.benefit-components-page__empty h3{font-size:1.286rem;font-weight:700;color:#313131;margin:0}.benefit-components-page__empty p{font-size:1rem;color:#8c9196;margin:0;text-align:center;max-width:400px;line-height:1.6}.benefit-components-page__empty .empty-action-btn{margin-top:.571rem;height:44px;padding:0 1.714rem;font-weight:600;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 4px 12px #8860d04d}.benefit-components-page__empty .empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8860d066}.salary-payroll-view-page{min-height:100vh;padding:.857rem;width:100%;background:linear-gradient(135deg,#8860d005,#8860d00d)}@media (max-width: 768px){.salary-payroll-view-page{padding:.571rem .286rem}}.salary-payroll-view-page__container{max-width:1400px;margin:0 auto}.salary-payroll-view-page__header{display:flex;align-items:center;justify-content:space-between;gap:.571rem;margin-bottom:1.143rem;background:#fff;padding:1.143rem;border-radius:12px;box-shadow:0 2px 12px #0000000a;animation:slideDown .6s ease-out}@media (max-width: 768px){.salary-payroll-view-page__header{flex-direction:column;align-items:flex-start;gap:.857rem}}.salary-payroll-view-page__header-content{display:flex;align-items:center;gap:.571rem;flex:1}.salary-payroll-view-page__back-btn{height:36px;width:36px;padding:0;min-width:auto;border-radius:8px;display:flex;align-items:center;justify-content:center}.salary-payroll-view-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.286rem;box-shadow:0 4px 12px #8860d033}.salary-payroll-view-page__title{font-size:1rem;font-weight:700;color:#313131;margin:0 0 .286rem}@media (max-width: 768px){.salary-payroll-view-page__title{font-size:1.286rem}}.salary-payroll-view-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.salary-payroll-view-page__header-actions{display:flex;align-items:center;gap:.571rem}@media (max-width: 768px){.salary-payroll-view-page__header-actions{width:100%;justify-content:space-between}}.salary-payroll-view-page__zoom-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e6e6e7;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.143rem;font-weight:600;color:#313131}.salary-payroll-view-page__zoom-btn:hover{background:#f3effc;border-color:#8860d0;color:#8860d0}.salary-payroll-view-page__zoom-btn span{line-height:1}.salary-payroll-view-page__zoom-level{font-size:.857rem;font-weight:600;color:#313131;min-width:50px;text-align:center}.salary-payroll-view-page__download-btn,.salary-payroll-view-page__print-btn{height:36px;padding:0 .857rem;white-space:nowrap}.salary-payroll-view-page__content{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a;overflow:hidden;animation:fadeInUp .6s ease-out .2s both}.salary-payroll-view-page__pdf-container{width:100%;min-height:600px;overflow:auto;background:#f5f5f5;padding:1.143rem;display:flex;justify-content:center;align-items:flex-start}@media (max-width: 768px){.salary-payroll-view-page__pdf-container{height:calc(100vh - 300px);min-height:500px;padding:.571rem}}.salary-payroll-view-page__pdf-wrapper{transition:transform .2s ease;transform-origin:top center;box-shadow:0 4px 20px #0000001a;border-radius:8px;overflow:hidden;background:#fff}.salary-payroll-view-page__pdf-iframe{border:none;display:block;width:100%;min-height:800px;border-radius:8px}.salary-payroll-view-page__empty-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;min-height:400px;text-align:center}.salary-payroll-view-page__empty-pdf .empty-icon{font-size:64px;margin-bottom:.857rem}.salary-payroll-view-page__empty-pdf h3{font-size:1.286rem;font-weight:700;color:#313131;margin:0 0 .571rem}.salary-payroll-view-page__empty-pdf p{font-size:1rem;color:#8c9196;margin:0;max-width:400px;line-height:1.6}.salary-payroll-view-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;min-height:400px;text-align:center}.salary-payroll-view-page__loading .loading-spinner{width:48px;height:48px;border:4px solid #e6e6e7;border-top-color:#8860d0;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.857rem}.salary-payroll-view-page__loading h3{font-size:1.286rem;font-weight:700;color:#313131;margin:0 0 .571rem}.salary-payroll-view-page__loading p{font-size:1rem;color:#8c9196;margin:0;line-height:1.6}.salary-payroll-view-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a}.salary-payroll-view-page__empty .empty-icon{font-size:64px}.salary-payroll-view-page__empty h3{font-size:1.286rem;font-weight:700;color:#313131;margin:0}.salary-payroll-view-page__empty p{font-size:1rem;color:#8c9196;margin:0;text-align:center;max-width:400px;line-height:1.6}@media print{*{visibility:hidden}.payslip-wrapper,.payslip-wrapper *,.payslip-container-wrapper,.payslip-container-wrapper *{visibility:visible}.payslip-wrapper{position:absolute;left:0;top:0;width:100%!important;margin:0;padding:0}.salary-payroll-view-page{background:#fff;padding:0;margin:0}.salary-payroll-view-page__header,.salary-payroll-view-page__header *,.salary-payroll-view-page__header-actions,.salary-payroll-view-page__header-actions *{display:none!important;visibility:hidden!important}.salary-payroll-view-page__container{max-width:100%;margin:0;padding:0}.salary-payroll-view-page__content{box-shadow:none;border:none;margin:0;padding:0}.salary-payroll-view-page__pdf-container{height:auto;padding:0;margin:0;background:#fff;overflow:visible;position:relative}.salary-payroll-view-page__pdf-wrapper{transform:scale(1)!important;box-shadow:none;position:relative;width:100%;height:auto}.salary-payroll-view-page__empty-pdf{display:none!important}.payslip-container-wrapper{position:relative;width:100%;margin:0;padding:0}}.compwrapper-content:has(.salary-payroll-page){margin:0!important;padding:0!important}.compwrapper-content:has(.payroll-history-page),.compwrapper-content:has(.payroll-history-detail-page),.compwrapper-content:has(.create-benefit-component-page),.compwrapper-content:has(.benefit-components-page){margin:0!important;padding:0!important}.salary-payroll-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.salary-payroll-page{padding:.571rem .286rem}}.salary-payroll-page__container{max-width:100%;margin:0 auto}.salary-payroll-page__header{display:flex;align-items:center;justify-content:space-between;gap:.571rem;margin-bottom:.857rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.salary-payroll-page__header{flex-direction:column;align-items:flex-start;margin-bottom:.571rem}}.salary-payroll-page__header-content{display:flex;align-items:center;gap:.571rem;flex:1}.salary-payroll-page__header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.286rem;box-shadow:0 2px 8px #8860d040}@media (max-width: 768px){.salary-payroll-page__header-icon{width:32px;height:32px;font-size:1.143rem}}.salary-payroll-page__title{font-size:1rem;font-weight:700;color:#313131;margin:0}@media (max-width: 768px){.salary-payroll-page__title{font-size:1.143rem}}.salary-payroll-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.4}.salary-payroll-page__content{border-radius:12px;padding:.857rem;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both}.salary-payroll-page__progress-steps{display:flex;justify-content:space-between;align-items:flex-start;gap:.143rem;flex-wrap:wrap;position:relative;padding-top:.571rem;padding-bottom:.571rem}@media (max-width: 1200px){.salary-payroll-page__progress-steps{gap:.143rem}}@media (max-width: 768px){.salary-payroll-page__progress-steps{flex-direction:column;gap:.286rem;padding-top:.286rem;padding-bottom:.286rem}}.salary-payroll-page__progress-bar-container{position:absolute;top:calc(50% - 6px);left:0;right:0;transform:translateY(-50%);width:100%;height:3px;background:#f3effc;border-radius:8px;overflow:hidden;z-index:0}@media (max-width: 768px){.salary-payroll-page__progress-bar-container{display:none}}.salary-payroll-page__progress-bar-fill{height:100%;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px;transition:width .4s ease;box-shadow:0 2px 8px #8860d04d}.salary-payroll-page__progress-step{display:flex;flex-direction:column;align-items:center;gap:.143rem;flex:1;min-width:0;max-width:none;transition:all .3s ease;padding:.143rem;border-radius:8px;position:relative;z-index:1}@media (max-width: 768px){.salary-payroll-page__progress-step{flex-direction:row;width:100%;max-width:100%;justify-content:flex-start;text-align:left;gap:.286rem}}.salary-payroll-page__progress-step.clickable{cursor:pointer}.salary-payroll-page__progress-step.clickable:hover{transform:translateY(-2px)}.salary-payroll-page__progress-step.active .salary-payroll-page__step-indicator{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 0 0 3px #8860d033,0 2px 12px #8860d080;border:2px solid white;width:28px;height:28px;font-size:1rem;font-weight:700}.salary-payroll-page__progress-step.active .salary-payroll-page__step-label{color:#8860d0;font-weight:700;font-size:.857rem;transform:translateY(-1px)}.salary-payroll-page__progress-step.active.completed .salary-payroll-page__step-indicator{background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;box-shadow:0 0 0 3px #8860d033,0 2px 12px #8860d080;border:2px solid white}.salary-payroll-page__progress-step.active.completed .salary-payroll-page__step-label{color:#8860d0;font-weight:700}.salary-payroll-page__progress-step.completed .salary-payroll-page__step-indicator{background:#22c55e;color:#fff}.salary-payroll-page__progress-step.completed .salary-payroll-page__step-label{color:#16a34a}.salary-payroll-page__progress-step.disabled{cursor:not-allowed}.salary-payroll-page__progress-step.disabled .salary-payroll-page__step-indicator{background:#f3effc;color:#8c9196;border-color:#e6e6e7}.salary-payroll-page__progress-step.disabled .salary-payroll-page__step-label{color:#8c9196;opacity:.8}.salary-payroll-page__progress-step.disabled:hover{transform:none}.salary-payroll-page__step-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f3effc;color:#8c9196;font-size:.857rem;font-weight:600;transition:all .3s ease;border:1.5px solid #e6e6e7;flex-shrink:0;position:relative;z-index:2}.salary-payroll-page__step-number{display:block}.salary-payroll-page__step-check{font-size:1rem;font-weight:700}.salary-payroll-page__step-label{font-size:.714rem;color:#8c9196;text-align:center;line-height:1.2;transition:all .3s ease;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@media (max-width: 768px){.salary-payroll-page__step-label{text-align:left;margin-left:.286rem;font-size:.857rem;white-space:normal}}.salary-payroll-page__level-content{padding:.857rem;margin-top:1.143rem;min-height:200px;margin-bottom:.857rem}@media all and (max-width: 576px){.salary-payroll-page__level-content{padding:.571rem;min-height:unset}}.salary-payroll-page__level-body{display:flex;flex-direction:column;gap:.571rem}.salary-payroll-page__level-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;padding-bottom:.286rem;border-bottom:1.5px solid rgba(136,96,208,.1);display:flex;align-items:center;gap:.286rem}.salary-payroll-page__level-title:before{content:"";width:2px;height:14px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.salary-payroll-page__level-placeholder{font-size:.857rem;color:#8c9196;text-align:center;padding:1.143rem 0;line-height:1.5}.salary-payroll-page__placeholder-actions{display:flex;justify-content:center;align-items:center;margin-top:.857rem;padding-top:.857rem;border-top:1px solid rgba(136,96,208,.1)}.salary-payroll-page__complete-btn{height:32px;padding:0 1.143rem;font-weight:600;border-radius:8px;font-size:.857rem;transition:all .3s ease;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 6px #22c55e4d}.salary-payroll-page__complete-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #22c55e66}.salary-payroll-page__controls{position:relative;padding:.857rem}@media (max-width: 768px){.salary-payroll-page__controls{display:flex;position:static;flex-direction:column;gap:.286rem}}.salary-payroll-page__control-btn-wrapper{position:absolute;right:.857rem;top:0;display:flex;flex-direction:row;gap:.571rem}@media (max-width: 768px){.salary-payroll-page__control-btn-wrapper{position:static}}.salary-payroll-page__control-btn{height:32px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;transition:all .3s ease}.salary-payroll-page__control-btn:not(:disabled){background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 6px #8860d04d}.salary-payroll-page__control-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 3px 10px #8860d066}.salary-payroll-page__control-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.salary-payroll-page__control-btn{width:100%}}.salary-payroll-page__level-info{display:flex;justify-content:center;flex:1}@media (max-width: 768px){.salary-payroll-page__level-info{visibility:hidden}}.salary-payroll-page__level-counter{font-size:.857rem;color:#8c9196;font-weight:500;padding:.143rem .571rem;background:#8860d00d;border-radius:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.activity-log-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.activity-log-page{padding:.857rem .571rem}}.activity-log-page__container{max-width:1400px;margin:0 auto}.activity-log-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.activity-log-page__header{flex-direction:column;align-items:flex-start}}.activity-log-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.activity-log-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.activity-log-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.activity-log-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.activity-log-page__title{font-size:1.143rem}}.activity-log-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.activity-log-page__filter-toggle-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.activity-log-page__filter-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.activity-log-page__filter-toggle-btn{width:100%}}.activity-log-page__filters{background:#f3effc;border-radius:8px;padding:.857rem;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;z-index:1000;position:relative}.activity-log-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.activity-log-page__filter-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.activity-log-page__filter-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.activity-log-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.activity-log-page__clear-btn:hover:not(:disabled){background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.activity-log-page__clear-btn:disabled{opacity:.5;cursor:not-allowed}.activity-log-page__filter-content{display:flex;flex-direction:column;gap:.857rem}@media all and (max-width: 576px){.activity-log-page__filter-content{flex-direction:column}}.activity-log-page__search{width:100%}.activity-log-page__filter-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.857rem}@media all and (max-width: 576px){.activity-log-page__filter-group{grid-template-columns:1fr}}.activity-log-page__filter-item{display:flex;flex-direction:column;gap:.286rem;position:relative;z-index:1}.activity-log-page__filter-item .selectfield{position:relative;z-index:1}.activity-log-page__filter-item .selectfield .react-select__menu,.activity-log-page__filter-item .selectfield .react-select__menu-list{z-index:1000!important}.activity-log-page__filter-label{display:flex;align-items:center;gap:.286rem;font-size:.857rem;font-weight:600;color:#313131;margin-bottom:.286rem}.activity-log-page__filter-label-icon{font-size:1rem;color:#8860d0;opacity:.8}.activity-log-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:0 1rem}.activity-log-page__stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #8860d014;border:1px solid #e6e6e7;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.activity-log-page__stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8860d01f}.activity-log-page__stat-label{font-size:.875rem;color:#3e1e79;font-weight:500}.activity-log-page__stat-value{font-size:2rem;font-weight:700;color:#8860d0}.activity-log-page__content{width:100%}.activity-log-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#8c9196}.activity-log-page__empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.activity-log-page__timeline{position:relative;width:100%;padding:2rem 0}.activity-log-page__timeline-line{position:absolute;left:calc(140px + 1.5rem);top:0;bottom:0;width:2px;background:linear-gradient(180deg,#8860d0,#8860d04d);z-index:0}.activity-log-page__logs{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1}.activity-log-page__log-item{display:grid;grid-template-columns:100px 60px 1fr;gap:1.5rem;align-items:center;padding:0 1rem;margin-bottom:1rem;position:relative;transition:all .3s ease}.activity-log-page__log-item:hover .activity-log-page__log-content{transform:translate(4px)}.activity-log-page__log-timestamp{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:.5rem}.activity-log-page__log-time{font-size:.875rem;font-weight:600;color:#313131;white-space:nowrap}.activity-log-page__log-status-dot{width:8px;height:8px;border-radius:50%;display:block}.activity-log-page__log-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.activity-log-page__log-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;border:3px solid white}.activity-log-page__log-content{border-radius:12px;padding:1.25rem 1.5rem;transition:all .3s ease;flex:1}.activity-log-page__log-title{font-size:1.143rem;font-weight:600;color:#313131;margin:0 0 .5rem;line-height:1.4}.activity-log-page__log-description{font-size:1.143rem;color:#313131;margin:0 0 .75rem;line-height:1.5}.activity-log-page__log-context{display:flex;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid #e6e6e7}.activity-log-page__log-context-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#3e1e79;font-weight:500}.activity-log-page__log-context-icon{font-size:.875rem;color:#8860d0;opacity:.7}.activity-log-page__date-group{margin-bottom:2rem}.activity-log-page__date-header{padding:.75rem 1rem;margin-bottom:1rem;position:relative;z-index:1}.activity-log-page__date-text{font-size:.875rem;font-weight:600;color:#8860d0;text-transform:uppercase;letter-spacing:.5px;background:#fff;padding:.5rem 1rem;border-radius:6px;display:inline-block;box-shadow:0 2px 4px #8860d01a}.activity-log-page__load-more{padding:2rem;text-align:center;min-height:100px}.activity-log-page__loading{color:#3e1e79;font-size:.875rem}@media (max-width: 768px){.activity-log-page{padding:1rem}.activity-log-page__title{font-size:2rem}.activity-log-page__filters{margin-left:0;margin-right:0}.activity-log-page__search-filter{flex-direction:column}.activity-log-page__stats{grid-template-columns:1fr;padding:0}.activity-log-page__timeline-line{left:30px}.activity-log-page__log-item{grid-template-columns:60px 40px 1fr;gap:1rem;padding:0}.activity-log-page__log-timestamp{align-items:flex-start}.activity-log-page__log-icon-wrapper{width:40px;height:40px;font-size:1rem}.activity-log-page__log-content{padding:1rem}}.tenants-page{min-height:100vh;padding:.857rem;width:100%}@media (max-width: 768px){.tenants-page{padding:.857rem .571rem}}.tenants-page__container{max-width:1400px;margin:0 auto}.tenants-page__header{display:flex;align-items:center;justify-content:space-between;gap:.857rem;margin-bottom:1.143rem;animation:slideDown .6s ease-out}@media (max-width: 768px){.tenants-page__header{flex-direction:column;align-items:flex-start}}.tenants-page__header-content{display:flex;align-items:center;gap:.857rem;flex:1}.tenants-page__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:1.429rem;box-shadow:0 4px 12px #8860d033}@media (max-width: 768px){.tenants-page__header-icon{width:40px;height:40px;font-size:1.286rem}}.tenants-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0;margin-bottom:.286rem}@media (max-width: 768px){.tenants-page__title{font-size:1.143rem}}.tenants-page__subtitle{font-size:.857rem;color:#8c9196;margin:0;line-height:1.5}.tenants-page__add-btn{height:36px;padding:0 .857rem;font-weight:600;border-radius:8px;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040;transition:all .3s ease}.tenants-page__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@media (max-width: 768px){.tenants-page__add-btn{width:100%}}.tenants-page__add-btn.tenants-page__filter-btn{min-width:36px;padding:0}.tenants-page__filters{background:#fff;border-radius:16px;padding:.857rem;box-shadow:0 2px 12px #0000000a;margin-bottom:.857rem;animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:1000}.tenants-page__filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.857rem;padding-bottom:.571rem;border-bottom:2px solid rgba(136,96,208,.1)}.tenants-page__filter-header .tenants-page__filter-title{font-size:1.143rem;font-weight:700;color:#313131;margin:0;display:flex;align-items:center;gap:.571rem}.tenants-page__filter-header .tenants-page__filter-title:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,#8860d0,#9c80ce);border-radius:8px}.tenants-page__filter-header .tenants-page__clear-btn{height:32px;padding:0 .857rem;font-size:.857rem;font-weight:500;white-space:nowrap;background:linear-gradient(135deg,#d82c0d1a,#d82c0d0d);border:1.5px solid #d82c0d;color:#d82c0d;border-radius:8px;transition:all .3s ease}.tenants-page__filter-header .tenants-page__clear-btn:hover{background:#d82c0d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d82c0d40}.tenants-page__filter-content{display:flex;flex-direction:row;gap:.857rem}@media all and (max-width: 576px){.tenants-page__filter-content{flex-direction:column}}.tenants-page__search{width:100%}.tenants-page__filter-group{display:flex;flex-direction:row;gap:1.143rem}.tenants-page__filter-item{height:100%;min-width:200px}.tenants-page__filter-item .react-select__control{min-height:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e6e6e7!important;background:#fff;transition:all .3s ease}.tenants-page__filter-item .react-select__control:hover{border-color:#8860d0!important}.tenants-page__filter-item .react-select__control--is-focused{border-color:#8860d0!important;box-shadow:0 0 0 3px #8860d014!important}.tenants-page__filter-item .react-select__value-container{padding:0 .571rem;height:36px}.tenants-page__filter-item .react-select__indicators{height:36px}.tenants-page__filter-item .react-select__single-value{color:#313131;font-weight:600;font-size:.857rem}.tenants-page__filter-item .react-select__indicator{color:#8860d0}.tenants-page__filter-item .react-select__indicator-separator{display:none}.tenants-page__content{border-radius:16px;animation:fadeInUp .6s ease-out .2s both;min-height:300px}@media all and (max-width: 576px){.tenants-page__content{padding:0!important;background:#f3effc;box-shadow:none}}.tenants-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.tenants-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.tenants-page__loading p{font-size:.857rem;color:#8c9196;font-weight:500}.tenants-page .table-container{border-radius:12px;overflow:auto;border:1px solid #e6e6e7}.tenants-page .table-container table thead{background:linear-gradient(135deg,#8860d014,#9c80ce14)}.tenants-page .table-container table thead th{font-weight:700;color:#313131;padding:.857rem;font-size:.857rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.tenants-page .table-container table tbody tr{border-bottom:1px solid #e6e6e7;transition:all .3s ease;cursor:pointer}.tenants-page .table-container table tbody tr .tenants-page__employee-cell{justify-content:flex-start}.tenants-page .table-container table tbody tr .tenants-page__employee-cell .employee-info{align-items:flex-start}.tenants-page .table-container table tbody tr:hover{background:#8860d008;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.tenants-page .table-container table tbody tr:hover .tenants-page__employee-cell .employee-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8860d033}.tenants-page .table-container table tbody tr:last-child{border-bottom:none}.tenants-page .table-container table tbody tr td{padding:.571rem .857rem;color:#313131;font-size:.857rem;text-align:center;vertical-align:middle}.tenants-page__employee-cell{display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.286rem 0}.tenants-page__employee-cell .employee-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 6px #8860d01f}.tenants-page__employee-cell .employee-avatar img{width:100%;height:100%;object-fit:cover}.tenants-page__employee-cell .employee-avatar .avatar-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.tenants-page__employee-cell .employee-avatar .avatar-initial.hidden{display:none}.tenants-page__employee-cell .employee-info{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.tenants-page__employee-cell .employee-info .employee-name{font-size:.857rem;font-weight:600;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.tenants-page__info-cell{display:flex;align-items:center;justify-content:center;padding:.286rem 0}.tenants-page__info-cell .info-text{font-size:.857rem;font-weight:500;color:#313131}.tenants-page__date-cell{display:flex;align-items:center;justify-content:center;gap:.286rem;padding:.286rem .571rem;margin:0 auto;width:fit-content}.tenants-page__date-cell .date-icon{font-size:1rem;color:#8860d0;flex-shrink:0}.tenants-page__date-cell .date-text{font-size:.857rem;color:#313131;font-weight:500;white-space:nowrap}.tenants-page__plan-badge{display:inline-block;padding:.286rem .571rem;border-radius:8px;background:#f3effc;color:#8860d0;font-size:.857rem;font-weight:500}.tenants-page__theme-pill{display:flex;align-items:center;justify-content:center;gap:.571rem;padding:.286rem 0}.tenants-page__theme-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #00000014}.tenants-page__theme-hex{font-size:.714rem;color:#8c9196;font-family:monospace}.tenants-page__status-cell{display:flex;align-items:center;justify-content:center;padding:.286rem 0;min-height:36px}.tenants-page__actions-cell{display:flex;align-items:center;justify-content:center;gap:.286rem;padding:.286rem 0}.tenants-page__action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:#8860d014;color:#8860d0;cursor:pointer;transition:all .2s ease}.tenants-page__action-btn:hover{background:#8860d026;color:#7648c9}.tenants-page__status{display:inline-block;padding:.286rem .571rem;border-radius:8px;font-size:.857rem;font-weight:500}.tenants-page__status--active{background:#4e9f4c26;color:#40833f}.tenants-page__status--inactive{background:#fed3d1;color:#d82c0d}.tenants-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 1.143rem;gap:.857rem;margin-block:2rem}.tenants-page__empty .empty-icon{font-size:60px;opacity:.5;animation:float 3s ease-in-out infinite}.tenants-page__empty h3{font-size:1.143rem;font-weight:700;color:#313131;margin:0}.tenants-page__empty p{font-size:.857rem;color:#8c9196;margin:0;text-align:center;max-width:500px;line-height:1.6}.tenants-page__empty .empty-action-btn{margin-top:.857rem;height:36px;padding:0 .857rem;font-weight:600;font-size:.857rem;background:linear-gradient(135deg,#8860d0,#9c80ce);box-shadow:0 2px 8px #8860d040}.tenants-page__empty .empty-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8860d04d}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.create-tenant-color-picker__label{display:flex;align-items:center;gap:.571rem;font-size:.857rem;font-weight:600;color:#313131;margin-bottom:.857rem}.create-tenant-color-picker__row{display:flex;align-items:center;gap:.857rem;margin-bottom:.857rem}.create-tenant-color-picker__swatch{width:56px;height:56px;border-radius:12px;border:3px solid #e6e6e7;cursor:pointer;padding:0;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s;flex-shrink:0}.create-tenant-color-picker__swatch:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.create-tenant-color-picker__swatch:focus-visible{outline:2px solid #8860d0;outline-offset:2px}.create-tenant-color-picker__native{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;border:none;padding:0}.create-tenant-color-picker__hex-wrap{flex:1;min-width:0}.create-tenant-color-picker__hex-wrap input{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.857rem}.create-tenant-color-picker__presets{margin-top:.571rem}.create-tenant-color-picker__presets-label{display:block;font-size:.714rem;color:#8c9196;margin-bottom:.571rem}.create-tenant-color-picker__presets-list{display:flex;flex-wrap:wrap;gap:.571rem}.create-tenant-color-picker__preset-swatch{width:28px;height:28px;border-radius:8px;border:2px solid #e6e6e7;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s,border-color .2s;color:#fff;font-size:12px;font-weight:700}.create-tenant-color-picker__preset-swatch:hover{transform:scale(1.1);border-color:#313131}.create-tenant-color-picker__preset-check{text-shadow:0 0 2px rgba(0,0,0,.5)}.create-tenant-page{min-height:100vh;padding:1.714rem;width:100%}@media (max-width: 768px){.create-tenant-page{padding:1.143rem}}.create-tenant-page__container{max-width:1200px;margin:0 auto}.create-tenant-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:1.714rem;animation:slideDown .5s ease-out}.create-tenant-page__back-btn{display:inline-flex;align-items:center;justify-content:center;gap:.571rem;min-width:44px;height:44px;padding:0 .857rem;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #8860d014}.create-tenant-page__back-btn:hover{background:#f3effc;transform:translate(-3px);box-shadow:0 4px 12px #8860d026}.create-tenant-page__back-btn:focus-visible{outline:2px solid #8860d0;outline-offset:2px}.create-tenant-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.create-tenant-page__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#8860d0,#9c80ce);color:#fff;font-size:2.286rem;box-shadow:0 8px 24px #8860d040}.create-tenant-page__title{font-size:1.286rem;font-weight:700;color:#313131;margin:0 0 .286rem}.create-tenant-page__subtitle{font-size:.857rem;color:#8c9196;margin:0}.create-tenant-page__form{animation:fadeInUp .5s ease-out .06s both}.create-tenant-page__branding-col{position:sticky;top:1.143rem;max-width:500px}@media all and (max-width: 768px){.create-tenant-page__branding-col{position:static}}.create-tenant-page__card{padding:1.429rem;border-radius:16px;box-shadow:0 2px 20px #0000000f;border:1px solid #e6e6e7;background:#fff}.create-tenant-page__card--branding{height:fit-content}.create-tenant-page__card-head{display:flex;align-items:center;gap:.857rem;margin-bottom:.571rem}.create-tenant-page__card-title{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;font-weight:700;color:#313131;margin:0}.create-tenant-page__card-desc{font-size:.857rem;color:#8c9196;margin:0 0 1.143rem;line-height:1.45}.create-tenant-page__field{margin-bottom:1.143rem}.create-tenant-page__required{color:#cd5353}.create-tenant-page__label{display:flex;align-items:center;gap:.571rem;font-size:.857rem;font-weight:600;color:#313131;margin-bottom:.571rem}.create-tenant-page__logo-field .create-tenant-page__logo-upload{display:flex;flex-direction:column;align-items:center;gap:.571rem}.create-tenant-page__logo-field .create-tenant-page__logo-upload--error .create-tenant-page__logo-preview{border-color:#cd5353;box-shadow:0 0 0 2px #cd535333}.create-tenant-page__logo-error{color:#cd5353;font-size:.714rem;font-weight:500}.create-tenant-page__logo-preview{width:100%;height:120px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.571rem;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#f3effc;border:2px dashed #e6e6e7;color:#8c9196}.create-tenant-page__logo-preview:hover{border-color:#8860d0;color:#8860d0;background:#8860d00a}.create-tenant-page__logo-preview:focus-visible{outline:2px solid #8860d0;outline-offset:2px}.create-tenant-page__logo-preview img{width:100%;height:100%;object-fit:contain}.create-tenant-page__logo-preview--has-image{position:relative}.create-tenant-page__logo-preview--has-image .create-tenant-page__logo-change{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;font-size:.857rem;font-weight:600;opacity:0;transition:opacity .2s ease}.create-tenant-page__logo-preview--has-image:hover .create-tenant-page__logo-change{opacity:1}.create-tenant-page__logo-cta{font-size:.857rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.create-tenant-page__file-input{display:none}.create-tenant-page__logo-hint{font-size:.714rem;color:#8c9196}.create-tenant-page__color-field,.create-tenant-page__db-plan-field{margin-bottom:1.143rem}.create-tenant-page__chip-grid{display:flex;flex-wrap:wrap;gap:.857rem;margin-top:.571rem}.create-tenant-page__option-chip{padding:.857rem 1.143rem;border-radius:12px;border:2px solid #e6e6e7;background:#f3effc;color:#313131;font-size:.857rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.create-tenant-page__option-chip:hover{border-color:#8860d0;background:#8860d00f;color:#8860d0}.create-tenant-page__option-chip--selected{border-color:#8860d0;background:#8860d01f;color:#8860d0}.create-tenant-page__actions{display:flex;gap:.857rem;justify-content:flex-end;align-items:center;padding:1.143rem .571rem .571rem;margin:0 -.571rem;background:#fff;border-radius:12px;border:1px solid #e6e6e7;box-shadow:0 -2px 12px #0000000a}.create-tenant-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem 0;gap:.857rem}.create-tenant-page__loading .loading-spinner{width:36px;height:36px;border:3px solid #f3effc;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.create-tenant-page__loading p{font-size:.857rem;color:#8c9196}.create-tenant-page__empty{display:flex;flex-direction:column;align-items:center;gap:.857rem;padding:1.714rem 0}.create-tenant-page__empty h2{font-size:1.143rem;margin:0;color:#313131}.tenant-detail-page{min-height:100vh;padding:1.429rem;width:100%}@media (max-width: 768px){.tenant-detail-page{padding:1.143rem}}.tenant-detail-page__container{max-width:900px;margin:0 auto}.tenant-detail-page__header{display:flex;align-items:flex-start;gap:1.143rem;margin-bottom:1.714rem;animation:slideDown .6s ease-out}.tenant-detail-page__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:none;background:#fff;color:#8860d0;font-size:1.286rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8860d01a}.tenant-detail-page__back-btn:hover{background:#f3effc;transform:translate(-4px)}.tenant-detail-page__header-content{display:flex;align-items:center;gap:1.143rem;flex:1}.tenant-detail-page__header-logo{width:72px;height:72px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 4px 16px #0000001f}.tenant-detail-page__header-logo img{width:100%;height:100%;object-fit:cover}.tenant-detail-page__header-logo .tenant-detail-page__header-initial{color:#fff;font-weight:700;font-size:1.714rem}.tenant-detail-page__header-logo .tenant-detail-page__header-initial.hidden{display:none}.tenant-detail-page__header-logo .tenant-detail-page__header-initial:not(.hidden){display:block}.tenant-detail-page__header-text{flex:1;min-width:0}.tenant-detail-page__title{font-size:1.429rem;font-weight:700;color:#313131;margin:0 0 .571rem}.tenant-detail-page__meta{display:flex;align-items:center;gap:.857rem;flex-wrap:wrap}.tenant-detail-page__status{display:inline-block;padding:.286rem .571rem;border-radius:8px;font-size:.857rem;font-weight:500}.tenant-detail-page__status--active{background:#4e9f4c26;color:#40833f}.tenant-detail-page__status--inactive{background:#fed3d1;color:#d82c0d}.tenant-detail-page__plan{padding:.286rem .571rem;border-radius:8px;background:#f3effc;color:#8860d0;font-size:.857rem;font-weight:500}.tenant-detail-page__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.143rem;margin-bottom:1.429rem;animation:fadeInUp .6s ease-out .15s both}.tenant-detail-page__card{background:#fff;border-radius:12px;padding:1.143rem;border:1px solid #e6e6e7;box-shadow:0 2px 12px #0000000a;display:flex;align-items:flex-start;gap:.857rem;transition:transform .2s,box-shadow .2s}.tenant-detail-page__card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #8860d014}.tenant-detail-page__card-icon{width:40px;height:40px;border-radius:8px;background:#f3effc;color:#8860d0;display:flex;align-items:center;justify-content:center;font-size:1.286rem;flex-shrink:0}.tenant-detail-page__card-body{flex:1;min-width:0}.tenant-detail-page__card-label{font-size:.714rem;font-weight:600;color:#8c9196;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .286rem}.tenant-detail-page__card-value{font-size:1rem;font-weight:500;color:#313131;margin:0}.tenant-detail-page__theme-row{display:flex;align-items:center;gap:.571rem}.tenant-detail-page__theme-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #00000014}.tenant-detail-page__theme-hex{font-family:monospace;font-size:.857rem;color:#3e1e79}.tenant-detail-page__updated{font-size:.714rem;color:#8c9196;margin:0}.tenant-detail-page__loading,.tenant-detail-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.286rem;gap:1.143rem}.tenant-detail-page__loading .loading-spinner,.tenant-detail-page__empty .loading-spinner{width:40px;height:40px;border:3px solid #e6e6e7;border-top-color:#8860d0;border-radius:50%;animation:spin .8s linear infinite}.tenant-detail-page__loading p,.tenant-detail-page__empty p{margin:0;color:#8c9196}.tenant-detail-page__loading h2,.tenant-detail-page__empty h2{margin:0;font-size:1.143rem;color:#313131}.ob-page{position:relative;min-height:100vh;width:100%;overflow:hidden;font-family:QuickSand,sans-serif}.ob-animated-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.ob-floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%}.ob-grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(124,58,237,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.04) 1px,transparent 1px);background-size:60px 60px;opacity:.6;pointer-events:none}.ob-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0% 50%,rgba(124,58,237,.1) 0%,transparent 45%),radial-gradient(circle at 100% 50%,rgba(124,58,237,.1) 0%,transparent 45%);pointer-events:none}.ob{position:relative;z-index:1;min-height:100vh;width:100%;background:transparent;display:flex;flex-direction:column;padding:1.143rem;font-family:QuickSand,sans-serif}@media (max-width: 768px){.ob{padding:.857rem}}.ob .ob-progress{position:fixed;top:0;left:0;right:0;height:4px;background:#7c3aed26;z-index:10}.ob .ob-progress__fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:0 2px 2px 0;transition:width .4s ease;box-shadow:0 0 12px #7c3aed66}.ob .ob-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:1.714rem 1.143rem}@media (max-width: 768px){.ob .ob-stage{padding:2.286rem .571rem 1.143rem;align-items:flex-start}}.ob .ob-screen{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.429rem}@media (max-width: 768px){.ob .ob-screen{gap:1.143rem}}.ob .ob-screen--db{max-width:640px}.ob .ob-db-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.143rem;width:100%;max-width:560px}@media (max-width: 640px){.ob .ob-db-grid{grid-template-columns:1fr;max-width:400px}}.ob .ob-db-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.857rem;padding:1.429rem 1.143rem;margin:0;width:100%;min-width:0;box-sizing:border-box;font-family:QuickSand,sans-serif;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(124,58,237,.12);border-radius:20px;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #7c3aed0f}.ob .ob-db-card:hover{border-color:#7c3aed47;box-shadow:0 12px 32px #7c3aed1f;transform:translateY(-3px)}.ob .ob-db-card--active{border-color:#7c3aed;box-shadow:0 12px 36px #7c3aed33,0 0 0 1px #7c3aed14}.ob .ob-db-card--active:hover{transform:translateY(-2px)}.ob .ob-db-card .ob-db-card__icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0}.ob .ob-db-card .ob-db-card__icon--shared{background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 8px 20px #0ea5e959}.ob .ob-db-card .ob-db-card__icon--personal{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 8px 20px #8b5cf659}.ob .ob-db-card .ob-db-card__title{display:block;font-size:18px;font-weight:600;color:#1e1b4b;line-height:1.3;letter-spacing:-.01em}.ob .ob-db-card .ob-db-card__desc{display:block;font-size:14px;line-height:1.5;color:#64748b;max-width:220px}@media (max-width: 768px){.ob .ob-db-card{padding:1.143rem .857rem}.ob .ob-db-card .ob-db-card__icon{width:56px;height:56px;font-size:24px}.ob .ob-db-card .ob-db-card__title{font-size:17px}.ob .ob-db-card .ob-db-card__desc{font-size:13px}}.ob .ob-prompt{font-size:clamp(28px,4.5vw,42px);font-weight:600;line-height:1.2;color:#1e1b4b;margin:0;font-family:QuickSand,sans-serif}@media (max-width: 768px){.ob .ob-prompt{font-size:clamp(24px,6vw,32px)}}.ob .ob-sub{font-size:clamp(16px,2vw,20px);line-height:1.5;color:#64748b;margin:0;max-width:520px;font-family:QuickSand,sans-serif}@media (max-width: 768px){.ob .ob-sub{font-size:17px}}.ob .ob-text{margin:0;font-family:QuickSand,sans-serif}.ob .ob-text--lg{font-size:clamp(17px,2.2vw,20px);color:#64748b;max-width:480px}.ob .ob-title{margin:0;font-weight:600;color:#1e1b4b;font-family:QuickSand,sans-serif}.ob .ob-title--xl{font-size:clamp(28px,4vw,36px)}.ob .ob-icon-wrap{width:88px;height:88px;border-radius:24px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0;box-shadow:0 8px 24px #7c3aed59}.ob .ob-icon-wrap--admin{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 24px #05966959}.ob .ob-icon-wrap--plan{background:linear-gradient(135deg,#7c3aed,#c084fc)}.ob .ob-icon-wrap--bulk{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 8px 24px #f59e0b59}@media (max-width: 768px){.ob .ob-icon-wrap{width:72px;height:72px;font-size:32px;border-radius:20px}}.ob .ob-input{width:100%;max-width:480px;padding:1.143rem 1.429rem;font-size:20px;line-height:1.4;border:2px solid rgba(124,58,237,.2);border-radius:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#313131;font-family:QuickSand,sans-serif;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #7c3aed14}.ob .ob-input::placeholder{color:#8c9196}.ob .ob-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed26,0 4px 12px #7c3aed26}.ob .ob-input--xl{padding:1.143rem 1.429rem;font-size:clamp(18px,2.5vw,22px)}@media (max-width: 768px){.ob .ob-input--xl{padding:.857rem 1.143rem;font-size:18px}}.ob .ob-btn{min-height:56px;padding:.857rem 1.714rem;font-size:18px;font-weight:600;border-radius:14px;font-family:QuickSand,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.ob .ob-btn--xl{min-height:64px;padding:1.143rem 2.286rem;font-size:clamp(17px,2.2vw,20px)}@media (max-width: 768px){.ob .ob-btn--xl{min-height:56px;padding:.857rem 1.714rem;font-size:17px}}.ob .ob-btn--lg{min-height:52px;padding:.571rem 1.429rem;font-size:16px}.ob .ob-btn--primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;box-shadow:0 8px 24px #7c3aed59}.ob .ob-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed73}.ob .ob-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.ob .ob-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.857rem;width:100%;max-width:520px}.ob .ob-actions--stack{flex-direction:column;gap:.571rem}.ob .ob-dropzone{width:100%;max-width:520px;min-height:200px;border:2px dashed rgba(124,58,237,.25);border-radius:18px;background:#ffffffd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.857rem;padding:1.714rem;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:0 4px 16px #7c3aed14}.ob .ob-dropzone:hover,.ob .ob-dropzone--active{border-color:#7c3aed66;background:#fffffff2;box-shadow:0 8px 24px #7c3aed26}.ob .ob-dropzone .ob-dropzone-icon{font-size:48px;color:#7c3aed}.ob .ob-dropzone span{font-size:clamp(16px,2vw,18px);color:#64748b}.ob .ob-dropzone--bulk{min-height:180px}.ob .ob-dropzone--bulk .ob-dropzone-icon{font-size:40px;color:#f59e0b}.ob .ob-dropzone--bulk:hover,.ob .ob-dropzone--bulk--active{border-color:#f59e0b80;background:#fffffff2}@media (max-width: 768px){.ob .ob-dropzone{min-height:160px;padding:1.143rem}}.ob .ob-logo-preview{display:flex;flex-direction:column;align-items:center;gap:.857rem;max-width:320px}.ob .ob-logo-preview img{width:160px;height:160px;object-fit:contain;border-radius:14px;border:2px solid rgba(124,58,237,.2);box-shadow:0 4px 12px #7c3aed14}.ob .ob-logo-preview .ob-logo-remove{display:inline-flex;align-items:center;gap:.286rem;background:none;border:none;font-size:16px;color:#cd5353;cursor:pointer;padding:.286rem .571rem}.ob .ob-logo-preview .ob-logo-remove:hover{text-decoration:underline}.ob .ob-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.143rem;width:100%;max-width:720px}@media (max-width: 960px){.ob .ob-plan-grid{grid-template-columns:1fr;max-width:400px}}.ob .ob-plan-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;margin:0;width:100%;min-width:0;box-sizing:border-box;font-family:QuickSand,sans-serif;background:#ffffffd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(124,58,237,.15);border-radius:18px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative;overflow:hidden;box-shadow:0 4px 16px #7c3aed14}.ob .ob-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--plan-accent, #7c3aed);opacity:0;transition:opacity .2s ease}.ob .ob-plan-card:hover{border-color:#7c3aed59;box-shadow:0 12px 28px #7c3aed26;transform:translateY(-2px)}.ob .ob-plan-card:hover:before{opacity:.6}.ob .ob-plan-card--active{border-color:var(--plan-accent, #7c3aed);border-width:2px;box-shadow:0 12px 32px #7c3aed33,0 0 0 1px #7c3aed1a}.ob .ob-plan-card--active:before{opacity:1}.ob .ob-plan-card--active .ob-plan-name{color:var(--plan-accent, #7c3aed)}.ob .ob-plan-card--recommended{border-color:#7c3aed33}.ob .ob-plan-card--recommended:hover{border-color:#7c3aed66}.ob .ob-plan-card .ob-plan-badge{position:absolute;top:.571rem;right:.571rem;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#fff;background:var(--plan-accent, #7c3aed);padding:5px 10px;border-radius:6px;box-shadow:0 2px 8px #7c3aed59;z-index:1}.ob .ob-plan-card .ob-plan-check{position:absolute;top:.571rem;left:.571rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--plan-accent, #7c3aed);color:#fff;font-size:16px;z-index:1;box-shadow:0 2px 8px #7c3aed59}.ob .ob-plan-card .ob-plan-card__header{padding:1.429rem 1.143rem .857rem;border-bottom:1px solid rgba(124,58,237,.12)}.ob .ob-plan-card.ob-plan-card--recommended .ob-plan-card__header{padding-right:100px}.ob .ob-plan-card.ob-plan-card--active .ob-plan-card__header{padding-left:52px}.ob .ob-plan-card.ob-plan-card--active.ob-plan-card--recommended .ob-plan-card__header{padding-left:52px;padding-right:100px}.ob .ob-plan-card .ob-plan-name{display:block;font-size:1.286rem;font-weight:700;color:#313131;margin-bottom:.286rem;transition:color .2s ease;letter-spacing:-.02em}.ob .ob-plan-card .ob-plan-desc{display:block;font-size:.857rem;color:#3e1e79;line-height:1.5}.ob .ob-plan-card .ob-plan-features{list-style:none;margin:0;padding:.857rem 1.143rem;flex:1;display:flex;flex-direction:column;gap:.571rem}.ob .ob-plan-card .ob-plan-features li{display:flex;align-items:center;gap:.571rem;font-size:.857rem;color:#3e1e79;line-height:1.4}.ob .ob-plan-card .ob-plan-features__icon{flex-shrink:0;width:16px;height:16px;color:var(--plan-accent, #7c3aed)}.ob .ob-plan-card .ob-plan-footer{padding:.571rem 1.143rem 1.143rem;border-top:1px solid rgba(124,58,237,.12);background:#7c3aed0a}.ob .ob-plan-card .ob-plan-count{font-size:.714rem;font-weight:500;color:#8c9196}@media (max-width: 960px){.ob .ob-plan-card .ob-plan-card__header{padding:1.143rem .857rem .571rem}.ob .ob-plan-card .ob-plan-features{padding:.571rem .857rem}.ob .ob-plan-card .ob-plan-footer{padding:.571rem .857rem .857rem}}.ob .ob-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.571rem;width:100%;max-width:480px}.ob .ob-chip{padding:.857rem 1.429rem;font-size:18px;font-weight:500;color:#1e1b4b;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(124,58,237,.2);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;font-family:QuickSand,sans-serif;box-shadow:0 2px 8px #7c3aed0f}.ob .ob-chip:hover{border-color:#7c3aed66;background:#fffffff2;box-shadow:0 4px 12px #7c3aed1a}.ob .ob-chip--active{border-color:#7c3aed;background:#7c3aed14;color:#7c3aed;box-shadow:0 4px 12px #7c3aed26}@media (max-width: 768px){.ob .ob-chip{padding:.571rem 1.143rem;font-size:16px}}.ob .ob-bulk-preview{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:.571rem;padding:1.429rem;background:#fff;border:2px solid #10b981;border-radius:12px;background:#10b9810a}.ob .ob-bulk-preview>svg{font-size:40px;color:#10b981}.ob .ob-bulk-preview span{font-size:18px;font-weight:600;color:#313131}.ob .ob-bulk-preview .ob-bulk-count{font-size:15px;color:#3e1e79}.ob .ob-bulk-preview .ob-bulk-remove{display:inline-flex;align-items:center;gap:.286rem;margin-top:.571rem;background:none;border:none;font-size:15px;color:#cd5353;cursor:pointer}.ob .ob-bulk-preview .ob-bulk-remove:hover{text-decoration:underline}.ob .ob-bulk-tools{width:100%;max-width:480px;display:flex;justify-content:center}.ob .ob-link{display:inline-flex;align-items:center;gap:.286rem;background:none;border:none;font-size:16px;color:#7c3aed;cursor:pointer;padding:.286rem .571rem;font-family:QuickSand,sans-serif}.ob .ob-link:hover{color:#a855f7;text-decoration:underline}.ob .ob-footer{padding:.857rem 1.143rem;display:flex;justify-content:center}.ob .ob-back{background:none;border:none;font-size:16px;color:#64748b;cursor:pointer;padding:.286rem .571rem;font-family:QuickSand,sans-serif}.ob .ob-back:hover{color:#1e1b4b;text-decoration:underline}.ob.ob--full{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.714rem}.ob.ob--centered .ob-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.143rem;max-width:520px}.ob .ob-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2.286rem;box-shadow:0 4px 24px #7c3aed1a,0 8px 32px #0000000f;border:1.5px solid rgba(124,58,237,.15)}.ob .ob-card--complete{padding:2.286rem 1.714rem}@media (max-width: 768px){.ob .ob-card--complete{padding:1.714rem 1.143rem}}.ob .ob-complete-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto;flex-shrink:0;box-shadow:0 8px 24px #05966959}.ob .ob-complete-lead{margin:0;font-size:clamp(16px,2vw,18px);color:#64748b;line-height:1.5;max-width:420px;font-family:QuickSand,sans-serif}.ob .ob-complete-note{display:flex;align-items:flex-start;gap:.857rem;margin:0;padding:1.143rem;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(124,58,237,.15);width:100%;align-self:stretch;text-align:left;box-sizing:border-box;box-shadow:0 2px 8px #7c3aed0f}.ob .ob-complete-note__icon{flex-shrink:0;width:24px;height:24px;color:#7c3aed;margin-top:2px}.ob .ob-complete-note__text{font-size:.857rem;color:#1e1b4b;line-height:1.6;font-family:QuickSand,sans-serif}.ob .ob-complete-actions{width:100%;align-self:stretch;display:flex;flex-direction:column;align-items:stretch;gap:.571rem;margin-top:.286rem}.ob .ob-complete-actions .ob-btn{width:100%}@keyframes ob-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}@keyframes ob-floatReverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(30px) rotate(-5deg)}}@keyframes ob-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.main-app{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;font-family:QuickSand,sans-serif}.main-app .main-content{width:100%;overflow-x:auto}@media all and (max-width: 576px){.main-app .main-content{padding-bottom:100px;background-color:#f3effc}}.main-app .MuiPickersToolbar-content .MuiTypography-root[data-selected]{background-color:#8860d0!important;padding:0 .571rem!important;border-radius:4px!important;color:#fff!important}.main-app .css-jupps9-MuiInputBase-root-MuiOutlinedInput-root{padding-right:0!important}body .compwrapper-content{padding:0;min-height:calc(100vh - 58px)}body .sidenav-container{background-color:#fff!important}body .sidenav-container .sidenav-header{border:none!important}body .sidenav-container .sidenav-items .sidenav-title-container{background-color:#fff!important}body .sidenav-container .sidenav-items .sidenav-title-container .sidenav-title-icon,body .sidenav-container .sidenav-items .sidenav-title-container .sidenav-title-text{color:#222}body .sidenav-container .sidenav-items .sidenav-title-container.active{color:#8860d0!important}body .sidenav-container .sidenav-items .sidenav-title-container:hover{background-color:#ede7fa!important}body .sidenav-container .sidenav-items .sidenav-parent.expanded .sidenav-children{width:calc(100% - 2rem)}body .sidenav-container .sidenav-footer{background-color:#fff!important}body .sidenav-container .sidenav-footer span{color:#222!important}body .header-container{background-color:#fff!important;border:none!important}body .compwrapper-content{border-top-left-radius:20px!important}@media all and (max-width: 576px){body .compwrapper-content{border-top-left-radius:0!important;padding-left:0!important;padding-right:0!important}}.leaflet-control-geocoder{border-radius:4px;background:#fff;min-width:26px;min-height:26px}.leaflet-touch .leaflet-control-geocoder{min-width:30px;min-height:30px}.leaflet-control-geocoder a,.leaflet-control-geocoder .leaflet-control-geocoder-icon{border-bottom:none;display:inline-block}.leaflet-control-geocoder .leaflet-control-geocoder-alternatives a{width:inherit;height:inherit;line-height:inherit}.leaflet-control-geocoder a:hover,.leaflet-control-geocoder .leaflet-control-geocoder-icon:hover{border-bottom:none;display:inline-block}.leaflet-control-geocoder-form{display:none;vertical-align:middle}.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form{display:inline-block}.leaflet-control-geocoder-form input{font-size:120%;border:0;background-color:transparent;width:246px}.leaflet-control-geocoder-icon{border-radius:4px;width:26px;height:26px;border:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.2 13l3.4 6.6c.6 1.1 2.5-.4 2-1.2l-4-6.2z'/%3E%3Ccircle cx='10.8' cy='8.9' r='3.9' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;cursor:pointer}.leaflet-touch .leaflet-control-geocoder-icon{width:30px;height:30px}.leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' stroke-linecap='round' stroke-width='1.6' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cg%3E%3Cpath stroke-opacity='.1' d='M14 8.4l3-5'/%3E%3Cpath stroke-opacity='.2' d='M15.6 10l5-3'/%3E%3Cpath stroke-opacity='.3' d='M16.2 12H22'/%3E%3Cpath stroke-opacity='.4' d='M15.6 14l5 3m-6.5-1.4l2.9 5'/%3E%3Cpath stroke-opacity='.5' d='M12 16.2V22m-2-6.4l-3 5'/%3E%3Cpath stroke-opacity='.6' d='M8.4 14l-5 3'/%3E%3Cpath stroke-opacity='.7' d='M7.8 12H2'/%3E%3Cpath stroke-opacity='.8' d='M8.4 10l-5-3'/%3E%3Cpath stroke-opacity='.9' d='M10 8.4l-3-5'/%3E%3Cpath d='M12 7.8V2'/%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='1s' repeatCount='indefinite' type='rotate' values='0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12'/%3E%3C/g%3E%3C/svg%3E")}.leaflet-control-geocoder-form-no-error{display:none}.leaflet-control-geocoder-form input:focus{outline:none}.leaflet-control-geocoder-form button{display:none}.leaflet-control-geocoder-error{margin-top:8px;margin-left:8px;display:block;color:#444}.leaflet-control-geocoder-alternatives{display:block;width:272px;list-style:none;padding:0;margin:0}.leaflet-control-geocoder-alternatives-minimized{display:none;height:0}.leaflet-control-geocoder-alternatives li{white-space:nowrap;display:block;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;border-bottom:1px solid #ccc;cursor:pointer}.leaflet-control-geocoder-alternatives li a,.leaflet-control-geocoder-alternatives li a:hover{width:inherit;height:inherit;line-height:inherit;background:inherit;border-radius:inherit;text-align:left}.leaflet-control-geocoder-alternatives li:last-child{border-bottom:none}.leaflet-control-geocoder-alternatives li:hover,.leaflet-control-geocoder-selected{background-color:#f5f5f5}.leaflet-control-geocoder-address-context{color:#666}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker *:before,.react-time-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-time-picker__inputGroup{min-width:calc((4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-time-picker__inputGroup__input::-webkit-outer-spin-button,.react-time-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-time-picker__button{border:0;background:transparent;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:hover .react-time-picker__button__icon,.react-time-picker__button:enabled:focus .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096;z-index:1}.react-time-picker__clock--closed{display:none}.user-payroll-profile__content{padding:20px 0}.user-payroll-profile__header-info{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.user-payroll-profile__avatar-section{display:flex;align-items:center;gap:16px}.user-payroll-profile__avatar,.user-payroll-profile__avatar-fallback{width:64px;height:64px;border-radius:50%;object-fit:cover}.user-payroll-profile__avatar-fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px}.user-payroll-profile__employee-details{flex:1}.user-payroll-profile__employee-name{font-size:24px;font-weight:600;color:#111827;margin:0 0 4px}.user-payroll-profile__employee-designation{font-size:14px;color:#6b7280;margin:0 0 8px}.user-payroll-profile__fy-label,.user-payroll-profile__contract-dates{font-size:13px;color:#9ca3af;margin:0}.user-payroll-profile__metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.user-payroll-profile__metric-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.user-payroll-profile__metric-card:hover{box-shadow:0 4px 6px -1px #0000001a}.user-payroll-profile__metric-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:500}.user-payroll-profile__metric-value{font-size:24px;font-weight:700;color:#111827;margin-bottom:4px}.user-payroll-profile__metric-value--deduction{color:#dc2626}.user-payroll-profile__metric-value--net{color:#16a34a}.user-payroll-profile__metric-description{font-size:12px;color:#9ca3af}.user-payroll-profile__section{margin-bottom:32px}.user-payroll-profile__section:last-child{margin-bottom:0}.user-payroll-profile__section-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.user-payroll-profile__contributions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.user-payroll-profile__contribution-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:12px;text-align:center}.user-payroll-profile__contribution-label{font-size:12px;color:#6b7280;margin-bottom:8px;font-weight:500}.user-payroll-profile__contribution-value{font-size:18px;font-weight:600;color:#111827}.user-payroll-profile__total-contributions{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:16px}.user-payroll-profile__total-label{font-size:14px;font-weight:600;color:#1e40af}.user-payroll-profile__total-value{font-size:20px;font-weight:700;color:#1e40af}.user-payroll-profile__contracts-list{display:flex;flex-direction:column;gap:12px}.user-payroll-profile__contract-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.user-payroll-profile__contract-info{display:flex;justify-content:space-between;align-items:center}.user-payroll-profile__contract-dates{font-size:14px;color:#374151;font-weight:500}.user-payroll-profile__contract-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.user-payroll-profile__contract-status--active{background:#dcfce7;color:#16a34a}.user-payroll-profile__contract-status--inactive{background:#f3f4f6;color:#6b7280}.user-payroll-profile__loading,.user-payroll-profile__error{display:flex;justify-content:center;align-items:center;font-size:18px;height:100%;min-height:30vh}.modal-toast{position:fixed;top:20px;right:20px;z-index:10000;opacity:0;transform:translate(400px);transition:all .3s ease-in-out;pointer-events:none}.modal-toast.visible{opacity:1;transform:translate(0);pointer-events:auto}.modal-toast-content{display:flex;align-items:center;gap:12px;background-color:#1f2937;color:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 10px 25px #0000004d;border-left:4px solid;min-width:300px;max-width:400px}@media (max-width: 768px){.modal-toast-content{min-width:250px;max-width:300px;padding:12px 16px}}.modal-toast-icon{font-size:20px;flex-shrink:0}.modal-toast-message{font-size:14px;font-weight:500;line-height:1.4;flex:1}.light .modal-toast-content{background-color:#fff;color:#1f2937;box-shadow:0 10px 25px #0000001a}.status-selector.not-finance{position:relative}.status-selector{display:inline-block}.status-selector .status-trigger{display:inline-flex;align-items:center;gap:.571rem;padding:.571rem 1.143rem;border-radius:20px;font-size:1rem;font-weight:600;text-transform:capitalize;transition:all .3s ease;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.status-selector .status-trigger:hover:not(.disabled){box-shadow:0 4px 12px #00000026}.status-selector .status-trigger.open{box-shadow:0 6px 20px #0003}.status-selector .status-trigger.disabled{cursor:not-allowed;opacity:.6}.status-selector .status-trigger .status-icon{font-size:1.143rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.status-selector .status-trigger .status-text{font-size:1rem;white-space:nowrap}.status-selector .status-trigger .dropdown-arrow{font-size:.857rem;transition:transform .3s ease;margin-left:.286rem}.status-selector .status-trigger .dropdown-arrow.open{transform:rotate(180deg)}.status-selector .status-trigger .status-loader{margin-left:.571rem}.status-selector .status-trigger .status-loader .spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.status-selector.scale-down .status-trigger{padding:.286rem .571rem!important;gap:.286rem!important;font-size:.857rem!important}.status-selector.scale-down .status-icon{font-size:.857rem!important;width:14px!important;height:14px!important}.status-selector.scale-down .status-text{font-size:.857rem!important}.status-selector.scale-down .dropdown-arrow{font-size:.714rem!important;margin-left:.286rem!important}.status-dropdown{position:absolute;top:calc(100% + .571rem);left:0;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;animation:slideDown .3s ease-out;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.status-dropdown .status-option{display:flex;align-items:center;gap:.571rem;padding:.857rem 1.143rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.status-dropdown .status-option:last-child{border-bottom:none}.status-dropdown .status-option:hover{box-shadow:0 2px 8px #0000001a}.status-dropdown .status-option.active{font-weight:700}.status-dropdown .status-option.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor}.status-dropdown .status-option .option-icon{font-size:1.143rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.status-dropdown .status-option .option-label{flex:1;font-size:1rem}.status-dropdown .status-option .check-mark{font-size:1rem;opacity:.8}.status-dropdown.scale-down .status-option{padding:.571rem .857rem!important;gap:.286rem!important;font-size:.857rem!important}.status-dropdown.scale-down .option-icon,.status-dropdown.scale-down .check-mark{font-size:.857rem!important;width:14px!important;height:14px!important}.status-dropdown.scale-down .option-label{font-size:.857rem!important}@keyframes slideDown{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.light .status-dropdown{background:#fff;box-shadow:0 10px 40px #0000001a}.dual-calendar{width:100%}.dual-calendar.bs-calendar{background:#fff;border-radius:8px;overflow:hidden}.dual-calendar__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.dual-calendar__nav-btn{background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;font-size:14px}.dual-calendar__nav-btn:hover:not(:disabled){background-color:#fff3}.dual-calendar__nav-btn:active:not(:disabled){background-color:#ffffff4d}.dual-calendar__nav-btn:disabled{opacity:.5;cursor:not-allowed}.dual-calendar__month-year{flex:1;text-align:center}.dual-calendar__today-btn{background:transparent;border:none;cursor:pointer;font-weight:600;font-size:16px;padding:4px 8px;border-radius:4px;transition:background-color .2s}.dual-calendar__today-btn:hover:not(:disabled){background-color:#fff3}.dual-calendar__today-btn:disabled{opacity:.5;cursor:not-allowed}.dual-calendar__grid{padding:12px}.dual-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.dual-calendar__weekday{text-align:center;font-weight:600;font-size:12px;color:#6b7280;padding:8px 4px}.dual-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.dual-calendar__day{border:none;background:transparent;padding:8px;border-radius:4px;cursor:pointer;font-size:14px;color:#374151;transition:all .2s;min-height:36px;display:flex;align-items:center;justify-content:center;font-weight:500}.dual-calendar__day:hover:not(.dual-calendar__day--disabled):not(.dual-calendar__day--other-month):not(:disabled){background-color:#8b5cf6b3}.dual-calendar__day--selected{background-color:#8b5cf6;color:#fff;font-weight:600}.dual-calendar__day--selected:hover{background-color:#9c80ce}.dual-calendar__day--today{border:1px solid #a78bfa;font-weight:600}.dual-calendar__day--other-month{color:#d1d5db;cursor:default}.dual-calendar__day--disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.dual-calendar__day:disabled{cursor:not-allowed}.nepali-date-picker{position:relative}.nepali-date-picker .date-part-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.nepali-date-picker .date-part-container .date-part-input{background:none!important;border:none!important;outline:none!important;text-decoration:none!important}.nepali-date-picker .calender{background:#fff none repeat scroll 0 0;border-radius:6px;box-shadow:0 2px 6px #0000001a;box-sizing:border-box;color:#8c8c8c;display:block;font-family:NotoSans,sans-serif;font-size:14px;font-style:normal;font-weight:400;height:auto;letter-spacing:.2px;line-height:1.25em;padding:15px;position:absolute;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;z-index:9999}.nepali-date-picker .calender .calendar-controller{align-items:center;display:flex;justify-content:space-between;position:relative}.nepali-date-picker .calender .calendar-controller .date-indicator{display:flex}.nepali-date-picker .calender .calendar-controller .control{cursor:pointer;position:relative;text-align:center}.nepali-date-picker .calender .calendar-controller .control.icon-today{position:absolute;right:20px}.nepali-date-picker .calender .calendar-controller .control.month,.nepali-date-picker .calender .calendar-controller .control.year{border:1px solid #eee;line-height:24px;width:90px}.nepali-date-picker .calender .calendar-controller .control.month .current-month,.nepali-date-picker .calender .calendar-controller .control.month .current-year,.nepali-date-picker .calender .calendar-controller .control.year .current-month,.nepali-date-picker .calender .calendar-controller .control.year .current-year{display:block;padding:4px}.nepali-date-picker .calender .calendar-controller .control.year{border-left:none}.nepali-date-picker .calender .calendar-controller .control .drop-down{background-color:#fff;box-shadow:0 2px 6px #0000001a;left:0;max-height:200px;overflow-y:scroll;position:absolute;top:0;width:100%;z-index:100}.nepali-date-picker .calender .calendar-controller .control .drop-down ul{list-style:none;margin:0;padding:0}.nepali-date-picker .calender .calendar-controller .control .drop-down li{padding:4px 10px}.nepali-date-picker .calender .calendar-controller .control .drop-down li.active{background:#2096f5;color:#fff}.nepali-date-picker .calender .calendar-controller .control .drop-down.dark,.nepali-date-picker .calender .calendar-controller .control .drop-down.forest{background-color:#333}.nepali-date-picker .calender td.month-day{cursor:pointer}.nepali-date-picker .calender td.month-day.current{opacity:1}.nepali-date-picker .calender td.month-day.disabled-light{color:#d8d8d8}.nepali-date-picker .calender td.month-day.disabled-dark{color:#757575}.nepali-date-picker .calender td.month-day.disabled-forest{color:#7d8471}.nepali-date-picker .calender td.month-day.today{color:#2096f5;position:relative}.nepali-date-picker .calender td.month-day.today:before{background-color:#2096f5;border-radius:50%;bottom:6px;content:"";height:4px;left:50%;margin:auto;position:absolute;transform:translate(-50%);width:4px}.nepali-date-picker .calender td.month-day.selected{color:#fff;position:relative}.nepali-date-picker .calender td.month-day.selected:after{background:#2096f5;border-radius:50%;content:"";height:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px;z-index:-1}.nepali-date-picker .calender table{text-align:center;width:100%;border:none}.nepali-date-picker .calender table td{height:40px;width:40px;border:none}.nepali-date-picker .calender table tr{border:none;height:36px}.nepali-date-picker .dark{background-color:#121212;color:#fff}.nepali-date-picker .light{background:#fff none repeat scroll 0 0;color:#8c8c8c}.nepali-date-picker .forest{background-color:#2a2d28;color:#d5d8c1}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}