.icon-rail{display:flex;flex-direction:column;width:50px;height:100vh;background-color:#f8f5f0;border-right:1px solid #E8E3DA;border-radius:0;flex-shrink:0;position:relative;z-index:10;box-shadow:2px 0 12px #0000000a;overflow:hidden}.icon-rail-list{display:flex;flex-direction:column;align-items:center;list-style:none;margin:50px 0 0;padding:14px 0 0;gap:6px;width:100%}.icon-rail-item{width:100%;display:flex;justify-content:center}.icon-rail-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:12px;background-color:transparent;color:#4a5c5e;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.icon-rail-btn:hover{background-color:#8fc74626;color:#6b8f3c;transform:translateY(-1px)}.icon-rail-btn:active{transform:scale(.92)}.icon-rail-btn-active{background-color:#f7f1ea;color:#8fc746;box-shadow:0 2px 8px #0000000a}.icon-rail-btn-active:hover{background-color:#f7f1ea;color:#8fc746;transform:none}.icon-rail-logout-wrapper{margin-top:auto;padding-bottom:24px;padding-top:16px;border-top:1px solid #E8E3DA;width:100%;align-items:center}@media (max-width: 768px){.icon-rail{width:64px}.icon-rail-btn{width:40px;height:40px}}@media (max-width: 480px){.icon-rail{width:56px}.icon-rail-btn{width:36px;height:36px}.icon-rail-btn svg{width:18px;height:18px}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 14px;background-color:#254348;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-brand-container{display:flex;align-items:center;gap:16px;overflow:hidden;white-space:nowrap}.sidebar-logo-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px #00000026;flex-shrink:0}.sidebar-logo{max-width:32px;max-height:32px;width:auto;height:auto;object-fit:contain}.sidebar-brand-text{display:flex;flex-direction:column;gap:2px}.sidebar-company-name{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px;line-height:1.2}.sidebar-department-title{font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:400;color:#c6d1d4;letter-spacing:.3px;line-height:1.2}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background-color:transparent;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .2s ease;flex-shrink:0;padding:0}.sidebar-toggle-btn:hover{background-color:#30565b}.sidebar-toggle-btn:active{transform:scale(.92)}.navigation-item{list-style:none;margin:0;padding:0}.navigation-link{display:block;padding:0 12px;margin:2px 0;border-radius:8px;font-family:system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#c6d1d4;text-decoration:none;transition:background-color .25s ease,color .25s ease,padding-left .25s ease;position:relative}.navigation-link:hover{color:#fff;background-color:#ffffff0d}.navigation-link-active{color:#8fc746;background-color:#8fc74614;padding-left:14px}.navigation-link-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:#8fc746;border-radius:0 4px 4px 0}.navigation-link-active:hover{color:#8fc746;background-color:#8fc7461f}.navigation-panel{display:flex;flex-direction:column;height:100vh;width:100%;min-width:200px;max-width:240px;background-color:#254348;overflow:hidden;flex-shrink:0}.navigation-panel-nav{flex:1;overflow:hidden;padding:12px 16px 24px}.navigation-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.navigation-section{display:flex;flex-direction:column;gap:4px}.navigation-section-title{font-family:system-ui,-apple-system,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#c6d1d4;margin:0 0 4px;padding-left:5px;padding-top:1px}.navigation-section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.navigation-empty-state{display:flex;align-items:center;justify-content:center;height:100%;padding:40px 20px}.navigation-empty-text{font-family:system-ui,-apple-system,sans-serif;font-size:.875rem;color:#c6d1d4;text-align:center;opacity:.6;margin:0}@media (max-width: 768px){.navigation-panel{min-width:200px;max-width:240px;border-radius:0 16px 16px 0}.navigation-panel-nav{padding:8px 12px 16px}.navigation-section-title{font-size:.65rem;padding-left:12px}}@media (max-width: 480px){.navigation-panel{min-width:0;max-width:100%;width:100%;border-radius:0}}.sidebar-container{display:flex;flex-direction:row;height:100vh;position:fixed;box-shadow:0 20px 60px #00000014;border-radius:3px;overflow:hidden;flex-shrink:0}.sidebar-panel-wrapper{width:320px;height:100vh;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border-radius:0;background-color:#254348}.sidebar-panel-wrapper.collapsed{width:0;opacity:0;transform:translate(-20px)}.sidebar-panel-wrapper.expanded{width:220px;opacity:1;transform:translate(0)}@media (max-width: 1024px){.sidebar-panel-wrapper.expanded{width:280px}}@media (max-width: 768px){.sidebar-container{border-radius:0 16px 16px 0}.sidebar-panel-wrapper.expanded{width:240px}.sidebar-panel-wrapper{border-radius:0 16px 16px 0}}@media (max-width: 480px){.sidebar-container{border-radius:0}.sidebar-panel-wrapper.expanded{width:100%;max-width:280px}.sidebar-panel-wrapper{border-radius:0}}.top-navbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:80px;padding:0;background-color:#fff;border-bottom:1px solid #e8e3da;border-radius:15px;box-sizing:border-box;flex-shrink:0;position:relative;z-index:100;overflow:visible}.top-navbar-left{display:flex;align-items:center;flex:1;min-width:0;margin-left:10px;overflow:hidden}.search-wrapper{display:flex;align-items:center;width:100%;max-width:420px;height:44px;padding:0 16px;background-color:#f7f8fa;border:1px solid #e8e3da;border-radius:12px;box-sizing:border-box;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.search-wrapper:focus-within{border-color:#8fc746;box-shadow:0 0 0 3px #8fc7461a}.search-icon{color:#90a4ae;flex-shrink:0;margin-right:12px}.search-input{flex:1;min-width:0;width:0;border:none;outline:none;background:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:400;color:#333}.search-input::placeholder{color:#90a4ae}.top-navbar-right{display:flex;align-items:center;gap:20px;flex-shrink:0;margin-left:24px;position:relative;white-space:nowrap}.icon-button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background-color:transparent;color:#4a5c5e;cursor:pointer;flex-shrink:0;transition:background-color .25s ease,transform .2s ease}.icon-button:hover{background-color:#f7f8fa;transform:translateY(-1px)}.icon-button:active{transform:scale(.92)}.icon-button:focus-visible{outline:2px solid #8fc746;outline-offset:2px}.notification-badge{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:#d32f2f;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.65rem;font-weight:700;line-height:1;box-sizing:border-box}.profile-section{position:relative;display:flex;align-items:center;gap:12px;padding:4px 12px 4px 4px;border-radius:12px;cursor:pointer;flex-shrink:0;transition:background-color .25s ease;-webkit-user-select:none;user-select:none}.profile-section:hover{background-color:#f7f8fa}.profile-section:focus-visible{outline:2px solid #8fc746;outline-offset:2px}.profile-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #f7f8fa;box-sizing:border-box}.profile-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.profile-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:700;color:#1a2424;line-height:1.2}.profile-role{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:400;color:#90a4ae;line-height:1.2}.profile-dropdown-icon{color:#90a4ae;flex-shrink:0;transition:transform .2s ease}.profile-dropdown-icon.rotated{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 14px);right:10px;width:170px;min-width:170px;padding:6px 0;background-color:#fff;border:1px solid #e8e3da;border-radius:12px;box-shadow:0 12px 30px #0000001a,0 4px 10px #0000000a;z-index:1000;overflow:hidden;animation:dropdownFadeIn .18s ease-out}.profile-dropdown:before{content:"";position:absolute;top:-8px;right:24px;width:14px;height:14px;background-color:#fff;border-top:1px solid #e8e3da;border-left:1px solid #e8e3da;transform:rotate(45deg);z-index:-1}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 18px;border:none;background:transparent;color:#1a2424;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,color .15s ease}.dropdown-item:hover{background-color:#f7f8fa;color:#1a2424}.dropdown-item:active{background-color:#eef1f2}.dropdown-item:focus-visible{outline:none;background-color:#f7f8fa;box-shadow:inset 0 0 0 2px #8fc74640}.dropdown-item svg{width:18px;height:18px;color:#64748b;flex-shrink:0}.dropdown-item+.dropdown-item{border-top:1px solid #f0eee9}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.refer-earn-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid rgba(143,199,70,.35);border-radius:9px;background:linear-gradient(135deg,#f7fbea,#eef8df);color:#38551f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;box-sizing:border-box;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.refer-earn-button:hover{background:linear-gradient(135deg,#eef8df,#e4f3ce);border-color:#8fc746a6;box-shadow:0 5px 14px #597d2e1f;transform:translateY(-1px)}.refer-earn-button:active{transform:translateY(0) scale(.98)}.refer-earn-button:focus-visible{outline:2px solid #8fc746;outline-offset:2px}.refer-earn-icon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;background-color:#fff;color:#5c9826;box-shadow:0 2px 6px #597d2e14;flex-shrink:0}.refer-earn-text{display:inline-flex;align-items:center;white-space:nowrap}.refer-earn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#0f172a6b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9999;box-sizing:border-box;overflow:hidden;animation:referEarnOverlayIn .18s ease-out}.refer-earn-modal{width:100%;max-width:460px;max-height:calc(100vh - 40px);background-color:#fff;border:1px solid #e8e3da;border-radius:16px;box-shadow:0 20px 50px #0f172a29,0 8px 20px #0f172a12;overflow:hidden;box-sizing:border-box;animation:referEarnModalIn .22s ease-out}.refer-earn-modal-header{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #edf0f1;box-sizing:border-box}.refer-earn-title-wrapper{display:flex;align-items:center;gap:11px;min-width:0}.refer-earn-title-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background-color:#eef8df;color:#5c9826;flex-shrink:0}.refer-earn-title-wrapper h2{margin:0;color:#1a2424;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:19px;font-weight:700;line-height:1.25}.refer-earn-title-wrapper p{margin:3px 0 0;color:#90a4ae;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:400;line-height:1.4}.refer-earn-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background-color:transparent;color:#64748b;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,color .2s ease,transform .2s ease}.refer-earn-close-button:hover{background-color:#f7f8fa;color:#1a2424}.refer-earn-close-button:active{transform:scale(.94)}.refer-earn-close-button:focus-visible{outline:2px solid #8fc746;outline-offset:2px}.refer-earn-modal-body{padding:18px 19px 19px;box-sizing:border-box;max-height:calc(100vh - 130px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.refer-earn-description{margin-bottom:16px}.refer-earn-description p{margin:0;color:#64748b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:400;line-height:1.55}.refer-earn-label{display:block;margin-bottom:7px;color:#334155;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:700;line-height:1.4}.referral-link-wrapper{display:flex;align-items:stretch;width:100%;min-height:44px;border:1px solid #dce3e6;border-radius:9px;background-color:#f8fafb;overflow:hidden;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.referral-link-wrapper:focus-within{border-color:#8fc746;box-shadow:0 0 0 3px #8fc7461a}.referral-link-input{flex:1;min-width:0;width:0;height:42px;padding:0 11px;border:none;outline:none;background:transparent;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;font-weight:500;box-sizing:border-box;text-overflow:ellipsis}.referral-copy-inline-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:78px;padding:0 10px;border:none;border-left:1px solid #dce3e6;background-color:#fff;color:#087b80;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.referral-copy-inline-button:hover{background-color:#f0fafa}.referral-copy-inline-button.copied{color:#159447}.refer-earn-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}.refer-action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:9px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:700;cursor:pointer;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.refer-action-button:active{transform:scale(.98)}.refer-action-button:focus-visible{outline:2px solid #8fc746;outline-offset:2px}.refer-copy-button{border:1px solid #d7e1e4;background-color:#fff;color:#334155}.refer-copy-button:hover{background-color:#f7f8fa;border-color:#c6d2d5}.refer-earn-info{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 11px;border:1px solid #e5eed8;border-radius:9px;background-color:#f8fbf3;color:#58713f;box-sizing:border-box}.refer-earn-info svg{flex-shrink:0;margin-top:1px;color:#6ca633}.refer-earn-info span{color:#58713f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:500;line-height:1.5}.referral-error{margin:8px 0 0;color:#dc2626;font-size:13px;line-height:1.4}@keyframes referEarnOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes referEarnModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px){.search-wrapper{max-width:300px}.top-navbar-right{gap:14px}.refer-earn-button{min-height:39px;padding:0 10px;gap:6px;font-size:11px}.refer-earn-icon{width:26px;height:26px}}@media (max-width: 768px){.top-navbar{height:64px;padding:0 16px}.top-navbar-left{margin-left:0}.search-wrapper{max-width:100%}.profile-info,.profile-dropdown-icon{display:none}.profile-section{padding:4px}.profile-dropdown{top:calc(100% + 10px);right:-10px;width:160px;min-width:160px}.refer-earn-button{width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;gap:0}.refer-earn-text{display:none}.refer-earn-icon{width:29px;height:29px;border-radius:50%;background-color:transparent;box-shadow:none}.refer-earn-modal{max-width:440px;max-height:calc(100vh - 30px)}.refer-earn-modal-body{max-height:calc(100vh - 120px)}}@media (max-width: 480px){.top-navbar{height:56px;padding:0 12px;border-radius:10px}.top-navbar-left{min-width:0}.search-wrapper{height:38px;padding:0 10px;border-radius:10px}.search-icon{width:18px;height:18px;margin-right:8px}.search-input{font-size:12px}.top-navbar-right{gap:7px;margin-left:10px}.icon-button{width:36px;height:36px}.icon-button svg{width:20px;height:20px}.notification-badge{top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;font-size:9px}.profile-avatar{width:36px;height:36px}.profile-dropdown{top:calc(100% + 10px);right:-5px;width:150px;min-width:150px}.dropdown-item{min-height:44px;padding:10px 15px;font-size:13px}.refer-earn-button{width:36px;height:36px;min-height:36px}.refer-earn-icon{width:27px;height:27px}.refer-earn-overlay{align-items:center;padding:12px;overflow:hidden}.refer-earn-modal{max-width:100%;max-height:calc(100vh - 24px);border-radius:14px}.refer-earn-modal-header{padding:15px}.refer-earn-modal-body{padding:16px 15px 17px;max-height:calc(100vh - 100px)}.refer-earn-title-icon{width:38px;height:38px;border-radius:9px}.refer-earn-title-wrapper h2{font-size:17px}.refer-earn-title-wrapper p{font-size:10px}.refer-earn-description{margin-bottom:14px}.refer-earn-description p{font-size:11px}.referral-link-input{font-size:9px}.referral-copy-inline-button{min-width:68px;padding:0 7px;font-size:10px}.refer-earn-actions{grid-template-columns:1fr;gap:7px;margin-top:11px}.refer-action-button{width:100%;min-height:38px;font-size:11px}.refer-earn-info{margin-top:12px;padding:9px 10px}.refer-earn-info span{font-size:9px}}@media (max-width: 360px){.refer-earn-overlay{padding:8px}.refer-earn-modal{max-height:calc(100vh - 16px)}.refer-earn-modal-header{padding:13px}.refer-earn-modal-body{padding:14px 13px 15px;max-height:calc(100vh - 90px)}.refer-earn-title-icon{width:36px;height:36px}.refer-earn-title-wrapper h2{font-size:16px}.referral-link-input{font-size:8px}.referral-copy-inline-button{min-width:62px;font-size:10px}.refer-action-button{min-height:37px}}html,body,#root{max-width:100%;overflow-x:hidden}.top-navbar,.top-navbar-left,.top-navbar-right{box-sizing:border-box}.dashboard-layout{display:flex;flex-direction:row;min-height:100vh;width:100%;background-color:#f8f9fa;overflow-x:hidden}.dashboard-layout-content{flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:100%;background-color:#f8f9fa}.dashboard-page-content{flex:1;padding:0 24px 24px;background-color:#f8f9fa}@media (max-width: 768px){.dashboard-page-content{padding:0 16px 16px}}.login-left-panel{flex:0 0 60%;position:relative;border-radius:var(--login-border-radius);overflow:hidden}.login-left-panel__image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;mask-image:linear-gradient(to right,black 30%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 50%,transparent 100%)}.login-left-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#152d3694;display:flex;flex-direction:column;justify-content:space-between;padding:40px;box-sizing:border-box}.login-left-panel__brand{display:flex;flex-direction:column;align-items:flex-start}.login-left-panel__brand-name{font-size:26px;font-weight:700;color:#fff;letter-spacing:1px;margin-bottom:8px}.login-left-panel__brand-line{width:50px;height:2px;background:#fff}.login-left-panel__content{flex:1;display:flex;flex-direction:column;justify-content:center}.login-left-panel__heading{font-size:28px;font-weight:700;color:#fff;line-height:1.25;margin:0 0 16px}.login-left-panel__subtitle{font-size:18px;color:#fffc;margin:0}.login-left-panel__stats{background:#fff;border-radius:18px;box-shadow:0 8px 30px #0000001f;padding:14px 22px;display:flex;align-items:center;justify-content:space-around;max-width:350px;margin-top:auto}.login-left-panel__stats-item{display:flex;flex-direction:column;align-items:center;flex:1}.login-left-panel__stats-number{font-size:24px;font-weight:700;color:#1e293b}.login-left-panel__stats-label{font-size:14px;color:#64748b;margin-top:4px}.login-left-panel__stats-divider{width:1px;height:40px;background:#e2e8f0}@media (max-width: 1024px){.login-left-panel{flex:0 0 280px}.login-left-panel__heading{font-size:36px}.login-left-panel__stats{padding:16px 20px}}@media (max-width: 640px){.login-left-panel{display:none}}.login-input__wrapper{position:relative;display:flex;align-items:center;width:100%}.login-input__icon{position:absolute;left:16px;color:#94a3b8;pointer-events:none;display:flex;align-items:center;justify-content:center}.login-input__field{width:100%;height:56px;padding:0 16px 0 48px;border:1.5px solid #e2e8f0;border-radius:14px;font-size:16px;color:#0f172a;background:#fff;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.login-input__field::placeholder{color:#94a3b8}.login-input__field:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e26}.login-input__field:disabled{background:#f1f5f9;cursor:not-allowed}.login-input__toggle{position:absolute;right:16px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.login-input__toggle:hover{color:#0f172a}.login-button{width:100%;height:56px;border:none;border-radius:14px;background:#0f766e;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;box-sizing:border-box}.login-button:hover:not(:disabled){background:#0d6b64;box-shadow:0 4px 12px #0f766e4d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-form{flex:1;background:#fff;border-radius:var(--login-border-radius);padding:48px;display:flex;flex-direction:column;justify-content:center;max-width:470px;width:100%}.login-form__header{margin-bottom:32px}.login-form__title{font-size:36px;font-weight:700;color:#0f172a;margin:0 0 8px}.login-form__subtitle{font-size:16px;color:#64748b;margin:0}.login-form__form{display:flex;flex-direction:column;gap:20px}.login-form__actions{display:flex;justify-content:space-between;align-items:center;margin:4px 0}.login-form__forgot{font-size:14px;color:#0f766e;text-decoration:none;font-weight:500}.login-form__forgot:hover{text-decoration:underline}.login-form__error{color:#dc2626;font-size:14px;background:#fef2f2;padding:10px 14px;border-radius:8px;border-left:4px solid #dc2626}.login-form__footer-text{text-align:center;font-size:14px;color:#64748b;margin:16px 0 0}.login-form__footer-text a{color:#0f766e;font-weight:500;text-decoration:none}.login-form__footer-text a:hover{text-decoration:underline}@media (max-width: 1024px){.login-form{padding:32px;max-width:100%}}@media (max-width: 640px){.login-form{padding:24px}.login-form__title{font-size:28px}}:root{--login-bg: #f7f9fc;--login-container-shadow: 0 20px 60px rgba(16, 24, 40, .08);--login-border-radius: 24px}.login-page{min-height:80vh;background:var(--login-bg);display:flex;align-items:center;justify-content:center;padding:30px;box-sizing:border-box}.login-page__container{display:flex;gap:40px;max-width:1040px;width:100%;height:90vh;max-height:900px;background:#fff;border-radius:var(--login-border-radius);box-shadow:var(--login-container-shadow);overflow:hidden}@media (max-width: 1024px){.login-page__container{flex-direction:column;height:auto;max-height:none;padding:20px}}@media (max-width: 640px){.login-page{padding:16px}.login-page__container{padding:12px}}.welcome-banner{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:2px 2px 0 10px;width:100%;box-shadow:0 4px 20px #00000008;box-sizing:border-box;position:relative;overflow:hidden;min-height:80px;height:70px}.welcome-banner-content{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;width:100%}.welcome-greeting{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:30px;font-weight:600;color:#000;margin:0;display:flex;align-items:center}.welcome-greeting-emoji{margin-left:8px;font-size:32px}.welcome-message{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:400;color:#555;margin:8px 0 0}.welcome-banner-image1{width:auto;max-width:45%;height:160px;object-fit:cover;object-position:right bottom;display:block;margin-right:-20px;border-radius:80px 0 0 80px;mask-image:linear-gradient(to right,transparent 18%,black 30%);-webkit-mask-image:linear-gradient(to right,transparent 18%,black 30%)}@media (max-width: 1024px){.welcome-banner{padding:30px 40px}.welcome-greeting{font-size:26px}.welcome-banner:before{width:50%}.welcome-banner-image1{height:140px;border-radius:70px 0 0 70px}}@media (max-width: 768px){.welcome-banner{flex-direction:column;padding:30px;min-height:auto}.welcome-banner:before,.welcome-banner:after{display:none}.welcome-banner-content{flex-direction:column;align-items:flex-start;gap:20px}.welcome-banner-image1{width:100%;max-width:100%;height:120px;object-position:center bottom;margin-right:0;border-radius:0;mask-image:none;-webkit-mask-image:none}}.punch-attendance-layout{display:grid;grid-template-columns:minmax(0,1.71fr) minmax(420px,1fr);gap:14px;width:100%;align-items:stretch}.punch-card{min-width:0;height:214px;box-sizing:border-box;position:relative;overflow:hidden;border-radius:15px;transition:box-shadow .25s ease,border-color .25s ease}.punch-card:hover{box-shadow:0 8px 26px #122e260f}.punch-card-work{display:grid;grid-template-columns:220px minmax(300px,1fr) 290px;align-items:stretch;background:#f4f9f7;border:1px solid #d4e3dc}.punch-card-left{display:flex;align-items:center;justify-content:center;padding:16px;position:relative;z-index:2}.punch-clock-circle{width:174px;height:174px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #edf2ef;box-shadow:0 5px 18px #142f270e,inset 0 -4px 10px #142f2705}.punch-clock-inner{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.punch-clock-icon{color:#0e8a4b;margin-bottom:7px}.punch-clock-label{color:#0e8a4b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.22;font-weight:700;text-align:center;letter-spacing:0}.punch-clock-time{margin-top:5px;color:#0e8a4b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}.punch-card-center{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 18px 20px 14px;border-left:1px solid #d8e5df;position:relative;z-index:2}.punch-card-section-heading{display:flex;align-items:center;gap:9px;margin-bottom:5px}.punch-status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#0e8a4b}.punch-center-heading{margin:0;color:#172321;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;line-height:1.15;font-weight:700;letter-spacing:-.3px}.punch-center-status{max-width:310px;margin:5px 0 14px;color:#5e6d68;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.42;font-weight:400}.punch-primary-action{width:min(100%,265px);min-height:42px}.punch-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border-radius:8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1;font-weight:650;border:1px solid transparent;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.punch-btn-primary{background:#0e8a4b;color:#fff;border-color:#0e8a4b}.punch-btn-primary:hover:not(:disabled){background:#0b7841;border-color:#0b7841;box-shadow:0 5px 14px #0e8a4b33;transform:translateY(-1px)}.punch-btn-danger{background:#d73535;color:#fff;border-color:#d73535}.punch-btn-danger:hover:not(:disabled){background:#c72d2d;border-color:#c72d2d;box-shadow:0 5px 14px #d32f2f2e;transform:translateY(-1px)}.punch-btn-outline{background:#fff;color:#0e8a4b;border-color:#9ccbb5}.punch-btn-outline:hover:not(:disabled){background:#f7fbf9;border-color:#0e8a4b}.punch-btn-orange{background:#fff;color:#e87800;border-color:#f0a85a}.punch-btn-orange:hover:not(:disabled){background:#fff8ef;border-color:#e87800;box-shadow:0 4px 12px #e878001a}.punch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.punch-location-note{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:#64716d;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:1.3}.punch-card-right{min-width:0;height:100%;position:relative;z-index:1;overflow:hidden;border-left:1px solid #d4e2dc;background:#edf3f0}.punch-card-right>*{width:100%;height:100%}.punch-card-break{display:grid;grid-template-columns:138px minmax(0,1fr);align-items:center;background:#fffcf8;border:1px solid #eadfd1}.break-card-icon-area{height:100%;display:flex;align-items:center;justify-content:center;padding:12px;border-right:1px solid #eadfd1}.break-icon-circle{width:142px;height:142px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #f0e9df;color:#f07d00;box-shadow:0 5px 18px #6648230b,inset 0 -4px 9px #66482304}.break-card-content{min-width:0;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px 18px 18px 20px}.break-card-heading-row{display:flex;align-items:center;gap:9px}.break-status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#f08a00}.break-card-heading{margin:0;color:#292721;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:19px;line-height:1.15;font-weight:700}.break-card-description{max-width:285px;margin:7px 0 13px;color:#68645e;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.42}.break-action-button{width:100%;min-height:42px}.break-card-duration{margin-top:8px;color:#716c65;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:1.3}.punch-card-break:has(.punch-btn-orange){background:#fffaf3;border-color:#efd7b8}.punch-card-break:has(.punch-btn-orange) .break-icon-circle{color:#e97800}@media (max-width: 1250px){.punch-attendance-layout{grid-template-columns:minmax(0,1.55fr) minmax(390px,1fr)}.punch-card-work{grid-template-columns:190px minmax(270px,1fr) 270px}.punch-clock-circle{width:150px;height:150px}.punch-clock-inner{width:118px;height:118px}.punch-card-break{grid-template-columns:120px minmax(0,1fr)}.break-icon-circle{width:120px;height:120px}}@media (max-width: 1024px){.punch-attendance-layout{grid-template-columns:1fr}.punch-card-work{grid-template-columns:185px minmax(0,1fr) 300px}}@media (max-width: 760px){.punch-card{height:auto;min-height:0}.punch-card-work{grid-template-columns:1fr}.punch-card-left{padding:18px 12px 8px}.punch-card-center{border-left:0;border-top:1px solid #d8e5df;padding:18px;align-items:center;text-align:center}.punch-card-section-heading{justify-content:center}.punch-center-status{max-width:100%}.punch-primary-action{width:min(100%,300px)}.punch-location-note{justify-content:center}.punch-card-right{min-height:210px;border-left:0;border-top:1px solid #d4e2dc}.punch-card-break{grid-template-columns:1fr}.break-card-icon-area{height:auto;padding:18px 12px 8px;border-right:0}.break-card-content{height:auto;padding:18px;align-items:center;text-align:center}.break-card-heading-row{justify-content:center}.break-action-button{width:min(100%,300px)}}@media (max-width: 480px){.punch-clock-circle{width:138px;height:138px}.punch-clock-inner{width:110px;height:110px}.punch-clock-label{font-size:15px}.punch-card-center,.break-card-content{padding:15px}}.break-card-duration{display:inline-flex;align-items:center;min-height:16px;font-variant-numeric:tabular-nums;letter-spacing:.1px}.break-card-duration-overtime{color:#d73535;font-weight:700}.punch-card-break:has(.break-card-duration-overtime){border-color:#e9c9c9}.punch-card-break:has(.break-card-duration-overtime) .break-icon-circle{color:#d73535}.highlights-card{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;overflow:hidden}.highlights-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;gap:12px}.highlights-card-title{margin:0;font-size:20px;font-weight:700;line-height:1.3;color:#111827}.highlights-view-all-btn{border:none;background:transparent;color:#1976d2;font-size:13px;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:6px}.highlights-view-all-btn:hover{background:#eff6ff}.highlights-card-list{width:100%;box-sizing:border-box;padding:4px 20px 20px}.highlights-card-item{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:10px 0;box-sizing:border-box}.highlights-item-left{min-width:0;flex:1 1 auto;display:flex;align-items:flex-start;gap:10px}.highlights-item-icon-wrapper{width:48px;height:48px;min-width:48px;border-radius:50%;background:#edf8ef;display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:22px}.highlights-item-content{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:2px}.highlights-item-title{display:block;width:100%;margin:0 0 5px;color:#111827;font-size:15px;font-weight:500;line-height:1.4;white-space:normal;overflow:visible;text-overflow:unset}.highlights-item-subtitle{display:block;width:100%;margin:0;color:#7b8794;font-size:13px;font-weight:400;line-height:1.5;white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere;word-break:break-word}.highlights-item-status{flex:0 0 auto;min-width:54px;height:32px;padding:0 14px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;line-height:1;box-sizing:border-box;white-space:nowrap}.highlights-status-success{color:#15803d;background:#dcfce7}.highlights-status-warning{color:#b45309;background:#fef3c7}.highlights-status-info{color:#1976d2;background:#e3f2fd}.highlights-status-neutral{color:#6b7280;background:#f3f4f6}.highlight-empty{width:100%;padding:30px 10px;text-align:center;color:#6b7280;font-size:14px;box-sizing:border-box}@media (max-width: 768px){.highlights-card-header{padding:16px}.highlights-card-list{padding:4px 16px 16px}.highlights-card-title{font-size:18px}.highlights-item-icon-wrapper{width:44px;height:44px;min-width:44px}}@media (max-width: 520px){.highlights-card-item{gap:10px}.highlights-item-left{gap:8px}.highlights-item-icon-wrapper{width:40px;height:40px;min-width:40px;font-size:19px}.highlights-item-title{font-size:14px}.highlights-item-subtitle{font-size:12px;line-height:1.45}.highlights-item-status{min-width:48px;height:30px;padding:0 11px;font-size:12px}}.timeline-card{background-color:#fff;border-radius:20px;padding:14px;box-shadow:0 4px 16px #0000000a;border:1px solid #F0F0F0;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.timeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.timeline-card-title{font-family:system-ui,-apple-system,sans-serif;font-size:16px;font-weight:700;color:#1a2424;margin:0}.timeline-card-body{flex:1;display:flex;flex-direction:column;padding-left:4px}.timeline-empty-state{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;color:#90a4ae;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400}.timeline-item{display:flex;gap:12px;position:relative;padding:8px 0;transition:transform .2s ease;align-items:flex-start}.timeline-item:hover{transform:translate(4px)}.timeline-item:last-child{padding-bottom:0}.timeline-item-time-col{min-width:50px;padding-top:2px;text-align:right}.timeline-item-time{font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;color:#90a4ae}.timeline-item-marker{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}.timeline-item-dot{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#8fc746;border:2px solid #E8F5E9;box-sizing:border-box;flex-shrink:0;z-index:1;color:#fff}.timeline-item-dot svg{width:12px;height:12px}.timeline-item-line{width:2px;flex:1;background-color:#f0f0f0;margin-top:4px;min-height:24px;border-radius:2px}.timeline-item-content{display:flex;flex-direction:column;gap:2px;flex:1;padding-top:2px}.timeline-item-title{font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;color:#1a2424}.timeline-item-description{font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:400;color:#90a4ae}.timeline-card-footer{margin-top:14px;padding-top:12px;border-top:1px solid #F0F0F0}.timeline-view-btn{width:100%;padding:8px;border:none;border-radius:10px;background-color:#f7f8fa;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;color:#4a5c5e;cursor:pointer;transition:background-color .2s ease,color .2s ease}.timeline-view-btn:hover{background-color:#e8f5e9;color:#8fc746}.announcement-card{background-color:#fff;border-radius:20px;padding:14px;box-shadow:0 4px 16px #0000000a;border:1px solid #F0F0F0;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.announcement-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.announcement-card-title{font-family:system-ui,-apple-system,sans-serif;font-size:16px;font-weight:700;color:#1a2424;margin:0}.announcement-view-btn{font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:600;color:#8fc746;background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .2s ease}.announcement-view-btn:hover{background-color:#f7f8fa}.announcement-card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;flex:1}.announcement-card-item{display:flex;flex-direction:column;gap:2px;padding:16px 0;border-bottom:1px solid #F0F0F0;transition:transform .2s ease,box-shadow .2s ease}.announcement-card-item:last-child{border-bottom:none}.announcement-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000005}.announcement-item-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.announcement-item-title{font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;color:#1a2424;flex:1}.announcement-item-priority{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.priority-high{background-color:#ffebee;color:#d32f2f}.priority-medium{background-color:#fff3e0;color:#f57c00}.priority-low{background-color:#e8f5e9;color:#8fc746}.announcement-item-bottom{display:flex;gap:16px;align-items:center}.announcement-item-date{font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:500;color:#90a4ae;flex-shrink:0}.announcement-item-desc{font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:400;color:#90a4ae;line-height:1.4}.dashboard{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;box-sizing:border-box}.dashboard-content{display:flex;flex-direction:column;gap:6px;width:100%;max-width:1400px;margin:10px auto 0}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;width:100%}.dashboard-notices-row{display:grid;grid-template-columns:1fr;gap:16px;width:100%}@media (max-width: 1200px){.dashboard{padding:24px}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.dashboard-col-timeline{grid-column:span 2}.dashboard-notices-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard{padding:16px}.dashboard-stats-grid,.dashboard-bottom-grid{grid-template-columns:1fr;gap:16px}.dashboard-col-timeline{grid-column:span 1}.dashboard-notices-row{grid-template-columns:1fr;gap:16px}}.settings-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 32px;text-align:center;background-color:#f8fafc;border-radius:30px 0 0 30px}.settings-sidebar__illustration{width:140px;height:140px;border-radius:50%;background:#e8f5f2;display:flex;align-items:center;justify-content:center;color:#0f766e;margin-bottom:24px;flex-shrink:0;transition:transform .3s ease}.settings-sidebar__illustration:hover{transform:scale(1.04)}.settings-sidebar__heading{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px;letter-spacing:-.02em;line-height:1.2}.settings-sidebar__heading-highlight{color:#0f766e}.settings-sidebar__divider{width:60px;height:4px;border-radius:2px;background:#0f766e;margin:8px auto 16px}.settings-sidebar__description{font-size:16px;color:#4b5563;line-height:1.6;max-width:320px;margin:0 auto 20px}.settings-sidebar__tip{display:flex;align-items:flex-start;gap:12px;background:#ecfdf5;padding:16px 20px;border-radius:16px;max-width:340px;width:100%;text-align:left;border:1px solid #A7E4D6}.settings-sidebar__tip-icon{color:#0f766e;flex-shrink:0;margin-top:1px}.settings-sidebar__tip-title{font-size:14px;font-weight:700;color:#0f766e}.settings-sidebar__tip-text{font-size:14px;color:#1f2937;line-height:1.5}@media (max-width: 1024px){.settings-sidebar{padding:32px 24px;border-radius:24px 0 0 24px}.settings-sidebar__illustration{width:120px;height:120px}.settings-sidebar__illustration svg{width:56px;height:56px}.settings-sidebar__heading{font-size:28px}}@media (max-width: 768px){.settings-sidebar{padding:24px 20px;border-radius:0;background:#fff;border-bottom:1px solid #EAECF0;min-height:200px}.settings-sidebar__illustration{width:100px;height:100px}.settings-sidebar__illustration svg{width:48px;height:48px}.settings-sidebar__heading{font-size:24px}.settings-sidebar__description{font-size:14px;max-width:100%}.settings-sidebar__tip{max-width:100%;padding:14px 16px}}@media (max-width: 480px){.settings-sidebar{padding:16px;min-height:160px}.settings-sidebar__illustration{width:80px;height:80px}.settings-sidebar__illustration svg{width:40px;height:40px}.settings-sidebar__heading{font-size:20px}.settings-sidebar__divider{width:40px;height:3px}.settings-sidebar__tip{padding:12px 14px}.settings-sidebar__tip-text{font-size:13px}}.password-strength{display:flex;align-items:center;gap:12px;margin-top:8px;min-height:24px}.password-strength__dots{display:flex;align-items:center;gap:6px}.password-strength__dot{width:10px;height:10px;border-radius:50%;transition:background-color .3s ease;flex-shrink:0}.password-strength__dot.dot-empty{background-color:#d1d5db}.password-strength__label{font-size:13px;font-weight:600;letter-spacing:.01em;transition:color .3s ease}@media (max-width: 480px){.password-strength{gap:8px}.password-strength__dot{width:8px;height:8px}.password-strength__label{font-size:12px}}.change-password{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:22px 20px}.change-password__form{display:flex;flex-direction:column;gap:10px;width:100%}.change-password__field{display:flex;flex-direction:column;gap:4px;width:100%}.change-password__label{font-size:12px;font-weight:600;color:#1f2937;letter-spacing:.01em}.change-password__required{color:#ef4444;margin-left:2px}.change-password__identifier-selector{width:100%;display:flex;flex-direction:column;gap:5px}.change-password__identifier-options{display:flex;align-items:center;gap:8px;width:100%}.change-password__identifier-option{flex:1;height:36px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #D9E5E2;border-radius:8px;background:#fff;color:#52635f;font-family:inherit;font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.change-password__identifier-option svg{flex-shrink:0;width:15px;height:15px;stroke-width:2}.change-password__identifier-option:hover:not(:disabled){border-color:#a7c9c1;background:#f7fbfa;color:#0f766e}.change-password__identifier-option--active{border-color:#0f766e;background:#eaf5f2;color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e0d}.change-password__identifier-option--active:hover:not(:disabled){border-color:#0f766e;background:#e2f2ee;color:#0f766e}.change-password__identifier-option:focus-visible{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.change-password__identifier-option:disabled{opacity:.55;cursor:not-allowed}.change-password__input-wrapper{position:relative;display:flex;align-items:center;width:100%}.change-password__input-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none;z-index:1}.change-password__input{width:100%;height:36px;padding:0 48px 0 38px;border:1.5px solid #E5E7EB;border-radius:12px;font-size:12px;font-family:inherit;color:#111827;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-shadow:0 1px 2px #0000000a}.change-password__input::placeholder{color:#9ca3af;font-size:12px}.change-password__input:hover{border-color:#d0d5dd}.change-password__input:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1f}.change-password__input:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.change-password__input--error{border-color:#ef4444!important}.change-password__input--error:focus{box-shadow:0 0 0 4px #ef44441f!important}.change-password__toggle-visibility{position:absolute;right:14px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s;z-index:1}.change-password__toggle-visibility:hover{color:#4b5563;background:#0000000a}.change-password__toggle-visibility:focus-visible{outline:2px solid #0F766E;outline-offset:2px}.change-password__toggle-visibility:disabled{opacity:.5;cursor:not-allowed}.change-password__field-description{font-size:14px;color:#6b7280;margin:4px 0 0;line-height:1.5}.change-password__error{font-size:13px;color:#ef4444;font-weight:500;margin-top:2px}.change-password__tip-card{display:flex;align-items:flex-start;gap:12px;background:#ecfdf5;padding:14px 18px;border-radius:12px;border:1px solid #A7E4D6;margin-top:4px}.change-password__tip-icon{color:#0f766e;flex-shrink:0;margin-top:1px}.change-password__tip-text{font-size:14px;color:#1f2937;line-height:1.5}.change-password__tip-text strong{color:#0f766e;font-weight:700}.change-password__actions{display:flex;flex-direction:column;gap:12px;margin-top:4px}.change-password__submit{width:100%;height:46px;border:none;border-radius:12px;background:linear-gradient(135deg,#2c6a63,#19534f);color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,box-shadow .3s ease,opacity .2s ease;box-shadow:0 2px 8px #0f766e40;font-family:inherit;letter-spacing:.01em}.change-password__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0f766e4d}.change-password__submit:active:not(:disabled){transform:translateY(0)}.change-password__submit:focus-visible{outline:3px solid #0F766E;outline-offset:3px}.change-password__submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.change-password__submit-icon{transition:transform .2s ease}.change-password__submit:hover:not(:disabled) .change-password__submit-icon{transform:translate(2px)}.change-password__spinner{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.change-password__success{font-size:14px;color:#0f766e;font-weight:600;text-align:center;padding:8px 16px;background:#ecfdf5;border-radius:8px}.change-password__form-error{font-size:14px;color:#ef4444;font-weight:500;text-align:center;padding:8px 16px;background:#fef2f2;border-radius:8px}.change-password__footer{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:2px;border-top:1px solid #EAECF0;padding-top:16px}.change-password__footer-line{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.change-password__footer-line--link{color:#0f766e;font-weight:500;cursor:pointer;transition:color .2s}.change-password__footer-line--link:hover{color:#19534f;text-decoration:underline}@media (max-width: 1024px){.change-password{padding:28px 32px}}@media (max-width: 768px){.change-password{padding:24px 20px}.change-password__input{height:50px;font-size:14px;padding:0 44px}.change-password__submit{height:50px;font-size:15px}.change-password__footer-line{font-size:13px}}@media (max-width: 480px){.change-password{padding:20px 16px}.change-password__input{height:46px;font-size:13px;padding:0 40px;border-radius:10px}.change-password__input-icon{left:12px;width:18px;height:18px}.change-password__toggle-visibility{right:10px}.change-password__submit{height:46px;font-size:14px;border-radius:10px}.change-password__tip-text{font-size:13px}.change-password__footer-line{font-size:12px}}.pm-container{width:100%;box-sizing:border-box;padding:18px;background:#f6f8fa;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.pm-stats-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.pm-stat-card{min-height:92px;display:flex;align-items:center;gap:13px;padding:15px 16px;box-sizing:border-box;background:#fff;border:1px solid #e1e7eb;border-radius:8px;box-shadow:0 1px 2px #0f172a08}.pm-stat-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#e8f2f1;color:#477d7b}.pm-stat-info{min-width:0;display:flex;flex-direction:column;gap:2px}.pm-stat-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.pm-stat-value{font-size:19px;line-height:24px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-stat-sub{font-size:11px;color:#94a3b8}.pm-selection-bar{width:100%;box-sizing:border-box;padding:17px 21px;background:#fff;border:1px solid #dfe5e9;border-radius:8px;box-shadow:0 1px 2px #0f172a08;margin-bottom:18px}.pm-selectors{width:100%;display:flex;align-items:flex-end;gap:18px}.pm-input-group{display:flex;flex-direction:column;min-width:170px}.pm-input-group.flex-2{flex:1}.pm-input-group label{margin-bottom:6px;font-size:11px;line-height:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#344b67}.pm-input-group input,.pm-input-group select{width:100%;height:34px;box-sizing:border-box;border:1px solid #b8c1c8;border-radius:3px;background:#fff;padding:0 10px;color:#1f2937;font-size:13px;outline:none}.pm-input-group input::placeholder{color:#9ca3af}.pm-input-group input:focus,.pm-input-group select:focus{border-color:#6f9998;box-shadow:0 0 0 2px #477d7b14}.pm-save-btn{height:40px;min-width:118px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;border:1px solid #8aaead;border-radius:7px;background:#8aaead;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.pm-save-btn:hover:not(:disabled){background:#719997;border-color:#719997}.pm-save-btn:active:not(:disabled){transform:translateY(1px)}.pm-save-btn:disabled{opacity:.55;cursor:not-allowed}.pm-info-box{width:100%;min-height:42px;box-sizing:border-box;margin-top:12px;padding:10px 13px;display:flex;align-items:center;gap:9px;border:1px solid #eadfd4;border-radius:7px;background:#fffdfb;color:#52657b;font-size:12px;line-height:18px}.pm-info-box svg{flex-shrink:0}.pm-workspace{width:100%;display:flex;align-items:stretch;gap:18px}.pm-sidebar{width:242px;min-width:242px;box-sizing:border-box;background:#fff;border:1px solid #dfe5e9;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.pm-sidebar-header{min-height:72px;display:flex;align-items:center;padding:14px 18px;box-sizing:border-box;border-bottom:1px solid #e2e7eb;background:#fff}.pm-sidebar-header>div{display:flex;flex-direction:column;gap:5px}.pm-sidebar-header strong{font-size:13px;line-height:17px;font-weight:700;color:#334e6f;text-transform:uppercase;letter-spacing:.03em}.pm-sidebar-header span{font-size:11px;line-height:15px;color:#718096}.pm-module-list{width:100%;padding:0;box-sizing:border-box}.pm-module-item{width:100%;min-height:38px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 15px;margin:0;border:0;border-bottom:1px solid #e1e6e9;background:#fff;color:#53657b;font-size:13px;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.pm-module-item:last-child{border-bottom:0}.pm-module-item svg{flex-shrink:0;color:#718096}.pm-module-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-module-item:hover{background:#f5f8f8;color:#315e5d}.pm-module-item:hover svg{color:#477d7b}.pm-module-item.active{background:#e7f0ef;color:#2f6867;box-shadow:inset 3px 0 #477d7b}.pm-module-item.active svg{color:#477d7b}.pm-matrix-area{flex:1;min-width:0;box-sizing:border-box;padding:22px 22px 20px;background:#fff;border:1px solid #dfe5e9;border-radius:8px;box-shadow:0 1px 2px #0f172a08}.pm-matrix-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #e2e7eb}.pm-matrix-title{font-size:17px;line-height:23px;font-weight:600;color:#172b4d}.pm-divider-text{margin-top:4px;font-size:12px;line-height:17px;color:#64748b}.pm-divider-text strong{color:#315e5d;font-weight:600}.pm-matrix-actions{display:flex;align-items:center;gap:23px;white-space:nowrap}.pm-matrix-actions button{padding:0;border:0;background:transparent;color:#17615f;font-size:12px;font-weight:500;cursor:pointer}.pm-matrix-actions button:hover:not(:disabled){color:#0f4544;text-decoration:underline}.pm-matrix-actions button:disabled{color:#a0aab5;cursor:not-allowed}.pm-legend{display:flex;align-items:center;gap:23px;padding:13px 0 10px}.pm-legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:#64748b}.pm-dot{width:15px;height:15px;display:inline-block;box-sizing:border-box;border-radius:4px}.pm-dot.allowed{background:#477d7b;border:1px solid #477d7b}.pm-dot.denied{background:#f3f0eb;border:1px solid #d8d0c5}.pm-table-container{width:100%;min-height:290px;box-sizing:border-box;border:1px solid #dfe5e9;border-radius:7px;overflow-x:auto;overflow-y:auto;background:#fff}.pm-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.pm-table th{height:43px;padding:8px 9px;box-sizing:border-box;background:#f7f9fa;border-bottom:1px solid #dce3e7;color:#465a70;font-size:11px;font-weight:700;text-align:left;white-space:nowrap}.pm-table th:first-child{width:30%;padding-left:15px}.pm-table th:not(:first-child){width:10%}.pm-table td{height:43px;padding:8px 9px;box-sizing:border-box;border-bottom:1px solid #edf0f2;color:#475569;background:#fff}.pm-table tbody tr:last-child td{border-bottom:0}.pm-table tbody tr:hover td{background:#fafcfc}.pm-table td:first-child{padding-left:15px}.pm-table .font-medium{font-size:12px;font-weight:500;color:#334155;line-height:17px}.text-center{text-align:center!important}.pm-table input[type=checkbox]{width:16px;height:16px;margin:0;vertical-align:middle;accent-color:#477d7b;cursor:pointer}.pm-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.pm-table-container>div{min-height:290px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:40px;color:#64748b;font-size:13px}.pm-matrix-area>div[style*=justify-content]{min-height:40px}.pm-matrix-area>div[style*=justify-content]>span{color:#64748b;font-size:12px}@media (max-width: 1100px){.pm-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-workspace{flex-direction:column}.pm-sidebar{width:100%;min-width:0}.pm-module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pm-module-item{border-right:1px solid #e1e6e9}}@media (max-width: 760px){.pm-container{padding:10px}.pm-stats-grid{grid-template-columns:1fr}.pm-selectors{flex-direction:column;align-items:stretch}.pm-input-group,.pm-input-group.flex-2{width:100%;min-width:0}.pm-selectors .pm-save-btn{width:100%}.pm-matrix-header{flex-direction:column}.pm-matrix-actions{width:100%;justify-content:flex-start;gap:18px}.pm-module-list{grid-template-columns:1fr}.pm-matrix-area{padding:15px}}.pm-table-container::-webkit-scrollbar{width:8px;height:8px}.pm-table-container::-webkit-scrollbar-track{background:#f5f7f8}.pm-table-container::-webkit-scrollbar-thumb{background:#c7d0d4;border-radius:8px}.pm-table-container::-webkit-scrollbar-thumb:hover{background:#aebbc0}.settings-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#fdfcfb;position:relative;overflow:hidden;font-family:inherit}.settings-page:before{content:"";position:absolute;top:-25%;left:-15%;width:70%;height:85%;background-color:#f4efeb;border-bottom-right-radius:100%;z-index:0;pointer-events:none}.settings-page__dots{position:absolute;left:60px;top:45%;transform:translateY(-50%);width:85px;height:125px;background-image:radial-gradient(#CBD5E1 2.5px,transparent 2.5px);background-size:24px 24px;opacity:.8;z-index:1}.settings-page__plant{position:absolute;right:-20px;bottom:0;width:400px;height:600px;background:url(/assets/change%20password-BdBvdDXo.png) no-repeat bottom right/contain;opacity:1;pointer-events:none;z-index:1}.settings-page__card{width:850px;max-width:95%;height:620px;background:#fff;border-radius:24px;box-shadow:0 15px 45px #0000000d;display:grid;grid-template-columns:320px 1px 1fr;overflow:hidden;position:relative;z-index:2}.settings-page__panel{overflow-y:auto;height:100%}.settings-page__panel--left{background:transparent}.settings-page__panel--right{background:#fff}.settings-page__divider{width:1px;background:#f1f3f5;height:85%;align-self:center}.settings-page__footer{position:absolute;bottom:30px;display:flex;gap:40px;font-size:14px;color:#64748b;z-index:2}.settings-page__footer-item{display:flex;align-items:center;gap:8px}.settings-page__footer-link{color:#4a7c77;text-decoration:none;font-weight:600}@media (max-width: 1024px){.settings-page:before{width:90%;height:60%}.settings-page__dots{display:none}.settings-page__plant{width:250px;height:400px;opacity:.4}.settings-page__card{height:auto;min-height:600px;grid-template-columns:1fr}.settings-page__divider{display:none}}@media (max-width: 768px){.settings-page__footer{position:relative;bottom:0;margin-top:30px;flex-direction:column;gap:12px;align-items:center;text-align:center}}.settings-page--permissions{background:#f9f8f6}.settings-page--permissions:before{display:none!important}.settings-page--permissions .settings-page__bg-circle,.settings-page--permissions .settings-page__plant,.settings-page--permissions .settings-page__dots{display:none!important}.settings-page--permissions .settings-page__card{width:100%;max-width:100%;height:auto;min-height:calc(100vh - 48px);border-radius:0;box-shadow:none;background:transparent;display:block;grid-template-columns:none;overflow:visible}.settings-page--permissions .settings-page__panel--right{overflow:visible;background:transparent;padding:0}.settings-page--permissions .settings-page__panel--full{width:100%;height:100%;display:flex;flex-direction:column}.attendance-summary-card{background:#fff;border-radius:.75rem;padding:.5rem .75rem;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition:all .2s ease;border:1px solid transparent;min-height:60px;display:flex;align-items:center}.attendance-summary-card:hover{box-shadow:0 4px 12px #00000014;border-color:#e5e7eb;transform:translateY(-2px)}.attendance-summary-card__content{display:flex;align-items:center;gap:1rem;width:100%}.attendance-summary-card__icon-wrapper{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attendance-summary-card__icon{color:currentColor;stroke-width:2}.attendance-summary-card__text{flex:1;min-width:0}.attendance-summary-card__title{font-size:.625rem;font-weight:500;color:#6b7280;margin:0 0 .25rem;font-family:Inter,sans-serif}.attendance-summary-card__value-wrapper{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.attendance-summary-card__value{font-size:1.125rem;font-weight:700;color:#111827;line-height:1.2;font-family:Inter,sans-serif}.attendance-summary-card__footer{display:flex;align-items:center;gap:.5rem;margin-top:.125rem}.attendance-summary-card__percentage{font-size:.875rem;font-weight:600;color:#1f2937}.attendance-summary-card__subtitle{font-size:.75rem;color:#9ca3af;font-weight:400}.attendance-summary-card--loading{animation:pulse 1.5s ease-in-out infinite}.attendance-summary-card__skeleton{display:flex;align-items:center;gap:1rem;width:100%}.attendance-summary-card__skeleton-icon{width:52px;height:52px;border-radius:14px;background:#e5e7eb}.attendance-summary-card__skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.attendance-summary-card__skeleton-title{width:60%;height:14px;background:#e5e7eb;border-radius:4px}.attendance-summary-card__skeleton-value{width:40%;height:28px;background:#e5e7eb;border-radius:4px}@media (max-width: 768px){.attendance-summary-card{padding:1rem 1.25rem}.attendance-summary-card__value{font-size:1.5rem}.attendance-summary-card__icon-wrapper{width:32px;height:32px}}.attendance-statistics{width:100%;margin:1.5rem 0}.attendance-statistics__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.attendance-statistics__card{min-height:100px}.attendance-statistics--error{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;background:#fef2f2;border-radius:.75rem;color:#991b1b;font-size:.875rem;font-weight:500}.attendance-statistics__error-icon{font-size:1.25rem}.attendance-statistics__error-message{color:#991b1b}@media (max-width: 1024px){.attendance-statistics__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.875rem}}@media (max-width: 768px){.attendance-statistics__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}}@media (max-width: 480px){.attendance-statistics__grid{grid-template-columns:repeat(2,1fr);gap:.625rem}}@media (max-width: 360px){.attendance-statistics__grid{grid-template-columns:1fr}}:root{--filter-bg: #ffffff;--filter-border-radius: .75rem;--filter-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px 0 rgba(0, 0, 0, .04);--filter-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--filter-transition: all .2s ease-in-out;--filter-input-border: #d1d5db;--filter-input-focus: #3b82f6;--filter-input-radius: .375rem;--filter-label-color: #6b7280;--filter-text-color: #111827}.attendance-filter-bar{background:var(--filter-bg);border-radius:var(--filter-border-radius);box-shadow:var(--filter-shadow);padding:.5rem .875rem;margin:.75rem 0;font-family:var(--filter-font-family);transition:var(--filter-transition)}.attendance-filter-bar__toggle{display:none}.attendance-filter-bar__toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--filter-input-border);border-radius:var(--filter-input-radius);font-size:.875rem;font-weight:500;color:var(--filter-text-color);cursor:pointer;transition:var(--filter-transition);width:100%}.attendance-filter-bar__toggle-btn:hover{background:#f9fafb}.attendance-filter-bar__badge{background:var(--filter-input-focus);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;margin-left:auto}.attendance-filter-bar__chevron{transition:transform .2s ease}.attendance-filter-bar__chevron.open{transform:rotate(180deg)}.attendance-filter-bar__content{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem}.attendance-filter-bar__group{display:flex;flex-direction:column;gap:.25rem;flex:1 0 auto;min-width:140px}.attendance-filter-bar__group--search{flex:2 0 200px}.attendance-filter-bar__label{font-size:.75rem;font-weight:500;color:var(--filter-label-color);letter-spacing:.01em}.attendance-filter-bar__input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid var(--filter-input-border);border-radius:var(--filter-input-radius);transition:var(--filter-transition)}.attendance-filter-bar__input-wrapper:focus-within{border-color:var(--filter-input-focus);box-shadow:0 0 0 3px #3b82f626}.attendance-filter-bar__input-wrapper .attendance-filter-bar__input-icon{position:absolute;left:.5rem;color:#9ca3af;pointer-events:none}.attendance-filter-bar__input-wrapper .attendance-filter-bar__input-icon+input,.attendance-filter-bar__input-wrapper .attendance-filter-bar__input-icon+select{padding-left:2rem}.attendance-filter-bar__input,.attendance-filter-bar__select{width:100%;padding:.375rem .5rem;border:none;background:transparent;font-size:.8125rem;font-family:var(--filter-font-family);color:var(--filter-text-color);outline:none;min-height:32px}.attendance-filter-bar__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:2rem}.attendance-filter-bar__select-icon{position:absolute;right:.5rem;color:#9ca3af;pointer-events:none}.attendance-filter-bar__input::placeholder{color:#9ca3af}.attendance-filter-bar__input:disabled,.attendance-filter-bar__select:disabled{opacity:.5;cursor:not-allowed}.attendance-filter-bar__clear-btn{position:absolute;right:.5rem;background:transparent;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--filter-transition)}.attendance-filter-bar__clear-btn:hover{color:#4b5563;background:#f3f4f6}.attendance-filter-bar__actions{display:flex;gap:.5rem;align-items:center;padding-bottom:1px}.attendance-filter-bar__btn{padding:.375rem .875rem;border-radius:var(--filter-input-radius);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--filter-transition);border:none;font-family:var(--filter-font-family);white-space:nowrap}.attendance-filter-bar__btn:disabled{opacity:.5;cursor:not-allowed}.attendance-filter-bar__btn--apply{background:var(--filter-input-focus);color:#fff}.attendance-filter-bar__btn--apply:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.attendance-filter-bar__btn--reset{background:#f3f4f6;color:#4b5563}.attendance-filter-bar__btn--reset:hover:not(:disabled){background:#e5e7eb}@media (max-width: 1024px){.attendance-filter-bar{padding:.75rem 1rem}.attendance-filter-bar__group{min-width:120px}}@media (max-width: 768px){.attendance-filter-bar{padding:.5rem .75rem}.attendance-filter-bar__toggle{display:block}.attendance-filter-bar__content{display:none;flex-direction:column;align-items:stretch;gap:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb;margin-top:.75rem}.attendance-filter-bar.expanded .attendance-filter-bar__content{display:flex}.attendance-filter-bar__group{min-width:100%;flex:1 1 auto}.attendance-filter-bar__group--search{flex:1 1 auto}.attendance-filter-bar__input,.attendance-filter-bar__select{font-size:.875rem;padding:.5rem .75rem}.attendance-filter-bar__actions{flex-direction:row;justify-content:stretch;margin-top:.25rem}.attendance-filter-bar__btn{flex:1;text-align:center;padding:.5rem}}@media (max-width: 480px){.attendance-filter-bar{padding:.375rem .5rem}.attendance-filter-bar__btn{font-size:.8125rem;padding:.375rem .75rem}.attendance-filter-bar__input,.attendance-filter-bar__select{font-size:.8125rem;padding:.375rem .5rem;min-height:34px}.attendance-filter-bar__input-wrapper .attendance-filter-bar__input-icon{left:.375rem}.attendance-filter-bar__input-wrapper .attendance-filter-bar__input-icon+input,.attendance-filter-bar__input-wrapper .attendance-filter-bar__input-icon+select{padding-left:1.75rem}.attendance-filter-bar__clear-btn{right:.25rem}.attendance-filter-bar__badge{font-size:.6875rem;padding:.0625rem .375rem}}:root{--tabs-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--tabs-header-bg: #ffffff;--tabs-header-border: #e5e7eb;--tabs-tab-color: #6b7280;--tabs-tab-active-color: #111827;--tabs-tab-hover-color: #1f2937;--tabs-underline-color: #3b82f6;--tabs-transition: all .25s ease-in-out}.attendance-tabs{font-family:var(--tabs-font-family);width:100%;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;overflow:hidden;margin:1.5rem 0}.attendance-tabs__header{display:flex;position:relative;background:var(--tabs-header-bg);border-bottom:1px solid var(--tabs-header-border);padding:0 1.5rem;gap:.25rem}.attendance-tabs__tab{padding:.5rem .875rem;font-size:.8125rem;font-weight:500;color:var(--tabs-tab-color);background:transparent;border:none;cursor:pointer;transition:var(--tabs-transition);position:relative;font-family:var(--tabs-font-family);white-space:nowrap;letter-spacing:.01em}.attendance-tabs__tab:hover:not(:disabled){color:var(--tabs-tab-hover-color);background:#f9fafb}.attendance-tabs__tab.active{color:var(--tabs-tab-active-color)}.attendance-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.attendance-tabs__tab:focus-visible{outline:2px solid var(--tabs-underline-color);outline-offset:-2px;border-radius:.25rem}.attendance-tabs__underline{position:absolute;bottom:0;height:2px;background:var(--tabs-underline-color);border-radius:2px 2px 0 0;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.attendance-tabs__panels{padding:1rem}.attendance-tabs__panel{display:block;animation:panel-fade-in .2s ease-in-out}.attendance-tabs__panel[hidden]{display:none}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.attendance-tabs__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background:#f9fafb;border-radius:.5rem;min-height:200px}.attendance-tabs__placeholder-icon{font-size:3rem;margin-bottom:.75rem;opacity:.6}.attendance-tabs__placeholder-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.attendance-tabs__placeholder-text{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}@media (max-width: 1024px){.attendance-tabs__header{padding:0 1rem}.attendance-tabs__tab{padding:.625rem 1rem;font-size:.8125rem}.attendance-tabs__panels{padding:1rem}}@media (max-width: 768px){.attendance-tabs{margin:1rem 0;border-radius:.5rem}.attendance-tabs__header{padding:0 .75rem;gap:.125rem}.attendance-tabs__tab{padding:.5rem .75rem;font-size:.75rem}.attendance-tabs__panels{padding:.75rem}.attendance-tabs__placeholder{padding:2rem 1rem;min-height:150px}.attendance-tabs__placeholder-icon{font-size:2.5rem}.attendance-tabs__placeholder-title{font-size:1rem}}@media (max-width: 480px){.attendance-tabs__header{padding:0 .5rem}.attendance-tabs__tab{padding:.375rem .5rem;font-size:.6875rem}.attendance-tabs__panels{padding:.5rem}.attendance-tabs__placeholder{padding:1.5rem .75rem;min-height:120px}.attendance-tabs__placeholder-icon{font-size:2rem}.attendance-tabs__placeholder-title{font-size:.875rem}.attendance-tabs__placeholder-text{font-size:.75rem}}:root{--badge-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--badge-border-radius: 9999px;--badge-transition: all .15s ease-in-out;--badge-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--badge-shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .08)}.attendance-status-badge{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--badge-font-family);font-weight:500;border:1px solid transparent;border-radius:var(--badge-border-radius);transition:var(--badge-transition);box-shadow:var(--badge-shadow-sm);cursor:default;-webkit-user-select:none;user-select:none;position:relative;line-height:1}.attendance-status-badge[tabindex]:hover{transform:translateY(-1px);box-shadow:var(--badge-shadow-md);cursor:pointer}.attendance-status-badge[tabindex]:active{transform:translateY(0)}.attendance-status-badge--sm{padding:.0625rem .375rem;font-size:.6875rem;gap:.25rem}.attendance-status-badge--sm .attendance-status-badge__icon{width:14px;height:14px}.attendance-status-badge--sm .attendance-status-badge__dot{width:6px;height:6px}.attendance-status-badge--md{padding:.1875rem .5rem;font-size:.75rem;gap:.375rem}.attendance-status-badge--md .attendance-status-badge__icon{width:16px;height:16px}.attendance-status-badge--md .attendance-status-badge__dot{width:8px;height:8px}.attendance-status-badge--lg{padding:.375rem 1rem;font-size:1rem;gap:.5rem}.attendance-status-badge--lg .attendance-status-badge__icon{width:20px;height:20px}.attendance-status-badge--lg .attendance-status-badge__dot{width:10px;height:10px}.attendance-status-badge__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.attendance-status-badge__label{white-space:nowrap;font-weight:500;letter-spacing:.01em}.attendance-status-badge__dot{border-radius:50%;flex-shrink:0;box-shadow:inset 0 1px 2px #0000001a}.attendance-status-badge[tabindex]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 4px #3b82f640}@media (max-width: 640px){.attendance-status-badge--md{padding:.1875rem .625rem;font-size:.8125rem}.attendance-status-badge--lg{padding:.3125rem .875rem;font-size:.9375rem}}.attendance-status-badge[title]{position:relative}.attendance-status-badge[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1f2937;color:#f9fafb;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:400;white-space:nowrap;z-index:10;box-shadow:0 4px 6px -1px #0000001a}:root{--table-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--table-bg: #ffffff;--table-border-radius: .75rem;--table-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px 0 rgba(0, 0, 0, .04);--table-header-bg: #f9fafb;--table-header-text: #4b5563;--table-cell-padding: .5rem .75rem;--table-border-color: #e5e7eb;--table-row-hover: #f9fafb;--table-transition: all .15s ease-in-out;--table-text-color: #111827;--table-secondary-text: #6b7280}.attendance-table{background:var(--table-bg);border-radius:var(--table-border-radius);box-shadow:var(--table-shadow);font-family:var(--table-font-family);overflow:hidden;margin:1.5rem 0}.attendance-table__container{overflow-x:auto;padding:.5rem}.attendance-table__table{width:100%;border-collapse:collapse;font-size:.8125rem;border-spacing:0}.attendance-table__header{padding:var(--table-cell-padding);background:var(--table-header-bg);color:var(--table-header-text);font-weight:600;text-align:left;border-bottom:1px solid var(--table-border-color);white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:10;font-size:.8125rem}.attendance-table__header.sortable{cursor:pointer}.attendance-table__header.sortable:hover{background:#f3f4f6}.attendance-table__header-content{display:inline-flex;align-items:center;gap:.375rem}.attendance-table__sort-icon{color:#d1d5db;transition:color .15s ease}.attendance-table__sort-icon.active{color:#3b82f6}.attendance-table__header.sortable:hover .attendance-table__sort-icon{color:#9ca3af}.attendance-table__header.sortable:hover .attendance-table__sort-icon.active{color:#3b82f6}.attendance-table__row{transition:var(--table-transition)}.attendance-table__row:hover{background:var(--table-row-hover)}.attendance-table__cell{padding:var(--table-cell-padding);border-bottom:1px solid #f3f4f6;color:var(--table-text-color);vertical-align:middle}.attendance-table__row:last-child .attendance-table__cell{border-bottom:none}.attendance-table__cell--actions{text-align:center;width:60px}.attendance-table__actions{position:relative;display:inline-block}.attendance-table__actions-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:#9ca3af;transition:var(--table-transition)}.attendance-table__actions-toggle:hover{background:#f3f4f6;color:#4b5563}.attendance-table__actions-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.attendance-table__actions-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:100;min-width:140px;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.25rem;border:1px solid #e5e7eb;animation:dropdown-fade-in .12s ease-in-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.attendance-table__actions-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.375rem .625rem;border:none;background:transparent;border-radius:.25rem;font-size:.8125rem;font-weight:400;color:#1f2937;cursor:pointer;transition:var(--table-transition);font-family:var(--table-font-family);text-align:left}.attendance-table__actions-item:hover{background:#f3f4f6}.attendance-table__actions-item:focus-visible{outline:2px solid #3b82f6;outline-offset:-1px}.attendance-table__actions-item svg{color:#6b7280;flex-shrink:0}.attendance-table__actions-item:hover svg{color:#1f2937}.attendance-table__pagination{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-top:1px solid var(--table-border-color);flex-wrap:wrap;gap:.5rem}.attendance-table__pagination-info{font-size:.8125rem;color:var(--table-secondary-text)}.attendance-table__pagination-controls{display:flex;gap:.25rem;align-items:center}.attendance-table__pagination-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;border:1px solid transparent;background:transparent;border-radius:.25rem;font-size:.8125rem;font-weight:500;color:var(--table-secondary-text);cursor:pointer;transition:var(--table-transition);font-family:var(--table-font-family)}.attendance-table__pagination-btn:hover:not(:disabled){background:#f3f4f6;color:var(--table-text-color)}.attendance-table__pagination-btn.active{background:#3b82f6;color:#fff}.attendance-table__pagination-btn:disabled{opacity:.4;cursor:not-allowed}.attendance-table__pagination-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.attendance-table--loading{padding:2rem}.attendance-table__skeleton{display:flex;flex-direction:column;gap:.5rem}.attendance-table__skeleton-row{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.attendance-table__skeleton-cell{height:32px;background:#f3f4f6;border-radius:.25rem;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.attendance-table__loading-text{text-align:center;font-size:.875rem;color:var(--table-secondary-text);margin-top:1rem}.attendance-table--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px}.attendance-table__empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.attendance-table__empty-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.attendance-table__empty-text{font-size:.875rem;color:var(--table-secondary-text)}@media (max-width: 1024px){.attendance-table__cell,.attendance-table__header{padding:.5rem .75rem;font-size:.8125rem}.attendance-table__pagination{padding:.5rem 1rem}}@media (max-width: 768px){.attendance-table__container{padding:.25rem}.attendance-table__table{font-size:.75rem}.attendance-table__cell{padding:.375rem .5rem}.attendance-table__header{padding:.375rem .5rem;font-size:.75rem}.attendance-table__pagination{flex-direction:column;align-items:center;gap:.5rem}.attendance-table__pagination-info{font-size:.75rem}.attendance-table__pagination-btn{min-width:28px;height:28px;font-size:.75rem}.attendance-table__actions-toggle{width:24px;height:24px}.attendance-table__actions-menu{min-width:120px;right:-.5rem}.attendance-table__actions-item{font-size:.75rem;padding:.3125rem .5rem}}@media (max-width: 480px){.attendance-table__table{font-size:.6875rem}.attendance-table__cell{padding:.25rem .375rem}.attendance-table__header{padding:.25rem .375rem;font-size:.6875rem}.attendance-table__pagination-info{font-size:.6875rem}.attendance-table__pagination-btn{min-width:24px;height:24px;font-size:.6875rem}.attendance-table--empty{padding:2rem 1rem;min-height:150px}.attendance-table__empty-icon{font-size:2.5rem}.attendance-table__empty-title{font-size:1rem}.attendance-table__empty-text{font-size:.75rem}}:root{--dashboard-font-family: "Inter", ...;--dashboard-bg: #f8fafc;--dashboard-padding: 12px;--dashboard-title-font-size: 18px;--dashboard-subtitle-font-size: 11px;--dashboard-control-height: 30px;--dashboard-control-radius: 12px;--dashboard-control-border: #E2E8F0;--dashboard-hero-width: 120px}.attendance-dashboard{font-family:var(--dashboard-font-family);width:100%;padding:var(--dashboard-padding);background:var(--dashboard-bg);min-height:100vh;box-sizing:border-box}.attendance-dashboard__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:12px;margin-bottom:1rem;flex-wrap:wrap}.attendance-dashboard__header-left{flex:1;min-width:200px}.attendance-dashboard__title{font-size:var(--dashboard-title-font-size);font-weight:700;color:var(--dashboard-title-color);margin:0 0 8px;letter-spacing:-.01em;line-height:1.2}.attendance-dashboard__subtitle{font-size:var(--dashboard-subtitle-font-size);font-weight:500;color:var(--dashboard-subtitle-color);margin:0;line-height:1.4}.attendance-dashboard__header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.attendance-dashboard__filter-toggle,.attendance-dashboard__date-range,.attendance-dashboard__header-right .attendance-export__btn{display:inline-flex;align-items:center;gap:.375rem;height:var(--dashboard-control-height);padding:0 1rem;background:#fff;border:1px solid var(--dashboard-control-border);border-radius:var(--dashboard-control-radius);font-size:.875rem;font-weight:500;color:#1f2937;cursor:pointer;transition:all .15s ease;font-family:var(--dashboard-font-family);white-space:nowrap;line-height:1;box-shadow:0 1px 2px #00000005}.attendance-dashboard__filter-toggle:hover{background:#f9fafb}.attendance-dashboard__filter-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.attendance-dashboard__filter-icon{font-size:1rem}.attendance-dashboard__date-range{cursor:default}.attendance-dashboard__date-range-icon{font-size:1rem;color:#6b7280}.attendance-dashboard__date-range-text{font-weight:400}.attendance-dashboard__header-right .attendance-export__btn{background:#fff;color:#1f2937}.attendance-dashboard__header-right .attendance-export__btn:hover{background:#f9fafb}.attendance-dashboard__hero{display:flex;justify-content:center;margin:0;margin-top:-3.5rem}.attendance-dashboard__hero-image{width:290px;height:100px;display:block;opacity:1;margin:0 auto;border:none;border-radius:0;box-shadow:none;background:transparent;mask-image:radial-gradient(circle,#000 60%,#0000 90%);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 90%)}.attendance-dashboard .attendance-filter-bar{transition:max-height .35s ease,opacity .35s ease,margin .35s ease;max-height:0;opacity:0;margin:0;overflow:hidden;padding:0 1.25rem}.attendance-dashboard .attendance-filter-bar.visible{max-height:500px;opacity:1;margin:1rem 0 1.5rem;padding:.75rem 1.25rem}.attendance-dashboard .attendance-statistics,.attendance-dashboard .attendance-overview,.attendance-dashboard .attendance-tabs{position:relative}.attendance-dashboard--error{display:flex;align-items:center;justify-content:center;min-height:50vh}.attendance-dashboard__error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:#fef2f2;border-radius:.75rem;max-width:400px;border:1px solid #fecaca}.attendance-dashboard__error-icon{font-size:2.5rem;margin-bottom:.5rem}.attendance-dashboard__error-title{font-size:1.125rem;font-weight:600;color:#991b1b;margin:0 0 .25rem}.attendance-dashboard__error-message{font-size:.875rem;color:#991b1b;margin:0 0 1rem}.attendance-dashboard__error-btn{padding:.5rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease}.attendance-dashboard__error-btn:hover{background:#2563eb}@media (max-width: 1024px){:root{--dashboard-padding: 24px;--dashboard-title-font-size: 28px;--dashboard-subtitle-font-size: 14px;--dashboard-hero-width: 220px}}@media (max-width: 768px){:root{--dashboard-padding: 20px;--dashboard-title-font-size: 24px;--dashboard-subtitle-font-size: 13px;--dashboard-hero-width: 180px;--dashboard-control-height: 40px}.attendance-dashboard__header{flex-direction:column;align-items:stretch;margin-top:15px}.attendance-dashboard__header-right{justify-content:flex-start;flex-wrap:wrap}.attendance-dashboard__filter-toggle,.attendance-dashboard__date-range,.attendance-dashboard__header-right .attendance-export__btn{height:40px;padding:0 .75rem;font-size:.8125rem}.attendance-dashboard .attendance-filter-bar{padding:0 .75rem}.attendance-dashboard .attendance-filter-bar.visible{padding:.5rem .75rem}}@media (max-width: 480px){:root{--dashboard-padding: 16px;--dashboard-title-font-size: 20px;--dashboard-subtitle-font-size: 12px;--dashboard-hero-width: 140px;--dashboard-control-height: 38px}.attendance-dashboard__header-right{flex-direction:column;align-items:stretch;gap:.5rem}.attendance-dashboard__filter-toggle,.attendance-dashboard__date-range,.attendance-dashboard__header-right .attendance-export__btn{height:38px;justify-content:center;width:100%}}.attendance-dashboard__header-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;background:#fff;color:#2563eb;border:1px solid #dbeafe;border-radius:8px;font-family:var(--dashboard-font-family);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px #0f172a0f;transition:all .2s ease}.attendance-dashboard__header-actions>button:hover{background:#eff6ff;border-color:#93c5fd;box-shadow:0 3px 8px #2563eb1f}.attendance-dashboard__header-actions>button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.attendance-dashboard__header-actions>button:active{background:#dbeafe}@media (max-width: 480px){.attendance-dashboard__header-actions{width:100%}.attendance-dashboard__header-actions>button{width:100%;min-height:40px}}.attendance-dashboard__banner-image{height:100px;margin-left:1000px;margin-top:-100px}.resignation-dashboard{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;padding:4px 8px;background-color:#fff;min-height:100vh;box-sizing:border-box;overflow-x:hidden}.dashboard-section{width:100%;max-width:100%;min-width:0;margin-bottom:8px;box-sizing:border-box}.resignation-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:100%;min-width:0;margin-top:10px;margin-bottom:8px;box-sizing:border-box;overflow:hidden}.header-left{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}.page-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:700;color:#1d2939;margin:0;letter-spacing:-.02em;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-subtitle{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:400;color:#475467;margin:0;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto;min-width:0;max-width:100%}.breadcrumb{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;color:#475467;white-space:nowrap;display:flex;align-items:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}.breadcrumb-separator{margin:0 8px;color:#98a2b3;font-size:12px;flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 14px;border:none;border-radius:100px;background-color:#254348;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;white-space:nowrap;flex-shrink:0;box-sizing:border-box}.btn-primary:hover{background-color:#1a3135;box-shadow:0 4px 12px #25434826}.btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 1400px){.resignation-dashboard{padding-left:6px;padding-right:6px}.resignation-header{margin-top:8px;margin-bottom:6px}.header-left{gap:5px}.btn-primary{height:31px;padding-left:12px;padding-right:12px;font-size:12px}}@media (max-width: 1024px){.resignation-dashboard{padding:8px}.resignation-header{gap:12px}.page-title{font-size:15px}.page-subtitle{font-size:11px}.header-right{flex-shrink:0}.btn-primary{height:32px;padding:0 12px;font-size:12px}}@media (max-width: 768px){.resignation-dashboard{padding:12px}.resignation-header{flex-direction:column;align-items:stretch;gap:12px;overflow:visible}.header-left{width:100%}.header-right{width:100%;align-items:stretch}.page-title,.page-subtitle{white-space:normal;overflow:visible;text-overflow:unset}.btn-primary{width:100%}.dashboard-section{margin-bottom:8px}}@media (max-width: 480px){.resignation-dashboard{padding:8px}.resignation-header{gap:10px}.page-title{font-size:15px}.page-subtitle{font-size:11px}}.statistics-cards-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.statistics-card{position:relative;display:grid;grid-template-rows:auto 1fr 24px;width:100%;min-width:0;height:104px;box-sizing:border-box;overflow:hidden;padding:10px 12px 7px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #1018280a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.statistics-card:hover{transform:translateY(-2px);border-color:#d9dee5;box-shadow:0 5px 14px #10182812}.stat-card-header{display:flex;align-items:center;gap:10px;width:100%;min-width:0;height:30px}.stat-icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;min-height:30px;flex:0 0 30px;border-radius:10px;box-sizing:border-box}.stat-card-title{display:block;min-width:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:16px;font-weight:600;color:#344054}.stat-card-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;padding:1px 0 0}.stat-card-value{display:block;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:27px;line-height:30px;font-weight:700;letter-spacing:-.4px;color:#172b4d;white-space:nowrap}.stat-card-footer{display:block;margin:1px 0 0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;line-height:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-chart{position:relative;display:flex;align-items:flex-end;width:100%;height:24px;min-width:0;min-height:24px;overflow:hidden;box-sizing:border-box}.stat-card-sparkline{display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:visible;box-sizing:border-box}@media (max-width: 1200px){.statistics-cards-container{gap:8px}.statistics-card{height:102px;padding:9px 10px 7px}.stat-card-header{gap:8px}.stat-card-title{font-size:11px}.stat-card-value{font-size:25px;line-height:28px}}@media (max-width: 1024px){.statistics-cards-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statistics-card{height:104px}.stat-card-title{font-size:12px}.stat-card-value{font-size:27px}}@media (max-width: 600px){.statistics-cards-container{grid-template-columns:1fr;gap:10px}.statistics-card{height:104px;padding:10px 12px 7px}.stat-card-value{font-size:28px}}@media (max-width: 400px){.statistics-card{height:100px;padding:9px 10px 6px}.stat-card-header{gap:8px}.stat-icon-box{width:28px;height:28px;min-width:28px;min-height:28px;flex-basis:28px;border-radius:9px}.stat-card-title{font-size:11px}.stat-card-value{font-size:25px;line-height:27px}.stat-card-chart{height:22px;min-height:22px}}@media (prefers-reduced-motion: reduce){.statistics-card{transition:none}}.fb-container{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;gap:14px;padding:10px 14px;box-sizing:border-box;background:#f4f7fa;border:1px solid #e4e7ec;border-radius:12px;box-shadow:0 2px 8px #1018280a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden}.fb-group{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0}.fb-icon-box{width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff;border:1px solid #e4e7ec;border-radius:8px;color:#344054}.fb-icon{width:19px;height:19px;color:#475467;flex-shrink:0}.fb-input-wrapper{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto;max-width:100%}.fb-label{display:block;margin:0 0 2px;font-size:11px;line-height:15px;font-weight:600;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-input,.fb-select{width:100%;max-width:100%;min-width:0;height:30px;box-sizing:border-box;border:1px solid transparent;background:#fff;border-radius:6px;font-family:inherit;font-size:13px;line-height:18px;color:#1d2939;font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.fb-input{width:100%;max-width:205px;padding:5px 9px;border-color:#e4e7ec}.fb-input:focus{border-color:#98a2b3;box-shadow:0 0 0 2px #98a2b31f}.fb-select-container{position:relative;display:flex;align-items:center;width:100%;max-width:180px;min-width:0;flex:1 1 auto}.fb-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:5px 32px 5px 9px;border-color:#e4e7ec;cursor:pointer}.fb-select:focus{border-color:#98a2b3;box-shadow:0 0 0 2px #98a2b31f}.fb-select-chevron{position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;color:#475467;width:16px;height:16px}.fb-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;padding-left:14px;border-left:1px solid #dfe3e8;min-width:0}.fb-btn-reset{height:34px;min-width:76px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff7f2;color:#344054;border:1px solid #f2e1d7;border-radius:8px;font-family:inherit;font-size:12px;line-height:16px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease;flex-shrink:0}.fb-btn-reset:hover{background:#fff1e8;border-color:#e8d3c5}.fb-btn-reset:active{transform:translateY(1px)}.fb-btn-apply{height:34px;min-width:92px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:#243b3d;color:#fff;border:1px solid #243b3d;border-radius:8px;font-family:inherit;font-size:12px;line-height:16px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;flex-shrink:0}.fb-btn-apply:hover{background:#1d3234;border-color:#1d3234;box-shadow:0 2px 5px #243b3d26}.fb-btn-apply:active{transform:translateY(1px)}.fb-btn-reset:focus-visible,.fb-btn-apply:focus-visible,.fb-input:focus-visible,.fb-select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width: 1250px){.fb-container{gap:10px;padding:9px 12px}.fb-group{gap:8px}.fb-input{max-width:175px}.fb-select-container{max-width:155px}.fb-actions{padding-left:10px;gap:6px}.fb-btn-reset,.fb-btn-apply{padding:0 12px}}@media (max-width: 1050px){.fb-container{flex-wrap:wrap;gap:12px;overflow:visible}.fb-group{flex:1 1 calc(33.333% - 12px);min-width:200px}.fb-input,.fb-select-container{max-width:none;width:100%}.fb-actions{width:100%;margin-left:0;padding-left:0;padding-top:12px;border-left:none;border-top:1px solid #dfe3e8;justify-content:flex-end}}@media (max-width: 650px){.fb-container{flex-direction:column;align-items:stretch;gap:12px;padding:14px;overflow:visible}.fb-group{width:100%;min-width:0;flex:1 1 auto}.fb-input-wrapper{flex:1;min-width:0}.fb-input,.fb-select-container{width:100%;max-width:none}.fb-actions{width:100%;display:grid;grid-template-columns:1fr 1.3fr;gap:10px;padding-top:12px}.fb-btn-reset,.fb-btn-apply{width:100%;min-width:0}}@media (max-width: 400px){.fb-container{padding:12px}.fb-icon-box{width:34px;height:34px;min-width:34px;min-height:34px;flex-basis:34px}.fb-label{font-size:10px}.fb-input,.fb-select{font-size:12px}}.resignation-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 11px;border-radius:999px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:16px;font-weight:600;white-space:nowrap;border:1px solid transparent;box-sizing:border-box}.resignation-status-badge.size-sm{min-height:24px;padding:3px 9px;font-size:11px;line-height:14px}.resignation-status-badge.size-md{min-height:28px;padding:5px 11px;font-size:12px;line-height:16px}.resignation-status-badge.status-pending{background-color:#fff7ed;color:#c2410c;border-color:#fed7aa}.resignation-status-badge.status-pending-rm{background-color:#fff2e5;color:#d97706;border-color:#fed7aa}.resignation-status-badge.status-pending-hr{background-color:#e0f2fe;color:#0369a1;border-color:#bae6fd}.resignation-status-badge.status-approved{background-color:#dcfce7;color:#15803d;border-color:#bbf7d0}.resignation-status-badge.status-rejected{background-color:#fee2e2;color:#b91c1c;border-color:#fecaca}.resignation-status-badge.status-withdrawn{background-color:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.resignation-container{width:100%;max-width:100%;min-width:0;padding:6px 4px 10px;background-color:#fff;overflow-x:auto;overflow-y:visible;box-sizing:border-box;overscroll-behavior-x:contain}.resignation-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0 5px;table-layout:fixed;box-sizing:border-box}.resignation-table thead{position:relative;z-index:2}.resignation-table thead tr{background:#f4f7fa}.resignation-table th{height:38px;padding:0 10px;text-align:left;font-size:12px;line-height:16px;font-weight:700;color:#344054;background:#f4f7fa;border-top:1px solid #e4e7ec;border-bottom:1px solid #e4e7ec;white-space:nowrap;vertical-align:middle;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.resignation-table th:first-child{border-left:1px solid #e4e7ec;border-top-left-radius:10px;border-bottom-left-radius:10px}.resignation-table th:last-child{border-right:1px solid #e4e7ec;border-top-right-radius:10px;border-bottom-right-radius:10px}.resignation-table th:not(.th-timeline){letter-spacing:.01em}.th-timeline{width:42px;min-width:42px;padding-left:6px!important;padding-right:6px!important}.resignation-table th:nth-child(2){width:18%;min-width:170px}.resignation-table th:nth-child(3){width:28%;min-width:280px}.resignation-table th:nth-child(4){width:13%;min-width:120px}.resignation-table th:nth-child(5){width:11%;min-width:105px}.resignation-table th:nth-child(6){width:12%;min-width:115px}.th-actions{width:65px;min-width:65px;text-align:center!important}.resignation-row{background:#fff;box-shadow:0 2px 8px #1018280a;border-radius:12px;transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease}.resignation-row:hover{background:#fbfdff;box-shadow:0 4px 14px #10182812}.resignation-row td{height:52px;padding:5px 7px;background:#fff;border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;vertical-align:middle;box-sizing:border-box;overflow:hidden}.resignation-row td:first-child{border-left:1px solid #eef1f4;border-top-left-radius:12px;border-bottom-left-radius:12px}.resignation-row td:last-child{border-right:1px solid #eef1f4;border-top-right-radius:12px;border-bottom-right-radius:12px}.td-timeline{width:42px;min-width:42px;position:relative;text-align:center}.td-timeline:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%);width:2px;height:calc(100% + 6px);background-color:#e4e7ec;z-index:0}.resignation-row:last-child .td-timeline:after{display:none}.timeline-dot{width:12px;height:12px;margin:0 auto;position:relative;z-index:2;border-radius:50%;border:3px solid #ffffff;box-sizing:border-box}.timeline-dot.approved{background-color:#12b76a}.timeline-dot.pending{background-color:#f79009}.timeline-dot.rejected{background-color:#f04438}.timeline-dot.withdrawn{background-color:#98a2b3}.resignation-table tbody:before{display:none}.employee-card{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:4px 7px;background:#f8fafc;border:1px solid #edf0f3;border-radius:10px;transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}.resignation-row:hover .employee-card{background:#f4f8fc;border-color:#e2e8f0}.avatar-initials{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700;line-height:1;box-sizing:border-box}.employee-meta{min-width:0;max-width:100%}.emp-name{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;font-weight:600;color:#101828}.emp-role{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:15px;color:#667085}.td-details{min-width:0;width:100%}.details-flex{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.date-group{display:flex;align-items:center;gap:7px;min-width:0;flex:1 1 0}.calendar-icon{width:28px;height:28px;flex:0 0 28px;padding:5px;box-sizing:border-box;color:#475467;background:#f2f4f7;border-radius:6px}.date-group>div{min-width:0;overflow:hidden}.date-value{display:block;font-size:12px;line-height:17px;font-weight:600;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-label{display:block;margin-top:1px;font-size:9px;line-height:13px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vertical-divider{width:1px;height:28px;flex:0 0 1px;background-color:#eaecf0}.td-reason{min-width:0}.reason-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;color:#344054}.td-status{min-width:0;white-space:nowrap}.td-status>*{vertical-align:middle}.td-approvals{min-width:0}.approval-stack{display:flex;align-items:center;gap:6px;white-space:nowrap}.step-circle{width:28px;height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-sizing:border-box}.step-circle.approved{background-color:#ecfdf3;color:#12b76a;border:1px solid #abefc6}.step-circle.pending{background-color:#f2f4f7;color:#667085;border:1px solid #d0d5dd}.step-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.td-actions{width:65px;min-width:65px;text-align:center;white-space:nowrap}.btn-icon-only{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid transparent;border-radius:7px;color:#667085;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-icon-only:hover{background-color:#f2f4f7;border-color:#e4e7ec;color:#344054}.btn-icon-only:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.loading-placeholder{min-height:180px;display:flex;align-items:center;justify-content:center;color:#667085;font-size:13px;background:#fff;border:1px solid #eaecf0;border-radius:12px}@media (max-width: 1200px){.resignation-table{min-width:1000px}.resignation-table th:nth-child(2){min-width:165px}.resignation-table th:nth-child(3),.td-details{min-width:270px}.resignation-table th:nth-child(4){min-width:115px}.resignation-table th:nth-child(5){min-width:105px}.resignation-table th:nth-child(6){min-width:110px}.details-flex{gap:8px}.date-group{gap:6px}.date-value{font-size:11px}.date-label{font-size:9px}}@media (max-width: 768px){.resignation-container{padding:4px 0}.resignation-table{min-width:1000px}.resignation-table th{height:38px;padding:0 8px;font-size:11px}.resignation-row td{height:50px;padding:5px 6px}.employee-card{gap:7px;padding:3px 6px}.avatar-initials{width:28px;height:28px;flex-basis:28px}.emp-name,.emp-role{max-width:140px}}.resignation-approval-stepper{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;max-width:100%;min-width:0;padding:0;margin:0;gap:0;overflow:visible;box-sizing:border-box}.resignation-approval-step{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;margin:0;flex:0 0 28px;box-sizing:border-box}.resignation-approval-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;margin:0;border-radius:50%;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.resignation-approval-step--completed .resignation-approval-circle{background-color:#ecfdf3;color:#12b76a;border:1px solid #abefc6}.resignation-approval-step--current .resignation-approval-circle{background-color:#eff8ff;color:#175cd3;border:1px solid #84caff;box-shadow:0 0 0 2px #175cd314}.resignation-approval-step--pending .resignation-approval-circle{background-color:#f2f4f7;color:#667085;border:1px solid #d0d5dd}.resignation-approval-step--rejected .resignation-approval-circle{background-color:#fef3f2;color:#b42318;border:1px solid #fecdca}.resignation-approval-connector{display:block;width:8px;height:1px;min-width:8px;padding:0;margin:0 1px;background-color:#d0d5dd;box-sizing:border-box;flex:0 0 8px;transition:background-color .2s ease}.resignation-approval-connector--completed{background-color:#abefc6}.resignation-approval-circle svg{display:block;width:14px;height:14px;min-width:14px;min-height:14px;margin:0;padding:0;flex:0 0 auto;stroke:currentColor;fill:none;box-sizing:border-box}.resignation-approval-step--current .resignation-approval-circle svg{width:13px;height:13px;min-width:13px;min-height:13px}.resignation-approval-step:hover .resignation-approval-circle{transform:translateY(-1px)}.resignation-approval-step--completed:hover .resignation-approval-circle{background-color:#d1fadf}.resignation-approval-step--pending:hover .resignation-approval-circle{background-color:#eaecf0}.resignation-approval-step--rejected:hover .resignation-approval-circle{background-color:#fee4e2}.resignation-approval-step--current:hover .resignation-approval-circle{background-color:#e0f2fe}.resignation-approval-circle:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-reduced-motion: reduce){.resignation-approval-circle,.resignation-approval-connector{transition:none}}@media (max-width: 600px){.resignation-approval-step{width:26px;height:26px;min-width:26px;min-height:26px;flex:0 0 26px}.resignation-approval-circle{width:26px;height:26px;min-width:26px;min-height:26px}.resignation-approval-circle svg{width:13px;height:13px;min-width:13px;min-height:13px}.resignation-approval-connector{width:7px;min-width:7px;flex-basis:7px;margin-left:1px;margin-right:1px}}.resignation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:16px;box-sizing:border-box;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;animation:overlayIn .2s ease-out forwards}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.resignation-modal-container{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;width:min(760px,100%);max-width:760px;max-height:calc(100vh - 32px);min-height:0;min-width:0;display:flex;flex-direction:column;box-sizing:border-box;animation:modalIn .2s ease-out forwards;outline:none;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.resignation-modal-body{padding:24px 32px;min-height:0;min-width:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;overscroll-behavior:contain}.resignation-modal-body::-webkit-scrollbar{width:6px}.resignation-modal-body::-webkit-scrollbar-track{background:#f2f4f7}.resignation-modal-body::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:4px}.resignation-modal-body::-webkit-scrollbar-thumb:hover{background:#b8bec8}.resignation-modal-body{scrollbar-width:thin;scrollbar-color:#d0d5dd #f2f4f7}.resignation-modal-header,.resignation-modal-footer{display:none}@media (max-width: 768px){.resignation-modal-overlay{padding:0}.resignation-modal-container{width:100%;max-width:100%;max-height:100%;height:100%;border-radius:0}.resignation-modal-body{padding:16px 20px}.resignation-modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}@media (max-width: 480px){.resignation-modal-body{padding:14px 16px}}@media (prefers-reduced-motion: reduce){.resignation-modal-overlay,.resignation-modal-container{animation:none}}.resignation-form-container{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;padding:0;box-sizing:border-box}.resignation-form-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;min-width:0;padding-bottom:4px;border-bottom:1px solid #eaecf0;margin-bottom:6px;box-sizing:border-box}.form-header-left{display:flex;gap:8px;align-items:center;min-width:0;flex:1 1 auto}.form-header-icon-circle{width:32px;height:32px;min-width:32px;min-height:32px;flex:0 0 32px;border-radius:50%;background-color:#ecfdf5;color:#0f766e;display:flex;align-items:center;justify-content:center}.form-header-text{min-width:0;overflow:hidden}.form-header-text h2{font-family:system-ui,sans-serif;font-size:16px;font-weight:700;color:#1f2937;margin:0 0 2px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-header-text p{font-family:system-ui,sans-serif;font-size:12px;font-weight:400;color:#6b7280;margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-header-right{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:0 0 auto}.form-header-image{height:45px;width:auto;max-width:120px;object-fit:contain;flex-shrink:1}.form-header-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;flex:0 0 32px;border:none;border-radius:50%;background-color:transparent;color:#9ca3af;cursor:pointer;transition:background-color .2s ease,color .2s ease}.form-header-close:hover{background-color:#f3f4f6;color:#111827}.form-header-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.resignation-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.resignation-form-grid .full-width{grid-column:1 / -1;min-width:0}.form-group{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%}.form-label{font-family:system-ui,sans-serif;font-size:12px;font-weight:600;color:#1f2937;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.required-asterisk{color:#dc2626;margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;max-width:100%;min-width:0;height:34px;padding:0 8px;border:1px solid #e5e7eb;border-radius:8px;font-family:system-ui,sans-serif;font-size:12px;color:#111827;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-textarea{height:auto;min-height:60px;padding:8px 10px 20px;resize:vertical;line-height:1.45}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1f5c53;box-shadow:0 0 0 3px #1f5c531a}.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-input[type=date],.form-select{background-color:#f0fdf4;border-color:#1f5c53;color:#1f2937}.form-input[type=date]:focus,.form-select:focus{background-color:#fff;border-color:#1f5c53}.form-textarea-wrapper{position:relative;width:100%;min-width:0}.form-char-count{position:absolute;bottom:6px;right:14px;font-family:system-ui,sans-serif;font-size:11px;color:#9ca3af;pointer-events:none}.form-upload-box{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:8px 16px;border:1px dashed #d1d5db;border-radius:8px;background-color:#f9fafb;margin-top:4px;box-sizing:border-box}.upload-icon-wrapper{width:32px;height:32px;min-width:32px;flex:0 0 32px;border-radius:50%;background-color:#ecfdf5;color:#1f5c53;display:flex;align-items:center;justify-content:center}.upload-text{min-width:0;flex:1}.upload-text h4{font-size:13px;line-height:17px;margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-text p{font-size:11px;line-height:15px;margin:0;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-btn{height:30px;padding:0 14px;flex:0 0 auto;border:1px solid #1f5c53;border-radius:6px;background-color:transparent;color:#1f5c53;font-family:system-ui,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.upload-btn:hover{background-color:#ecfdf5}.upload-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.form-footer-alert{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 14px;margin-top:12px;width:100%;min-width:0;background-color:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;box-sizing:border-box}.alert-left{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 220px}.alert-icon-wrapper{color:#1f5c53;flex:0 0 auto}.alert-text{min-width:0}.alert-text h4{font-size:13px;line-height:17px;font-weight:600;color:#166534;margin:0 0 2px}.alert-text p{font-size:12px;line-height:16px;color:#15803d;margin:0}.alert-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.btn-modal-cancel{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.btn-modal-cancel:hover{background-color:#f3f4f6;border-color:#d1d5db}.btn-modal-cancel:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.btn-modal-submit{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 20px;border:none;border-radius:8px;background-color:#1f5c53;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-modal-submit:hover:not(:disabled){background-color:#134e4a;transform:translateY(-1px);box-shadow:0 3px 8px #1f5c5333}.btn-modal-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-modal-submit:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width: 768px){.resignation-form-grid{grid-template-columns:1fr;gap:12px}.resignation-form-header{flex-direction:column;align-items:stretch;gap:10px}.form-header-right{width:100%;justify-content:space-between;align-items:center}.form-header-image{align-self:flex-start;max-width:110px;height:40px}.form-footer-alert{align-items:stretch}.alert-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.resignation-form-header{gap:8px}.form-header-text h2{font-size:15px}.form-header-text p{font-size:11px}.form-upload-box{padding:8px 10px}.upload-btn{padding:0 10px}.form-footer-alert{padding:10px;flex-direction:column}.alert-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-modal-cancel,.btn-modal-submit{width:100%}}.application-form-page{min-height:100vh;background:linear-gradient(135deg,#f5f0eb,#ede8e0);display:flex;align-items:center;justify-content:center;padding:40px 20px}.application-form-wrapper{width:100%;max-width:880px;margin:0 auto}.application-form-container{position:relative;border-radius:16px;box-shadow:0 4px 24px #0000000f;overflow:hidden;min-height:600px}.form-container-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe0;z-index:0;border-radius:16px}.form-content{position:relative;z-index:1}.form-header{padding:32px 40px 20px;border-bottom:1px solid rgba(231,226,217,.5)}.header-top{margin-bottom:16px}.logo-section{display:flex;align-items:center;gap:16px}.company-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.logo-fallback{font-size:24px;font-weight:700;color:#6d8f8d;letter-spacing:1.5px}.logo-text{display:flex;flex-direction:column;align-items:flex-start}.company-name{font-size:20px;font-weight:700;color:#2c3e50;margin:0;line-height:1.2;letter-spacing:.5px}.company-tagline{font-size:13px;color:#6d8f8d;margin:0;font-weight:400;letter-spacing:.3px}.header-bottom{padding-top:4px}.form-title{font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 4px;letter-spacing:-.3px}.form-subtitle{font-size:15px;color:#666;margin:0;font-weight:400}.stepper-container{padding:24px 40px 20px;overflow-x:auto;border-bottom:1px solid rgba(240,236,230,.5)}.stepper-track{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0;margin:0;min-width:580px}.step-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 1 auto;position:relative}.step-circle{width:36px;height:36px;border-radius:50%;background:#e7e2d9;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .25s ease;border:2px solid transparent}.step-circle.step-active{background:#6d8f8d;color:#fff;border-color:#6d8f8d;box-shadow:0 0 0 4px #6d8f8d26}.step-connector{flex:1;height:2px;background:#e7e2d9;margin:0 4px;position:relative;top:20px;min-width:20px}.step-label{font-size:11px;color:#999;font-weight:500;text-align:center;white-space:nowrap;transition:color .2s ease}.step-label.step-label-active{color:#6d8f8d;font-weight:600}.form-card{background:#f8f6f2d9;padding:32px 40px;margin:0 40px 20px;border-radius:12px;min-height:400px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.form-card-content{display:flex;flex-direction:column}.error-message{color:#d32f2f;padding:10px 16px;background:#ffebee;border-radius:8px;margin-top:16px;border-left:4px solid #D32F2F}.form-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(231,226,217,.5)}.form-navigation-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.form-navigation .btn-secondary{background:transparent;color:#666;border:1px solid #E7E2D9;padding:10px 32px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;min-width:100px}.form-navigation .btn-secondary:hover{background:#f5f0eb;border-color:#6d8f8d;color:#6d8f8d}.form-navigation .btn-primary{background:#6d8f8d;color:#fff;border:none;padding:10px 32px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;min-width:140px}.form-navigation .btn-primary:hover{background:#4e6868;transform:translateY(-1px);box-shadow:0 4px 16px #6d8f8d40}.form-navigation .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.application-form-footer{padding:20px 40px 28px;border-top:1px solid rgba(231,226,217,.5)}.footer-security{font-size:13px;color:#888;text-align:center;margin:0 0 16px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-copyright{font-size:13px;color:#888;margin:0}.footer-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-link{font-size:13px;color:#6d8f8d;text-decoration:none;font-weight:500;transition:color .2s ease}.footer-link:hover{color:#4e6868;text-decoration:underline}.footer-divider{color:#e7e2d9;-webkit-user-select:none;user-select:none}@media (max-width: 1024px){.form-header{padding:28px 32px 16px}.stepper-container{padding:20px 32px 16px}.form-card{padding:28px 32px;margin:0 32px 16px}.application-form-footer{padding:16px 32px 24px}}@media (max-width: 768px){.application-form-page{padding:16px}.form-header{padding:24px 24px 16px}.header-top{justify-content:center}.logo-section{justify-content:center;gap:12px}.company-logo{width:40px;height:40px}.company-name{font-size:18px}.company-tagline{font-size:12px}.form-title{font-size:22px}.form-subtitle{font-size:14px}.stepper-container{padding:16px 24px}.stepper-track{min-width:460px}.step-circle{width:32px;height:32px;font-size:13px}.step-connector{top:-10px}.step-label{font-size:10px}.form-card{padding:24px;margin:0 24px 16px;min-height:320px}.form-navigation{flex-direction:column;align-items:stretch;gap:12px}.form-navigation-left{width:100%;display:flex;flex-direction:row;gap:12px}.form-navigation-left .btn-secondary{flex:1}.form-navigation>.btn-primary{width:100%}.form-navigation .btn-secondary,.form-navigation .btn-primary{justify-content:center}.application-form-footer{padding:16px 24px 20px}.footer-bottom{flex-direction:column;text-align:center;gap:8px}.footer-links{justify-content:center}}@media (max-width: 480px){.application-form-page{padding:8px}.form-header{padding:20px 16px 12px}.header-top{justify-content:center}.logo-section{flex-direction:column;justify-content:center;text-align:center;gap:8px}.logo-text{align-items:center}.company-logo{width:48px;height:48px}.company-name{font-size:16px}.company-tagline{font-size:11px}.form-title{font-size:20px;text-align:center}.form-subtitle{font-size:13px;text-align:center}.stepper-container{padding:12px 16px}.stepper-track{min-width:320px}.step-circle{width:28px;height:28px;font-size:11px}.step-connector{top:-8px;margin:0 2px}.step-label{font-size:8px}.form-card{padding:16px;margin:0 16px 12px;min-height:260px;border-radius:8px}.form-navigation{flex-direction:column;align-items:stretch;gap:12px}.form-navigation-left{width:100%;display:flex;flex-direction:row;gap:8px}.form-navigation-left .btn-secondary{flex:1;min-width:0;padding:10px 16px}.form-navigation>.btn-primary{width:100%;min-width:0}.application-form-footer{padding:12px 16px 16px}.footer-security,.footer-copyright,.footer-link{font-size:12px}}.it-basic-info-section{width:100%}.it-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.it-section-icon{background-color:#e0e7e6;color:#4e6868;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.it-section-title{font-size:1.25rem;font-weight:600;color:#333;margin:0}.it-section-subtitle{font-size:.875rem;color:#666;margin:4px 0 0}.it-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.it-col-full{grid-column:1 / -1}.it-field-group{display:flex;flex-direction:column;gap:8px}.it-label{font-size:.9rem;font-weight:600;color:#333}.it-required{color:red}.it-country-select{border:none;background:transparent;font-size:15px;font-weight:500;color:#333;padding:0 4px 0 0;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:70px}.it-phone-prefix{display:flex;align-items:center;gap:4px;padding:0 12px 0 10px;cursor:pointer;position:relative;flex-shrink:0}.it-phone-prefix .it-chevron{font-size:10px;color:#888;margin-left:4px;padding-right:0}.it-select-wrapper{display:flex;align-items:center;height:48px;border:1px solid var(--it-border-color);border-radius:var(--it-radius-md);background:#fff;padding-right:12px}.it-select-wrapper .it-select{flex:1;border:none;height:100%;padding:0 20px;background:transparent;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:.95rem;color:#333}.it-select-wrapper .it-select:focus{box-shadow:none}.it-select-wrapper:after{content:"▼";font-size:10px;color:#888;pointer-events:none;margin-right:4px}.it-country-select option{padding:8px;font-weight:400}.it-input,.it-select{height:48px;padding:0 16px;border:1px solid var(--it-border-color);border-radius:var(--it-radius-md);font-size:.95rem;background-color:#fff;transition:all .2s ease}.it-input:focus,.it-select:focus{outline:none;border-color:var(--it-primary);box-shadow:0 0 0 3px #6d8f8d1a}.it-input.error{border-color:var(--it-error)}.it-phone-container{display:flex;align-items:center;height:48px;border:1px solid var(--it-border-color);border-radius:var(--it-radius-md);background:#fff}.it-phone-prefix{display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer}.it-flag{width:22px;height:auto;border-radius:2px}.it-chevron{font-size:8px;color:#888}.it-prefix-text{font-weight:600;font-size:.9rem;color:#333}.it-phone-divider{width:1px;height:24px;background-color:var(--it-border-color)}.it-phone-input{flex:1;border:none;padding:0 12px;height:100%;font-size:.95rem}.it-phone-input:focus{outline:none}.it-input-with-icon{position:relative;display:flex;align-items:center}.it-input-with-icon .it-input{flex:1;padding-right:44px;height:48px;padding-left:16px}.it-input-adornment{position:static;margin-left:-36px;padding:0 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;height:100%;z-index:2;background:transparent}.it-file-upload-wrapper{border:1px solid var(--it-border-color);border-radius:var(--it-radius-md);height:48px;overflow:hidden}.it-file-label{display:flex;align-items:center;width:100%;height:100%;cursor:pointer}.it-file-hidden{display:none}.it-file-button{background-color:#f1ece5;height:100%;padding:0 20px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:#333;border-right:1px solid var(--it-border-color)}.it-file-name{padding:0 16px;color:#777;font-size:.9rem}.it-file-hint{font-size:.75rem;color:#888;margin-top:4px}.it-error-msg{color:var(--it-error);font-size:.75rem;margin-top:2px}@media (max-width: 768px){.it-form-grid{grid-template-columns:1fr}}.input-wrapper{display:flex;flex-direction:column;gap:4px;width:100%}.input-label{font-size:14px;font-weight:500;color:#333}.input-required{color:#d32f2f;margin-left:2px}.input-field{width:100%;padding:10px 14px;border:1px solid #E7E2D9;border-radius:8px;font-family:inherit;font-size:15px;background:#fff;color:#333;min-height:44px;transition:border-color .2s ease}.input-field:focus{border-color:#6d8f8d;box-shadow:0 0 0 3px #6d8f8d1a;outline:none}.input-field::placeholder{color:#999}.input-field.input-error{border-color:#d32f2f}.input-field.input-error:focus{box-shadow:0 0 0 3px #d32f2f1a}.input-error-text{font-size:12px;color:#d32f2f;margin-top:2px}.input-helper-text{font-size:12px;color:#999;margin-top:2px}.emergency-contacts{width:100%}.contact-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.contact-card.optional{border-style:dashed}.contact-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.optional-title-wrapper{display:flex;flex-direction:column;gap:3px}.optional-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.optional-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.toggle-contact-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 18px;border-radius:8px;font-family:var(--font-family);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.add-contact-btn{min-width:210px;background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.add-contact-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 4px 12px #6d8f8d38;transform:translateY(-1px)}.add-contact-btn:active{transform:translateY(0);box-shadow:none}.remove-contact-btn{min-width:150px;background:#f7eeee;color:#b54747;border:1px solid #e3caca}.remove-contact-btn:hover{background:#f2e2e2;color:#9f3838;border-color:#d5b5b5;box-shadow:0 3px 10px #b547471f;transform:translateY(-1px)}.remove-contact-btn:active{transform:translateY(0);box-shadow:none}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.optional-header{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.toggle-contact-btn{width:100%;min-width:0}.add-contact-btn,.remove-contact-btn{width:100%}}@media (max-width: 480px){.contact-card{padding:14px}.toggle-contact-btn{min-height:38px;padding:8px 14px;font-size:13px}}.work-experience{width:100%}.fresher-checkbox{margin-bottom:var(--spacing-4);padding:var(--spacing-3);background:var(--color-background);border:1px solid transparent;border-radius:var(--radius-small);transition:background-color .2s ease,border-color .2s ease}.fresher-checkbox.has-error{background:#fff8f8;border-color:var(--color-error)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-base);color:#748493;font-weight:500;line-height:1.4}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;flex:0 0 auto;cursor:pointer;accent-color:var(--color-primary)}.fresher-error{margin-top:8px;margin-bottom:0;margin-left:26px}.experience-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.experience-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.remove-experience-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 14px;border:1px solid #e3caca;border-radius:7px;background:#f7eeee;color:#b54747;font-family:var(--font-family);font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.remove-experience-btn:hover{background:#f2e2e2;border-color:#d5b5b5;color:#9f3838;transform:translateY(-1px)}.remove-experience-btn:active{transform:translateY(0)}.date-input-icon{position:absolute;top:50%;right:14px;width:20px;height:20px;transform:translateY(-50%);color:#666;pointer-events:none}.date-input:disabled{background:#f4f4f4;color:#999;cursor:not-allowed;opacity:.75}.date-input:disabled+.date-input-icon{color:#999}.currently-working-group{display:flex;align-items:center;justify-content:flex-start;min-height:40px}.form-textarea{width:100%;min-height:80px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--color-white);color:var(--color-text-primary);resize:vertical;box-sizing:border-box;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6d8f8d1a;outline:none}.form-textarea::placeholder{color:#8a8a8a}.add-experience-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;margin-top:2px;border:1px solid #e2dfd8;border-radius:9px;background:#e9e6df;color:#244244;font-family:var(--font-family);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.add-experience-btn:hover{background:#dfdcd4;border-color:#d5d0c7;box-shadow:0 3px 10px #0000000f;transform:translateY(-1px)}.add-experience-btn:active{transform:translateY(0);box-shadow:none}.add-experience-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.experience-header{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.remove-experience-btn,.add-experience-btn{width:100%}.currently-working-group{min-height:auto;justify-content:flex-start}}@media (max-width: 480px){.fresher-checkbox{padding:12px}.checkbox-label{font-size:14px;align-items:flex-start}.checkbox-label input[type=checkbox]{margin-top:2px}.experience-card{padding:14px}.add-experience-btn{width:100%;min-height:40px;padding:9px 16px;font-size:13px}.remove-experience-btn{min-height:36px;padding:8px 14px;font-size:13px}}.education{width:100%}.education-card{width:100%;box-sizing:border-box;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.education-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.education-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-4)}.form-group{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.form-select{width:100%;min-height:40px;box-sizing:border-box;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--color-white);color:var(--color-text-primary);outline:none}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-base);padding-top:8px}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;flex-shrink:0}.input-error-text{font-size:var(--font-size-xs);color:var(--color-error);margin-top:2px;line-height:1.4}.education-limit-text{margin-top:var(--spacing-3);margin-bottom:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.education-header{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.education-header button{width:fit-content}.education-limit-text{line-height:1.5}}@media (max-width: 480px){.education-card{padding:var(--spacing-3)}.education-header h3{font-size:var(--font-size-base)}}.personal-details{width:100%}.step-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.step-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-group.full-width{grid-column:1 / -1}.input-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:4px}.input-required{color:var(--color-error)}.date-input-wrapper{position:relative;width:100%}.date-input{width:100%;min-height:40px;padding:10px 44px 10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--color-white);color:var(--color-text-primary);box-sizing:border-box;outline:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6d8f8d1a;outline:none}.date-input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:42px;height:100%;cursor:pointer}.date-input::-moz-calendar-picker-indicator{opacity:0}.date-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.form-select{width:100%;min-height:40px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--color-white);color:var(--color-text-primary);box-sizing:border-box;outline:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6d8f8d1a;outline:none}.form-text-input{width:100%;min-height:40px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--color-white);color:var(--color-text-primary);box-sizing:border-box;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-text-input::placeholder{color:#8a8a8a}.form-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6d8f8d1a;outline:none}.input-error-text{font-size:var(--font-size-xs);color:var(--color-error);margin-top:2px;margin-bottom:0}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:var(--spacing-3)}}.thank-you-page{min-height:100vh;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:linear-gradient(135deg,#f5f0eb,#ede8e0)}.thank-you-container{width:100%;max-width:880px;background:#fff;border:1px solid #e7e2d9;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.thank-you-header{padding:28px 40px 22px;border-bottom:1px solid rgba(231,226,217,.7)}.thank-you-brand{display:flex;align-items:center;gap:14px}.thank-you-logo{width:46px;height:46px;object-fit:contain;flex-shrink:0}.thank-you-brand-text{display:flex;flex-direction:column;align-items:flex-start}.thank-you-brand-text h1{margin:0;color:#2c3e50;font-size:19px;line-height:1.2;font-weight:700;letter-spacing:.5px}.thank-you-brand-text p{margin:3px 0 0;color:#6d8f8d;font-size:11px;line-height:1.3}.thank-you-content{padding:68px 40px 64px;text-align:center}.thank-you-icon{width:84px;height:84px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border:1px solid #b9e5c8;border-radius:50%;background:#eefaf2}.thank-you-icon span{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#20a464;color:#fff;font-size:30px;font-weight:700;line-height:1}.thank-you-content h2{margin:0 0 12px;color:#2c3e50;font-size:38px;line-height:1.2;font-weight:700}.thank-you-primary-message{max-width:650px;margin:0 auto 12px;color:#34495e;font-size:20px;line-height:1.5;font-weight:600}.thank-you-secondary-message{max-width:650px;margin:0 auto;color:#6b7280;font-size:15px;line-height:1.7}.thank-you-status-card{width:100%;max-width:620px;margin:32px auto 0;padding:22px 24px;box-sizing:border-box;text-align:left;background:#f8faf9;border:1px solid #dfe9e3;border-radius:10px}.thank-you-status-item{display:flex;align-items:flex-start;gap:12px;color:#52616b;font-size:14px;line-height:1.5}.thank-you-status-item+.thank-you-status-item{margin-top:14px}.thank-you-status-check{width:21px;height:21px;flex:0 0 21px;display:flex;align-items:center;justify-content:center;margin-top:1px;border-radius:50%;background:#20a464;color:#fff;font-size:12px;font-weight:700}.thank-you-home-button{margin-top:32px;min-width:150px;padding:11px 24px;border:none;border-radius:8px;background:#6d8f8d;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.thank-you-home-button:hover{background:#4e6868;transform:translateY(-1px);box-shadow:0 4px 14px #6d8f8d38}.thank-you-home-button:focus-visible{outline:3px solid rgba(109,143,141,.25);outline-offset:2px}.thank-you-footer{padding:20px 40px 26px;border-top:1px solid rgba(231,226,217,.7)}.thank-you-security{margin:0 0 16px;color:#888;text-align:center;font-size:12px;line-height:1.5}.thank-you-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#888;font-size:12px}.thank-you-footer-bottom p{margin:0}.thank-you-links{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.thank-you-links a{color:#6d8f8d;text-decoration:none;transition:color .2s ease}.thank-you-links a:hover{color:#4e6868;text-decoration:underline}@media (max-width: 768px){.thank-you-page{padding:20px 16px}.thank-you-header{padding:24px}.thank-you-content{padding:52px 24px 48px}.thank-you-content h2{font-size:32px}.thank-you-primary-message{font-size:18px}.thank-you-footer{padding:18px 24px 22px}.thank-you-footer-bottom{justify-content:center;text-align:center}.thank-you-links{justify-content:center}}@media (max-width: 480px){.thank-you-page{padding:10px}.thank-you-container{border-radius:10px}.thank-you-header{padding:18px}.thank-you-logo{width:40px;height:40px}.thank-you-brand-text h1{font-size:16px}.thank-you-brand-text p{font-size:9px}.thank-you-content{padding:44px 18px}.thank-you-icon{width:70px;height:70px}.thank-you-icon span{width:46px;height:46px;font-size:25px}.thank-you-content h2{font-size:28px}.thank-you-primary-message{font-size:16px}.thank-you-secondary-message{font-size:14px}.thank-you-status-card{padding:18px}.thank-you-status-item{font-size:13px}.thank-you-footer{padding:16px 18px 20px}.thank-you-footer-bottom{flex-direction:column}.thank-you-links{justify-content:center}}.roster-header{width:100%;box-sizing:border-box;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.roster-header__inner{position:relative;width:100%;min-height:108px;display:grid;grid-template-columns:minmax(260px,1fr) 220px minmax(400px,1.25fr);align-items:center;column-gap:20px;padding:13px 20px 10px;box-sizing:border-box;overflow:hidden}.roster-header__left{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.roster-header__title{margin:0;color:#183b4a;font-size:20px;font-weight:650;line-height:1.2;letter-spacing:-.35px;white-space:nowrap}.roster-header__week-selector{position:relative;width:fit-content;max-width:100%;min-height:35px;margin-top:12px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px;color:#455c66;background:#fff;border:1px solid #e1e6e8;border-radius:7px;box-shadow:0 1px 3px #0f172a09;font-family:inherit;font-size:9.5px;font-weight:500;line-height:1;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.roster-header__week-selector:hover:not(:disabled){background:#fbfcfc;border-color:#d4dde0;box-shadow:0 2px 6px #0f172a0d}.roster-header__week-selector:active:not(:disabled){transform:translateY(1px)}.roster-header__week-selector:focus-visible{outline:2px solid rgba(77,129,117,.22);outline-offset:2px}.roster-header__week-selector:disabled{opacity:.55;cursor:not-allowed}.roster-header__week-icon{flex:0 0 auto;color:#52727d}.roster-header__week-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roster-header__week-chevron{flex:0 0 auto;color:#6f7f85}.roster-header__date-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}.roster-header__visual{position:relative;width:100%;height:96px;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.roster-header__illustration{display:block;width:300px;height:150px;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.roster-header__actions{position:relative;z-index:3;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.roster-header__button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border-radius:6px;font-family:inherit;font-size:9px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.roster-header__button:active:not(:disabled){transform:translateY(1px)}.roster-header__button:focus-visible{outline:2px solid rgba(77,129,117,.22);outline-offset:2px}.roster-header__button:disabled{opacity:.55;cursor:not-allowed}.roster-header__button-icon{flex:0 0 auto}.roster-header__button--export{min-width:113px;color:#fff;background:#184c52;border:1px solid #184c52;box-shadow:0 2px 5px #184c521f}.roster-header__button--export:hover:not(:disabled){background:#123f44;border-color:#123f44;box-shadow:0 3px 8px #184c5229}.roster-header__button--navigation{min-width:126px;color:#53636a;background:#fff;border:1px solid #e3e8ea;box-shadow:0 1px 3px #0f172a06}.roster-header__button--navigation:hover:not(:disabled){color:#254b55;background:#fbfcfc;border-color:#d3dcdf}@media (max-width: 1150px){.roster-header__inner{grid-template-columns:minmax(230px,1fr) 180px minmax(360px,1.2fr);column-gap:14px;padding-left:16px;padding-right:16px}.roster-header__illustration{width:135px;height:80px}.roster-header__actions{gap:6px}.roster-header__button{padding-left:9px;padding-right:9px}.roster-header__button--export{min-width:105px}.roster-header__button--navigation{min-width:112px}}@media (max-width: 960px){.roster-header__inner{grid-template-columns:minmax(210px,1fr) 140px minmax(300px,1.1fr)}.roster-header__title{font-size:19px}.roster-header__illustration{width:120px;height:74px}.roster-header__button{font-size:8.5px}.roster-header__button--navigation{min-width:102px}}@media (max-width: 767px){.roster-header__inner{min-height:auto;display:flex;flex-direction:column;align-items:stretch;gap:11px;padding:15px 14px 14px}.roster-header__left{width:100%}.roster-header__title{font-size:18px;white-space:normal}.roster-header__week-selector{width:100%;min-height:36px;margin-top:9px;padding-left:11px;padding-right:11px;font-size:9.5px}.roster-header__visual{height:75px;order:2}.roster-header__illustration{width:135px;height:76px}.roster-header__actions{width:100%;order:3;display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:7px}.roster-header__button{width:100%;min-width:0;min-height:36px;padding-left:7px;padding-right:7px;font-size:8.5px}.roster-header__button--export,.roster-header__button--navigation{min-width:0}}@media (max-width: 480px){.roster-header__inner{gap:10px;padding:13px 12px 12px}.roster-header__title{font-size:17px}.roster-header__week-selector{font-size:9px}.roster-header__visual{height:68px}.roster-header__illustration{width:125px;height:68px}.roster-header__actions{grid-template-columns:1fr 1fr 1fr;gap:6px}.roster-header__button{min-height:35px;font-size:8px}}@media (max-width: 375px){.roster-header__inner{padding:12px 10px}.roster-header__title{font-size:16px}.roster-header__week-selector{min-height:34px;gap:6px;font-size:8.5px}.roster-header__visual{height:62px}.roster-header__illustration{width:115px;height:62px}.roster-header__actions{gap:5px}.roster-header__button{min-height:34px;font-size:7.5px;gap:4px}}@media (max-width: 320px){.roster-header__actions{grid-template-columns:1fr}.roster-header__illustration{width:108px;height:58px}.roster-header__button{min-height:35px;font-size:8.5px}}@media (prefers-reduced-motion: reduce){.roster-header__button,.roster-header__week-selector{transition:none}}.roster-summary{width:100%;box-sizing:border-box}.roster-summary__grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;box-sizing:border-box}.roster-summary__card{position:relative;min-width:0;min-height:88px;display:flex;align-items:center;gap:14px;padding:12px 15px;box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid #e8edeb;border-radius:10px;box-shadow:0 2px 8px #0f172a0b;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.roster-summary__card:hover{border-color:#dce6e3;box-shadow:0 4px 12px #0f172a0f;transform:translateY(-1px)}.roster-summary__icon-wrapper{width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;border-radius:13px;box-sizing:border-box}.roster-summary__icon-wrapper svg{width:23px;height:23px}.roster-summary__card--employees .roster-summary__icon-wrapper{color:#477fc9;background:#edf4ff}.roster-summary__card--shifts .roster-summary__icon-wrapper{color:#439c82;background:#ebf8f2}.roster-summary__card--coverage .roster-summary__icon-wrapper{color:#e89a35;background:#fff3e4}.roster-summary__card--hours .roster-summary__icon-wrapper{color:#8b79d6;background:#f2efff}.roster-summary__content{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.roster-summary__title{margin:0;color:#59666a;font-size:9px;line-height:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-summary__value{margin:1px 0 0;color:#1e3b4b;font-size:19px;line-height:23px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-summary__description{margin:1px 0 0;color:#728083;font-size:8.5px;line-height:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-summary__progress{width:100%;height:3px;margin-top:6px;overflow:hidden;background:#e7eeeb;border-radius:999px}.roster-summary__progress-fill{display:block;height:100%;background:#398a78;border-radius:inherit;transition:width .3s ease}.roster-summary__card--coverage .roster-summary__value{font-size:18px}.roster-summary__card--hours .roster-summary__value{font-size:17px;letter-spacing:-.25px}@media (max-width: 1024px){.roster-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roster-summary__card{min-height:88px}}@media (max-width: 768px){.roster-summary__grid{gap:10px}.roster-summary__card{gap:12px;padding:11px 13px}.roster-summary__icon-wrapper{width:44px;height:44px;flex-basis:44px;border-radius:12px}.roster-summary__icon-wrapper svg{width:21px;height:21px}.roster-summary__title{font-size:8.5px}.roster-summary__value{font-size:18px}.roster-summary__description{font-size:8px}}@media (max-width: 640px){.roster-summary__grid{grid-template-columns:1fr;gap:9px}.roster-summary__card{width:100%;min-height:82px;padding:11px 14px}.roster-summary__icon-wrapper{width:45px;height:45px;flex-basis:45px}.roster-summary__title{font-size:9px}.roster-summary__value{font-size:18px;line-height:22px}.roster-summary__description{font-size:8.5px}}@media (max-width: 480px){.roster-summary__card{min-height:78px;gap:11px;padding:10px 12px}.roster-summary__icon-wrapper{width:42px;height:42px;flex-basis:42px;border-radius:11px}.roster-summary__icon-wrapper svg{width:20px;height:20px}.roster-summary__title{font-size:8.5px;line-height:12px}.roster-summary__value{font-size:17px;line-height:21px}.roster-summary__description{font-size:8px;line-height:11px}.roster-summary__progress{height:3px;margin-top:5px}}@media (max-width: 375px){.roster-summary__grid{gap:8px}.roster-summary__card{min-height:74px;padding:9px 11px;gap:10px}.roster-summary__icon-wrapper{width:40px;height:40px;flex-basis:40px}.roster-summary__icon-wrapper svg{width:18px;height:18px}.roster-summary__title{font-size:8px}.roster-summary__value{font-size:16px;line-height:20px}.roster-summary__description{font-size:7.5px}}@media (prefers-reduced-motion: reduce){.roster-summary__card,.roster-summary__progress-fill{transition:none}}.roster-table{width:100%;background:#fff;border:1px solid #e8edeb;border-radius:11px;overflow:hidden;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 1px 2px #0f172a04,0 4px 14px #0f172a06}.roster-table__scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd8d5 transparent}.roster-table__scroll::-webkit-scrollbar{height:6px}.roster-table__scroll::-webkit-scrollbar-track{background:transparent}.roster-table__scroll::-webkit-scrollbar-thumb{background:#cbd8d5;border-radius:10px}.roster-table__scroll::-webkit-scrollbar-thumb:hover{background:#aebfba}.roster-table__table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#3b474c}.roster-table__table th:first-child,.roster-table__table td:first-child{width:125px}.roster-table__table thead th{height:48px;padding:7px 8px;background:#f8fbfa;border-bottom:1px solid #e7edeb;box-sizing:border-box;vertical-align:middle}.roster-table__employee-header{padding-left:17px!important;color:#405158;font-size:9.5px;font-weight:600;line-height:1.2;text-align:left;text-transform:none}.roster-table__day-header{color:#425158;text-align:center;font-weight:600}.roster-table__day-name{display:block;color:#354b54;font-size:9px;font-weight:600;line-height:1.25}.roster-table__day-date{display:block;margin-top:3px;color:#7a898e;font-size:8px;font-weight:500;line-height:1.2}.roster-table__table tbody tr{height:43px;transition:background-color .12s ease}.roster-table__table tbody tr:hover{background:#fcfdfd}.roster-table__table tbody td{padding:5px 6px;border-bottom:1px solid #edf1f0;box-sizing:border-box;vertical-align:middle}.roster-table__table tbody tr:last-child td{border-bottom:none}.roster-table__employee-cell{padding-left:10px!important}.roster-table__employee{min-width:0;display:flex;align-items:center;gap:8px}.roster-table__avatar{width:25px;height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:8px;font-weight:700;line-height:1;letter-spacing:-.1px}.roster-table__table tbody tr:nth-child(4n+1) .roster-table__avatar{color:#3e9b88;background:#e3f4ee}.roster-table__table tbody tr:nth-child(4n+2) .roster-table__avatar{color:#9d7b35;background:#faf0d9}.roster-table__table tbody tr:nth-child(4n+3) .roster-table__avatar{color:#3977a5;background:#e5f0f8}.roster-table__table tbody tr:nth-child(4n+4) .roster-table__avatar{color:#5d5ca5;background:#ecebfa}.roster-table__employee-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#25383f;font-size:8.5px;font-weight:600;line-height:1.2}.roster-table__shift-cell{text-align:center}.roster-table__shift{width:65%;min-height:27px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 5px;box-sizing:border-box;border:1px solid transparent;border-radius:6px;font-family:inherit;font-size:8px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.roster-table__shift:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0f172a0b}.roster-table__shift:active{transform:translateY(0)}.roster-table__shift:focus-visible{outline:2px solid rgba(77,129,117,.3);outline-offset:1px}.roster-table__shift--day{color:#4d8175;background:#edf8f4;border-color:#e1f0eb}.roster-table__shift--night{color:#244f82;background:#edf3fc;border-color:#dce6f4}.roster-table__shift--night .roster-table__shift-icon{color:#1f4a7a;stroke-width:2.4}.roster-table__shift--off{color:#7a6845;background:#f8f3e6;border-color:#eadfbe;cursor:pointer;font-weight:600}.roster-table__shift--off:hover{color:#66552f;background:#f3ead5;border-color:#dfd0a8;box-shadow:0 2px 6px #7a684514}.roster-table__shift-icon{width:10px;height:10px;flex:0 0 auto;stroke-width:2.2;display:none}.roster-table__shift--night .roster-table__shift-icon{color:#1f4a7a;stroke-width:2.5}.roster-table__empty{height:180px;color:#7d898e;font-size:10px;font-weight:500;text-align:center;vertical-align:middle}.roster-table__footer{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 14px;background:#fbfcfc;border-top:1px solid #edf1f0;box-sizing:border-box}.roster-table__legend{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.roster-table__legend-item{display:inline-flex;align-items:center;gap:6px;color:#7a878b;font-size:7.8px;font-weight:500;line-height:1.2;white-space:nowrap}.roster-table__legend-box{width:14px;height:14px;flex:0 0 14px;display:inline-block;border-radius:3px}.roster-table__legend-box--day{background:#dcefe9}.roster-table__legend-box--night{background:#dce6f7}.roster-table__legend-box--off{background:#e8ebec}.roster-table__hint{display:inline-flex;align-items:center;gap:6px;color:#7c898e;font-size:7.8px;font-weight:500;line-height:1.2;white-space:nowrap}.roster-table__hint-icon{width:13px;height:13px;flex:0 0 auto;color:#7c8d93;stroke-width:1.8}.roster-table__loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#718085;font-size:10px;font-weight:500}.roster-table__loading-spinner{width:22px;height:22px;border:2px solid #e3ebe8;border-top-color:#4d8175;border-radius:50%;animation:roster-table-spin .7s linear infinite}@keyframes roster-table-spin{to{transform:rotate(360deg)}}@media (min-width: 1440px){.roster-table__table{min-width:980px}.roster-table__table th:first-child,.roster-table__table td:first-child{width:145px}.roster-table__employee-header{padding-left:18px!important;font-size:10px}.roster-table__day-name{font-size:9.5px}.roster-table__day-date{font-size:8.5px}.roster-table__employee-name{font-size:9px}.roster-table__shift{min-height:28px;font-size:8.3px}}@media (max-width: 1024px){.roster-table__table{min-width:900px}.roster-table__footer{gap:12px;padding-left:11px;padding-right:11px}.roster-table__legend{gap:10px}}@media (max-width: 768px){.roster-table{border-radius:9px}.roster-table__table{min-width:880px}.roster-table__footer{align-items:flex-start;flex-direction:column;gap:9px;padding:10px 11px}.roster-table__legend{width:100%;gap:10px 14px}.roster-table__hint{width:100%;justify-content:flex-start}}@media (max-width: 640px){.roster-table__table{min-width:850px}.roster-table__table thead th{height:46px}.roster-table__table tbody tr{height:42px}.roster-table__employee-header{padding-left:12px!important}.roster-table__employee-cell{padding-left:8px!important}.roster-table__avatar{width:24px;height:24px;flex-basis:24px;border-radius:6px;font-size:7.5px}.roster-table__employee{gap:7px}.roster-table__employee-name{font-size:8px}.roster-table__shift{min-height:26px;font-size:7.7px;gap:3px}.roster-table__shift-icon{width:9px;height:9px}.roster-table__footer{padding:9px 10px}.roster-table__legend-item,.roster-table__hint{font-size:7.5px}}@media (max-width: 480px){.roster-table__table{min-width:820px}.roster-table__day-name{font-size:8.5px}.roster-table__day-date{font-size:7.5px}.roster-table__employee-name{font-size:7.8px}.roster-table__shift{min-height:25px;padding-left:4px;padding-right:4px;font-size:7.3px}.roster-table__legend{gap:8px 11px}.roster-table__legend-item,.roster-table__hint{font-size:7.2px}.roster-table__legend-box{width:12px;height:12px;flex-basis:12px}}@media (max-width: 375px){.roster-table__table{min-width:790px}.roster-table__table thead th{height:44px}.roster-table__table tbody tr{height:40px}.roster-table__employee-name{font-size:7.5px}.roster-table__shift{min-height:24px;font-size:7px}.roster-table__footer{padding:8px 9px}}@media (prefers-reduced-motion: reduce){.roster-table__shift{transition:none}.roster-table__shift:hover{transform:none}.roster-table__loading-spinner{animation:none}.roster-table__table tbody tr{transition:none}}.roster-dashboard{width:100%;min-height:100%;box-sizing:border-box;background:#f8faf9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.roster-dashboard__container{width:100%;max-width:1440px;margin:0 auto;padding:16px 20px 24px;box-sizing:border-box}.roster-dashboard__header{width:100%;margin-bottom:12px;background:#fff;border:1px solid #e8edeb;border-radius:11px;box-sizing:border-box;overflow:hidden;box-shadow:0 1px 2px #0f172a04,0 3px 12px #0f172a05}.roster-dashboard__table-section{width:100%;min-width:0}@media (min-width: 1440px){.roster-dashboard__container{padding-left:24px;padding-right:24px;padding-top:18px}.roster-dashboard__header{margin-bottom:14px}}@media (max-width: 1024px){.roster-dashboard__container{padding:16px 18px 22px}.roster-dashboard__header{margin-bottom:11px;border-radius:10px}}@media (max-width: 768px){.roster-dashboard__container{padding:14px 14px 20px}.roster-dashboard__header{margin-bottom:10px;border-radius:9px}}@media (max-width: 640px){.roster-dashboard__container{padding:12px 11px 18px}.roster-dashboard__header{margin-bottom:9px;border-radius:8px}}@media (max-width: 480px){.roster-dashboard__container{padding:10px 9px 16px}.roster-dashboard__header{margin-bottom:8px}}@media (max-width: 375px){.roster-dashboard__container{padding:9px 8px 14px}}@media (max-width: 320px){.roster-dashboard__container{padding:8px 7px 13px}}.department-summary-section{width:100%;box-sizing:border-box}.department-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.department-summary-card{position:relative;display:flex;align-items:flex-start;min-width:0;min-height:106px;padding:17px 18px 15px 20px;box-sizing:border-box;background:#fff;border:1px solid #e9edeb;border-radius:10px;box-shadow:0 1px 2px #0f172a05,0 4px 12px #0f172a09;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.department-summary-card:before{content:"";position:absolute;top:15px;bottom:15px;left:0;width:2px;background:#72cfa4;border-radius:0 3px 3px 0}.department-summary-card:hover{transform:translateY(-1px);border-color:#dfe6e2;box-shadow:0 2px 5px #0f172a09,0 8px 18px #0f172a0d}.department-summary-icon{flex:0 0 42px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-right:13px;color:#4e8070;background:#edf5f0;border:1px solid #e3ede8;border-radius:50%;box-sizing:border-box}.department-summary-icon-svg{display:block}.department-summary-content{min-width:0;padding-top:1px}.department-summary-title{margin:0;color:#4b5357;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.department-summary-value{margin:5px 0 0;color:#252a2e;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:500;line-height:1.1;letter-spacing:-.3px}.department-summary-description{margin:8px 0 0;color:#687177;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9px;font-weight:400;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1440px){.department-summary-grid{gap:14px}.department-summary-card{min-height:108px;padding:18px 20px 16px 21px}.department-summary-icon{flex-basis:44px;width:44px;height:44px;margin-right:14px}.department-summary-title{font-size:11px}.department-summary-value{font-size:23px}.department-summary-description{font-size:9.5px}}@media (max-width: 1024px){.department-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.department-summary-card{min-height:106px}}@media (max-width: 640px){.department-summary-grid{grid-template-columns:1fr;gap:10px}.department-summary-card{min-height:94px;padding:15px 16px 14px 18px;border-radius:9px}.department-summary-card:before{top:13px;bottom:13px}.department-summary-icon{flex-basis:40px;width:40px;height:40px;margin-right:12px}.department-summary-icon svg{width:20px;height:20px}.department-summary-title{font-size:10.5px}.department-summary-value{margin-top:4px;font-size:21px}.department-summary-description{margin-top:6px;font-size:9px}}@media (max-width: 375px){.department-summary-card{padding:14px 14px 13px 17px}.department-summary-icon{flex-basis:38px;width:38px;height:38px;margin-right:11px}.department-summary-icon svg{width:19px;height:19px}.department-summary-title{font-size:10px}.department-summary-value{font-size:20px}.department-summary-description{font-size:8.5px}}@media (prefers-reduced-motion: reduce){.department-summary-card{transition:none}.department-summary-card:hover{transform:none}}.department-filter{width:100%;box-sizing:border-box}.department-filter-controls{display:flex;align-items:center;gap:12px;width:100%}.department-filter-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.department-search-wrapper{position:relative;width:195px;flex:0 0 195px}.department-search-input{width:100%;height:35px;display:block;padding:0 34px 0 11px;box-sizing:border-box;color:#30373b;background:#fff;border:1px solid #e4e8e6;border-radius:8px;outline:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;font-weight:400;line-height:1;box-shadow:0 1px 2px #0f172a04;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.department-search-input::placeholder{color:#9aa1a4;opacity:1}.department-search-input:hover:not(:disabled){border-color:#d2dbd7}.department-search-input:focus{border-color:#78a99a;box-shadow:0 0 0 3px #4d817514}.department-search-input:disabled{color:#959b9e;background:#f7f8f8;cursor:not-allowed}.department-search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.department-search-icon{position:absolute;top:50%;right:10px;color:#737b7e;pointer-events:none;transform:translateY(-50%)}.department-status-wrapper{position:relative;width:138px;flex:0 0 138px}.department-status-select{width:100%;height:35px;display:block;padding:0 30px 0 11px;box-sizing:border-box;color:#3f474b;background:#fff;border:1px solid #e4e8e6;border-radius:8px;outline:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;font-weight:400;line-height:1;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:0 1px 2px #0f172a04;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.department-status-select:hover:not(:disabled){border-color:#d2dbd7}.department-status-select:focus{border-color:#78a99a;box-shadow:0 0 0 3px #4d817514}.department-status-select:disabled{color:#959b9e;background:#f7f8f8;cursor:not-allowed}.department-status-icon{position:absolute;top:50%;right:10px;color:#646e72;pointer-events:none;transform:translateY(-50%)}.department-reset-button{height:35px;min-width:72px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;padding:0 13px;box-sizing:border-box;color:#456765;background:#f7faf9;border:1px solid #cfded9;border-radius:8px;outline:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 1px 2px #0f172a05;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.department-reset-icon{width:14px;height:14px;flex-shrink:0}.department-reset-button:hover:not(:disabled){color:#2f7374;background:#edf5f2;border-color:#abc9c2;box-shadow:0 2px 6px #2f737414}.department-reset-button:active:not(:disabled){transform:translateY(1px)}.department-reset-button:focus-visible{border-color:#78a99a;box-shadow:0 0 0 3px #4d817514}.department-reset-button:disabled{color:#a7afb0;background:#f7f8f8;border-color:#e7ebea;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.department-filter-controls{gap:10px}.department-search-wrapper{width:190px;flex-basis:190px}.department-status-wrapper{width:135px;flex-basis:135px}.department-reset-button{min-width:70px}}@media (max-width: 640px){.department-filter-controls{width:100%;flex-direction:column;align-items:stretch;gap:8px}.department-search-wrapper,.department-status-wrapper{width:100%;flex:1 1 auto}.department-search-input,.department-status-select,.department-reset-button{height:37px;font-size:10px}.department-search-icon,.department-status-icon{right:11px}.department-reset-button{width:100%;min-width:0}}@media (max-width: 375px){.department-filter-controls{gap:7px}.department-search-input,.department-status-select,.department-reset-button{height:36px;font-size:9.5px}}@media (prefers-reduced-motion: reduce){.department-search-input,.department-status-select,.department-reset-button{transition:none}}.department-table{width:100%;box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid #e2e9e7;border-radius:9px;box-shadow:0 2px 8px #0f172a09}.department-table__scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.department-table__table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;table-layout:fixed}.department-table__table thead{background:#477f7b}.department-table__table th{height:37px;box-sizing:border-box;padding:0 16px;background:#477f7b;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;line-height:1;font-weight:600;letter-spacing:.15px;text-align:left;white-space:nowrap}.department-table__table th:first-child,.department-table__table td:first-child{width:58%}.department-table__table th:nth-child(2),.department-table__table td:nth-child(2){width:22%}.department-table__table th:last-child,.department-table__table td:last-child{width:20%}.department-table__table tbody tr{background:#fff;transition:background-color .15s ease}.department-table__table tbody tr:hover{background:#fafcfb}.department-table__table td{height:54px;box-sizing:border-box;padding:7px 16px;border-bottom:1px solid #edf1f0;color:#253b3d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;vertical-align:middle}.department-table__table tbody tr:last-child td{border-bottom:none}.department-table__department{display:flex;align-items:center;gap:12px;min-width:0}.department-table__icon-wrapper{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf3ef;color:#65817f}.department-table__department-icon{width:17px;height:17px;stroke-width:1.8}.department-table__department-info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.department-table__department-name{display:block;overflow:hidden;color:#243638;font-size:11px;line-height:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.department-table__employee-count{display:block;color:#7a8889;font-size:9px;line-height:13px;font-weight:400}.department-table__status{display:inline-flex;align-items:center;justify-content:center;min-width:45px;min-height:21px;box-sizing:border-box;padding:3px 9px;border-radius:999px;font-size:9px;line-height:14px;font-weight:600;white-space:nowrap}.department-table__status--active{background:#e3f0e9;color:#397463}.department-table__status--inactive{background:#f8e8e8;color:#b55b5b}.department-table__action-header{text-align:right!important}.department-table__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.department-table__action-button{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.department-table__action-button svg{width:14px;height:14px;stroke-width:1.8}.department-table__action-button--edit{color:#435a5b}.department-table__action-button--edit:hover{background:#edf4f2;border-color:#dce9e6;color:#2f7374}.department-table__action-button--delete{color:#596667}.department-table__action-button--delete:hover{background:#fff0f0;border-color:#f4dada;color:#d45e5e}.department-table__action-button:active{transform:scale(.94)}.department-table__action-button:focus-visible{box-shadow:0 0 0 3px #3d77771f}.department-table__empty-cell{height:180px!important;text-align:center;border-bottom:none!important}.department-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#788889;font-size:11px}.department-table__empty-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef4f2;color:#6e8987}.department-table__empty-icon svg{width:18px;height:18px}.department-table__footer{min-height:50px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 14px;border-top:1px solid #edf1f0;background:#fff}.department-table__summary{margin:0;color:#667778;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;line-height:15px;font-weight:400;white-space:nowrap}.department-table__pagination{display:flex;align-items:center;gap:5px}.department-table__page-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;border:1px solid #dfe7e5;border-radius:5px;background:#fff;color:#506364;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;line-height:1;font-weight:500;cursor:pointer;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.department-table__page-button:hover:not(:disabled){border-color:#bfd2ce;background:#f3f8f6;color:#2f7374}.department-table__page-button--active,.department-table__page-button--active:hover{border-color:#397371;background:#397371;color:#fff}.department-table__page-button--navigation svg{width:14px;height:14px;stroke-width:1.8}.department-table__page-button:disabled{opacity:.4;cursor:not-allowed;background:#f7f9f8}.department-table__page-button:focus-visible{box-shadow:0 0 0 3px #3d77771f}@media (max-width: 991px){.department-table__table{min-width:580px}.department-table__table th,.department-table__table td{padding-left:13px;padding-right:13px}.department-table__department{gap:10px}.department-table__icon-wrapper{width:32px;height:32px;flex-basis:32px}}@media (max-width: 767px){.department-table{border-radius:8px}.department-table__scroll{overflow-x:auto}.department-table__table{min-width:560px}.department-table__table th{height:36px;padding-left:12px;padding-right:12px;font-size:9px}.department-table__table td{height:53px;padding:7px 12px}.department-table__department{gap:9px}.department-table__icon-wrapper{width:31px;height:31px;flex-basis:31px}.department-table__department-icon{width:16px;height:16px}.department-table__department-name{font-size:10.5px}.department-table__employee-count{font-size:8.5px}.department-table__status{min-height:20px;padding:3px 8px;font-size:8.5px}.department-table__actions{gap:5px}.department-table__action-button{width:27px;height:27px}.department-table__footer{min-height:48px;padding:8px 10px}.department-table__summary{font-size:9px}.department-table__pagination{gap:4px}.department-table__page-button{width:27px;height:27px}}@media (max-width: 480px){.department-table__table{min-width:520px}.department-table__footer{align-items:flex-start;flex-direction:column;gap:8px;padding:10px}.department-table__pagination{align-self:flex-end}}@media (max-width: 360px){.department-table__table{min-width:500px}.department-table__table th{padding-left:10px;padding-right:10px;font-size:8.5px}.department-table__table td{padding-left:10px;padding-right:10px}.department-table__department-name{font-size:10px}.department-table__employee-count,.department-table__status{font-size:8px}}@media (prefers-reduced-motion: reduce){.department-table__table tbody tr,.department-table__action-button,.department-table__page-button{transition:none}}.department-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#0f172a38;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:departmentModalOverlayIn .16s ease-out}.department-modal{position:relative;width:min(100%,360px);max-height:calc(100vh - 40px);background:#fff;border:1px solid #e7ece9;border-radius:12px;box-shadow:0 8px 20px #0f172a14,0 20px 45px #0f172a1a;overflow:hidden;animation:departmentModalIn .18s ease-out}.department-modal-header{min-height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 19px;border-bottom:1px solid #edf0ef;box-sizing:border-box}.department-modal-title{margin:0;color:#293136;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;line-height:1.3}.department-modal-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#626b70;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.department-modal-close:hover:not(:disabled){color:#3f7568;background:#f1f6f3;border-color:#e1ebe6}.department-modal-close:focus-visible{outline:2px solid #9bcbb8;outline-offset:2px}.department-modal-close:disabled{opacity:.5;cursor:not-allowed}.department-modal-form{width:100%;padding:18px 22px 20px;box-sizing:border-box;overflow-y:auto}.department-modal-delete-content{width:100%;padding:20px 22px;box-sizing:border-box;overflow-y:auto}.department-modal-intro{display:flex;flex-direction:column;align-items:center;text-align:center}.department-modal-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:#4d8175;background:#edf5f0;border:1px solid #e2ede7;border-radius:50%;box-sizing:border-box}.department-modal-icon-danger{color:#a26363;background:#f8eeee;border-color:#f0dede}.department-modal-heading{margin:0;color:#2d3539;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;line-height:1.35}.department-modal-description{max-width:270px;margin:4px 0 17px;color:#727a7e;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;font-weight:400;line-height:1.5}.department-modal-field{width:100%;margin-top:1px;text-align:left}.department-modal-field+.department-modal-field{margin-top:14px}.department-modal-label{display:block;margin:0 0 6px;color:#3d4549;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:600;line-height:1.3}.department-modal-required{margin-left:2px;color:#b45f5f}.department-modal-input{width:100%;height:38px;display:block;padding:0 11px;color:#293136;background:#fff;border:1px solid #e3e7e6;border-radius:8px;outline:none;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:400;line-height:1;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.department-modal-input::placeholder{color:#a0a7aa}.department-modal-input:hover:not(:disabled){border-color:#cbd7d2}.department-modal-input:focus{border-color:#78a99a;box-shadow:0 0 0 3px #4d817517}.department-modal-input:disabled{color:#92999c;background:#f7f8f8;cursor:not-allowed}.department-modal-input-error{border-color:#c98484}.department-modal-input-error:focus{border-color:#bd6e6e;box-shadow:0 0 0 3px #bd6e6e14}.department-modal-error{display:block;margin-top:5px;color:#a65d5d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8.5px;line-height:1.4}.department-modal-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,#69746f 50%),linear-gradient(135deg,#69746f 50%,transparent 50%);background-position:calc(100% - 14px) 15px,calc(100% - 10px) 15px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.department-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.department-modal-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border-radius:8px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:600;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.department-modal-button:active:not(:disabled){transform:translateY(1px)}.department-modal-button:focus-visible{outline:2px solid #9bcbb8;outline-offset:2px}.department-modal-button:disabled{opacity:.6;cursor:not-allowed}.department-modal-button-secondary{color:#596460;background:#f7faf8;border:1px solid #c9ddd4}.department-modal-button-secondary:hover:not(:disabled){color:#456e62;background:#f0f6f3;border-color:#b7d2c7}.department-modal-button-primary{color:#fff;background:#4d8175;border:1px solid #4d8175}.department-modal-button-primary:hover:not(:disabled){background:#426f64;border-color:#426f64}.department-modal-button-danger{color:#fff;background:#a96565;border:1px solid #a96565}.department-modal-button-danger:hover:not(:disabled){background:#955858;border-color:#955858}.department-delete-preview{display:flex;align-items:center;width:100%;margin-top:3px;padding:10px;background:#fafbfb;border:1px solid #e9eeec;border-radius:8px;box-sizing:border-box}.department-delete-preview-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;margin-right:9px;color:#5b8176;background:#edf5f1;border-radius:50%}.department-delete-preview-content{min-width:0;display:flex;flex-direction:column}.department-delete-preview-name{color:#343b3e;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.department-delete-preview-status{margin-top:2px;color:#7a8285;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8.5px;line-height:1.3}.department-delete-warning{margin:10px 1px 0;color:#8a7474;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8.5px;line-height:1.45;text-align:center}.department-modal-spinner{animation:departmentModalSpin .8s linear infinite}@keyframes departmentModalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes departmentModalIn{0%{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes departmentModalSpin{to{transform:rotate(360deg)}}@media (max-width: 640px){.department-modal-overlay{padding:16px}.department-modal{width:min(100%,350px);max-height:calc(100vh - 32px);border-radius:11px}.department-modal-header{min-height:47px;padding-left:16px;padding-right:15px}.department-modal-form{padding:17px 18px 18px}.department-modal-delete-content{padding:18px}}@media (max-width: 375px){.department-modal-overlay{padding:12px}.department-modal{width:100%;max-height:calc(100vh - 24px);border-radius:10px}.department-modal-header{min-height:45px;padding-left:14px;padding-right:12px}.department-modal-form{padding:15px 15px 16px}.department-modal-delete-content{padding:16px 15px}.department-modal-icon{width:46px;height:46px}.department-modal-input{height:37px}.department-modal-actions{gap:7px;margin-top:17px}.department-modal-button{min-height:35px}}@media (prefers-reduced-motion: reduce){.department-modal-overlay,.department-modal{animation:none}.department-modal-spinner{animation-duration:1.5s}}.department-page{width:100%;min-height:100%;padding:10px 10px 18px;box-sizing:border-box;background:#f8faf9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.department-page-container{width:100%;max-width:none;margin:0;box-sizing:border-box}.department-page-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;box-sizing:border-box}.department-page-heading{min-width:0}.department-page-title{margin:0;color:#20272b;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.25px}.department-page-subtitle{margin:5px 0 0;color:#737b80;font-size:10px;font-weight:400;line-height:1.45}.department-add-button{min-height:35px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;padding:0 14px;color:#fff;background:#4d8175;border:1px solid #4d8175;border-radius:7px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-sizing:border-box;box-shadow:0 2px 5px #4d81751f;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.department-add-button:hover{background:#426f64;border-color:#426f64;box-shadow:0 4px 9px #4d817526}.department-add-button:active{transform:translateY(1px)}.department-add-button:focus-visible{outline:2px solid #9bcbb8;outline-offset:2px}.department-add-icon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:400;line-height:1}.department-page-section{width:100%;margin-bottom:14px;box-sizing:border-box}.department-page-filter-section{width:100%;margin-bottom:12px;padding:10px;background:#fff;border:1px solid #e9edeb;border-radius:9px;box-sizing:border-box;box-shadow:0 1px 2px #0f172a04}.department-page-table-section{width:100%;min-width:0;box-sizing:border-box}@media (min-width: 1440px){.department-page{padding:10px 8px 18px}.department-page-header{margin-bottom:18px}.department-page-title{font-size:21px}}@media (max-width: 1439px){.department-page{padding:10px 10px 18px}}@media (max-width: 1024px){.department-page{padding:12px}.department-page-header{margin-bottom:16px}.department-page-title{font-size:19px}}@media (max-width: 768px){.department-page{padding:12px}.department-page-header{gap:14px}.department-page-filter-section{padding:9px}}@media (max-width: 640px){.department-page{padding:10px}.department-page-header{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:15px}.department-page-heading{width:100%}.department-page-title{font-size:18px}.department-page-subtitle{margin-top:4px;font-size:9.5px}.department-add-button{width:100%;min-height:36px}.department-page-section{margin-bottom:10px}.department-page-filter-section{margin-bottom:10px;padding:9px}}@media (max-width: 480px){.department-page{padding:9px}.department-page-title{font-size:17px}.department-page-subtitle{font-size:9px}}@media (max-width: 375px){.department-page{padding:8px}.department-page-title{font-size:16px}.department-page-subtitle{font-size:8.8px}.department-page-filter-section{padding:8px}.department-add-button{min-height:35px;font-size:9.5px}}@media (max-width: 320px){.department-page{padding:7px}.department-page-header{gap:9px}.department-page-title{font-size:15.5px}.department-page-subtitle{font-size:8.5px}}@media (prefers-reduced-motion: reduce){.department-add-button{transition:none}}.designation-header{width:100%;max-width:100%;padding:2px 0 12px;background:transparent;box-sizing:border-box}.designation-header__main{display:flex;align-items:flex-start;justify-content:space-between;width:100%;min-width:0;gap:24px;box-sizing:border-box}.designation-header__content{min-width:0;padding-top:1px}.designation-header__title{margin:0;color:#14202b;font-size:24px;line-height:1.2;font-weight:650;letter-spacing:-.4px}.designation-header__description{max-width:600px;margin:7px 0 0;color:#64748b;font-size:12.5px;line-height:1.45;font-weight:400}.designation-header__actions{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto;flex-shrink:0;gap:8px}.designation-header__breadcrumb{display:flex;align-items:center;min-width:0;min-height:18px;color:#64748b;font-size:11.5px;line-height:1;white-space:nowrap}.designation-header__breadcrumb-item{color:#64748b;font-weight:400}.designation-header__separator{display:inline-flex;align-items:center;justify-content:center;margin:0 8px;color:#94a3b8;font-size:16px;line-height:1;font-weight:300}.designation-header__current{color:#64748b;font-weight:500}.designation-header__add-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:38px;padding:0 15px;gap:7px;box-sizing:border-box;border:1px solid #2f806f;border-radius:20px;background:#2f806f;color:#fff;font-family:inherit;font-size:12px;line-height:1;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 2px 5px #2f806f24;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.designation-header__add-button:hover{background:#286f61;border-color:#286f61;box-shadow:0 4px 10px #2f806f2e;transform:translateY(-1px)}.designation-header__add-button:active{transform:translateY(0);box-shadow:0 2px 4px #2f806f24}.designation-header__add-button:focus-visible{outline:none;box-shadow:0 0 0 3px #2f806f29}.designation-header__plus{flex:0 0 auto}@media (min-width: 1201px){.designation-header{padding-bottom:12px}.designation-header__main{gap:24px}}@media (max-width: 1200px) and (min-width: 901px){.designation-header__main{gap:20px}.designation-header__title{font-size:23px}.designation-header__description{font-size:12px}.designation-header__add-button{height:37px;padding:0 14px;font-size:11.5px}}@media (max-width: 900px){.designation-header{padding-bottom:12px}.designation-header__main{gap:17px}.designation-header__title{font-size:22px}.designation-header__description{max-width:450px;margin-top:6px;font-size:12px}.designation-header__actions{gap:7px}.designation-header__breadcrumb{font-size:11px}.designation-header__add-button{height:36px;padding:0 13px;font-size:11.5px}}@media (max-width: 600px){.designation-header{padding-bottom:13px}.designation-header__main{flex-direction:column;gap:12px}.designation-header__content{width:100%}.designation-header__title{font-size:21px}.designation-header__description{max-width:100%;margin-top:6px;font-size:11.5px;line-height:1.45}.designation-header__actions{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.designation-header__breadcrumb{min-width:0;font-size:10.5px;overflow:hidden;text-overflow:ellipsis}.designation-header__separator{margin:0 6px;font-size:15px}.designation-header__add-button{height:36px;padding:0 13px;border-radius:19px;font-size:11.5px}}@media (max-width: 480px){.designation-header__main{gap:11px}.designation-header__title{font-size:20px}.designation-header__description{font-size:11px}.designation-header__actions{gap:8px}.designation-header__breadcrumb{font-size:10px}.designation-header__add-button{height:35px;padding:0 12px;font-size:11px}}@media (max-width: 380px){.designation-header{padding-bottom:12px}.designation-header__main{gap:10px}.designation-header__title{font-size:19px}.designation-header__description{font-size:10.5px}.designation-header__actions{align-items:flex-start;flex-direction:column;gap:8px}.designation-header__breadcrumb{width:100%}.designation-header__add-button{align-self:flex-start;height:35px}}@media (max-width: 320px){.designation-header__title{font-size:18px}.designation-header__description{font-size:10px}.designation-header__breadcrumb{font-size:9.5px}.designation-header__add-button{height:34px;padding:0 11px;font-size:10.5px}}.designation-stat-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:104px;padding:14px 16px;gap:10px;box-sizing:border-box;background:#fff;border:1px solid #e4e9eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0f172a05;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.designation-stat-card:hover{transform:translateY(-1px);border-color:#d8e2df;box-shadow:0 3px 8px #0f172a0a,0 8px 18px #0f172a0b}.designation-stat-card__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;box-sizing:border-box}.designation-stat-card--green .designation-stat-card__icon{background:#e8f3ee;color:#2f806f}.designation-stat-card--orange .designation-stat-card__icon{background:#f8eee3;color:#a86b32}.designation-stat-card--blue .designation-stat-card__icon{background:#edf4f2;color:#2f806f}.designation-stat-card__content{display:flex;flex-direction:column;flex:0 1 auto;min-width:0;padding-top:1px}.designation-stat-card__title{display:block;max-width:170px;margin:0;color:#1f2933;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:1.25;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designation-stat-card__value{display:block;margin:4px 0 0;color:#14202b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;line-height:1;font-weight:600;letter-spacing:-.45px}.designation-stat-card__description{display:block;max-width:170px;margin:6px 0 0;color:#64748b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;line-height:1.25;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1440px){.designation-stat-card{min-height:106px;padding:15px 17px;gap:10px}.designation-stat-card__icon{flex-basis:40px;width:40px;height:40px}.designation-stat-card__title{font-size:11px}.designation-stat-card__value{font-size:22px}.designation-stat-card__description{font-size:9.5px}}@media (max-width: 1100px){.designation-stat-card{min-height:104px;padding:14px 15px;gap:10px}.designation-stat-card__icon{flex-basis:40px;width:40px;height:40px}.designation-stat-card__title,.designation-stat-card__description{max-width:190px}}@media (max-width: 768px){.designation-stat-card{min-height:100px;padding:14px;gap:9px}.designation-stat-card__icon{flex-basis:39px;width:39px;height:39px;border-radius:10px}.designation-stat-card__title{font-size:10.5px}.designation-stat-card__value{font-size:21px}.designation-stat-card__description{margin-top:5px;font-size:9.5px}}@media (max-width: 600px){.designation-stat-card{justify-content:flex-start;min-height:96px;padding:13px 14px;gap:9px;border-radius:11px}.designation-stat-card__icon{flex-basis:38px;width:38px;height:38px;border-radius:10px}.designation-stat-card__title{max-width:220px;font-size:10.5px}.designation-stat-card__value{margin-top:4px;font-size:21px}.designation-stat-card__description{max-width:220px;margin-top:5px;font-size:9.5px}}@media (max-width: 480px){.designation-stat-card{min-height:94px;padding:12px 13px;gap:8px}.designation-stat-card__icon{flex-basis:37px;width:37px;height:37px;border-radius:9px}.designation-stat-card__title{max-width:200px;font-size:10px}.designation-stat-card__value{font-size:20px}.designation-stat-card__description{max-width:200px;font-size:9px}}@media (max-width: 360px){.designation-stat-card{min-height:90px;padding:11px 12px;gap:8px}.designation-stat-card__icon{flex-basis:35px;width:35px;height:35px;border-radius:9px}.designation-stat-card__title{max-width:175px;font-size:9.5px}.designation-stat-card__value{font-size:19px}.designation-stat-card__description{max-width:175px;margin-top:4px;font-size:8.5px}}@media (prefers-reduced-motion: reduce){.designation-stat-card{transition:none}.designation-stat-card:hover{transform:none}}.designation-statistics{display:grid;grid-template-columns:repeat(4,280px);width:100%;max-width:100%;margin:0;padding:0;gap:10px;justify-content:start;align-items:stretch;box-sizing:border-box}@media (min-width: 1281px){.designation-statistics{grid-template-columns:repeat(4,280px);gap:10px}}@media (min-width: 1101px) and (max-width: 1280px){.designation-statistics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}@media (max-width: 1100px){.designation-statistics{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px;justify-content:stretch}}@media (max-width: 600px){.designation-statistics{grid-template-columns:1fr;width:100%;gap:10px;justify-content:stretch}}@media (max-width: 380px){.designation-statistics{gap:8px}}.designation-filter{display:flex;align-items:center;width:100%;max-width:100%;min-width:0;gap:10px;padding:12px;box-sizing:border-box;border:1px solid #e6eaec;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0f172a06}.designation-filter__search{position:relative;display:flex;align-items:center;flex:1 1 auto;width:auto;min-width:0;height:40px;padding:0 11px;gap:8px;box-sizing:border-box;border:1px solid #dfe5e8;border-radius:8px;background:#fff;color:#64748b;transition:border-color .16s ease,box-shadow .16s ease}.designation-filter__search:focus-within{border-color:#2f806f;box-shadow:0 0 0 3px #2f806f14}.designation-filter__search svg{flex:0 0 auto}.designation-filter__search input{display:block;width:100%;min-width:0;padding:0;margin:0;border:0;outline:0;background:transparent;color:#1f2933;font-family:inherit;font-size:12px;line-height:1.2}.designation-filter__search input::placeholder{color:#8a949e;opacity:1}.designation-filter__select{position:relative;flex:0 1 180px;width:180px;min-width:0;height:40px;box-sizing:border-box}.designation-filter__select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;height:100%;padding:0 36px 0 12px;margin:0;box-sizing:border-box;border:1px solid #dfe5e8;border-radius:8px;outline:none;background-color:#fff;color:#34414b;font-family:inherit;font-size:12px;font-weight:400;line-height:1.2;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.designation-filter__select select:focus{border-color:#2f806f;box-shadow:0 0 0 3px #2f806f14}.designation-filter__select-icon{position:absolute;top:50%;right:11px;width:15px;height:15px;transform:translateY(-50%);pointer-events:none;color:#4b5563}.designation-filter__reset{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:88px;min-width:88px;height:40px;padding:0 12px;gap:6px;box-sizing:border-box;border:1px solid #dfe5e8;border-radius:8px;background:#fff;color:#59656e;font-family:inherit;font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.designation-filter__reset:hover{border-color:#c9d5d2;background:#f7faf9;color:#2f806f}.designation-filter__reset:active{background:#f0f6f4}.designation-filter__reset:focus-visible{outline:none;box-shadow:0 0 0 3px #2f806f1a}@media (min-width: 1201px){.designation-filter{gap:10px;padding:12px}.designation-filter__search{flex:1 1 auto}.designation-filter__select{flex:0 1 180px;width:180px}}@media (max-width: 1200px) and (min-width: 901px){.designation-filter{gap:9px;padding:11px}.designation-filter__select{flex:0 1 165px;width:165px}.designation-filter__reset{width:84px;min-width:84px}}@media (max-width: 900px){.designation-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) minmax(150px,.55fr) auto;align-items:center;gap:9px;padding:11px}.designation-filter__search{width:100%;min-width:0}.designation-filter__select{width:100%;min-width:0;flex:none}.designation-filter__reset{width:82px;min-width:82px}}@media (max-width: 768px){.designation-filter{grid-template-columns:minmax(0,1fr) minmax(130px,.6fr) minmax(130px,.6fr);gap:9px}.designation-filter__reset{grid-column:1 / -1;width:100%;min-width:0}}@media (max-width: 600px){.designation-filter{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:11px;gap:9px}.designation-filter__search,.designation-filter__select,.designation-filter__reset{width:100%;min-width:0;flex:none}.designation-filter__search,.designation-filter__select,.designation-filter__reset{height:40px}.designation-filter__reset{min-height:40px}}@media (max-width: 480px){.designation-filter{padding:10px;gap:8px;border-radius:11px}.designation-filter__search,.designation-filter__select,.designation-filter__reset{height:39px}.designation-filter__search{padding:0 10px;gap:7px}.designation-filter__search input{font-size:11.5px}.designation-filter__select select{padding-left:11px;padding-right:34px;font-size:11.5px}.designation-filter__select-icon{right:10px}.designation-filter__reset{font-size:11.5px}}@media (max-width: 360px){.designation-filter{padding:9px;gap:8px}.designation-filter__search,.designation-filter__select,.designation-filter__reset{height:38px}.designation-filter__search input,.designation-filter__select select,.designation-filter__reset{font-size:11px}}@media (max-width: 320px){.designation-filter{padding:8px;gap:7px}.designation-filter__search,.designation-filter__select,.designation-filter__reset{height:37px}.designation-filter__search{padding:0 9px}.designation-filter__select select{padding-left:10px;padding-right:32px}.designation-filter__reset{padding:0 10px}}.designation-table{width:100%;max-width:100%;min-width:0;overflow:hidden;border:1px solid #e5eaec;border-radius:12px;background:#fff;box-sizing:border-box}.designation-table__header,.designation-table__row{display:grid;grid-template-columns:58px minmax(260px,2.3fr) minmax(150px,1.3fr) 100px 100px 90px;align-items:center;column-gap:8px;padding:0 14px;box-sizing:border-box}.designation-table__header{min-height:42px;background:#2f806f;color:#fff}.designation-table__cell{min-width:0;box-sizing:border-box}.designation-table__header .designation-table__cell{color:#fff;font-size:9.5px;line-height:1.2;font-weight:650;white-space:nowrap}.designation-table__body{width:100%;min-width:0}.designation-table__row{min-height:60px;border-bottom:1px solid #edf0f1;background:#fff;transition:background-color .15s ease}.designation-table__row:hover{background:#fbfcfc}.designation-table__row:last-child{border-bottom:0}.designation-table__number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#f3f5f5;color:#475569;font-size:10px;font-weight:600}.designation-table__designation-wrapper{display:flex;align-items:center;min-width:0;gap:10px}.designation-table__designation-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#edf5f1;color:#2f806f}.designation-table__designation-name{min-width:0;overflow:hidden;color:#17212b;font-size:11px;line-height:1.3;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.designation-table__department-name{display:block;min-width:0;overflow:hidden;color:#4b5563;font-size:10.5px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.designation-table__status{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:5px 9px;border-radius:999px;font-size:9px;line-height:1;font-weight:600;white-space:nowrap}.designation-table__status--active{background:#e4f1e9;color:#32725b}.designation-table__status--inactive{background:#f8e9e5;color:#a85b4d}.designation-table__employee-count{display:flex;flex-direction:column;gap:2px}.designation-table__employee-count strong{color:#18232d;font-size:13px;line-height:1;font-weight:600}.designation-table__employee-count span{color:#64748b;font-size:9px;line-height:1}.designation-table__actions{display:flex;align-items:center;gap:6px}.designation-table__action-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:0;box-sizing:border-box;border:1px solid #e2e7e9;border-radius:7px;background:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.designation-table__action-button:hover{transform:translateY(-1px)}.designation-table__action-button--edit{color:#2f806f}.designation-table__action-button--edit:hover{border-color:#b8d3cb;background:#f0f7f4}.designation-table__action-button--delete{color:#d75b5b}.designation-table__action-button--delete:hover{border-color:#efc3c3;background:#fff5f5}.designation-table__action-button:disabled{opacity:.9;cursor:not-allowed;transform:none}.designation-table__action-button:disabled:hover{transform:none}.designation-table__footer{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px;box-sizing:border-box;background:#fff}.designation-table__showing{color:#52606b;font-size:10px;white-space:nowrap}.designation-table__pagination{display:flex;align-items:center;gap:6px}.designation-table__page-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:#f5f6f7;color:#46515b;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease}.designation-table__page-button:hover:not(:disabled){background:#eaf2ef;color:#2f806f}.designation-table__page-button--active{background:#2f806f;color:#fff}.designation-table__page-button--active:hover{background:#286f61;color:#fff}.designation-table__page-button--arrow{font-size:17px;line-height:1}.designation-table__page-button:disabled{opacity:.55;cursor:not-allowed}.designation-table__empty{display:flex;align-items:center;justify-content:center;min-height:140px;padding:20px;color:#64748b;font-size:12px;text-align:center}@media (min-width: 1201px){.designation-table__header,.designation-table__row{column-gap:8px;padding-left:14px;padding-right:14px}.designation-table__row{min-height:50px}}@media (max-width: 1200px) and (min-width: 901px){.designation-table{overflow-x:auto;overflow-y:hidden}.designation-table__header,.designation-table__row{min-width:820px;column-gap:7px;padding-left:12px;padding-right:12px}.designation-table__row{min-height:59px}.designation-table__designation-wrapper{gap:9px}}@media (max-width: 900px){.designation-table{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.designation-table__header,.designation-table__row{min-width:820px;column-gap:7px;padding-left:11px;padding-right:11px}.designation-table__header{min-height:40px}.designation-table__row{min-height:58px}.designation-table__designation-icon{flex-basis:35px;width:30px;height:30px}.designation-table__designation-wrapper{gap:9px}.designation-table__footer{min-width:820px;min-height:50px;padding-left:11px;padding-right:11px}}@media (max-width: 600px){.designation-table{overflow-x:auto;overflow-y:hidden;border-radius:11px;-webkit-overflow-scrolling:touch}.designation-table__header,.designation-table__row{min-width:800px;column-gap:6px;padding-left:10px;padding-right:10px}.designation-table__header{min-height:39px}.designation-table__row{min-height:57px}.designation-table__header .designation-table__cell{font-size:9px}.designation-table__designation-wrapper{gap:8px}.designation-table__designation-icon{flex-basis:34px;width:34px;height:34px;border-radius:9px}.designation-table__designation-name{font-size:10.5px}.designation-table__department-name{font-size:10px}.designation-table__footer{min-width:800px;min-height:49px;padding-left:10px;padding-right:10px}}@media (max-width: 480px){.designation-table__header,.designation-table__row{min-width:780px}.designation-table__row{min-height:56px}.designation-table__footer{min-width:780px}.designation-table__action-button{flex-basis:27px;width:27px;height:27px}.designation-table__actions{gap:5px}}@media (max-width: 360px){.designation-table__header,.designation-table__row{min-width:760px;padding-left:9px;padding-right:9px}.designation-table__row{min-height:55px}.designation-table__footer{min-width:760px;padding-left:9px;padding-right:9px}}@media (max-width: 320px){.designation-table__header,.designation-table__row{min-width:740px}.designation-table__row{min-height:54px}.designation-table__footer{min-width:740px}}.designation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#0f172a47;animation:designation-modal-overlay-in .16s ease-out}.designation-modal{width:min(100%,440px);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;border:1px solid #e4e9e8;border-radius:15px;background:#fff;box-shadow:0 20px 55px #0f172a29;animation:designation-modal-in .18s ease-out}.designation-modal--delete{width:min(100%,410px)}.designation-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 21px 0}.designation-modal__title{margin:0;color:#17212b;font-size:18px;line-height:1.25;font-weight:650;letter-spacing:-.25px}.designation-modal__description{max-width:320px;margin:6px 0 0;color:#697681;font-size:11px;line-height:1.5;font-weight:400}.designation-modal__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:31px;height:31px;margin-top:-3px;padding:0;border:0;border-radius:7px;background:transparent;color:#4b5563;cursor:pointer;transition:background-color .15s ease,color .15s ease}.designation-modal__close:hover{background:#f2f6f5;color:#2f806f}.designation-modal__close:disabled{cursor:not-allowed;opacity:.55}.designation-modal__close:focus-visible{outline:none;box-shadow:0 0 0 3px #2f806f1f}.designation-modal__form{display:flex;flex-direction:column;padding:18px 21px 21px;box-sizing:border-box}.designation-modal__intro{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:11px;border:1px solid #edf1f0;border-radius:10px;background:#f8faf9}.designation-modal__icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#e8f3ee;color:#2f806f}.designation-modal__icon--danger{background:#faeeee;color:#c75c5c}.designation-modal__intro-content{display:flex;flex-direction:column;min-width:0;gap:2px}.designation-modal__mode{color:#26323c;font-size:11px;line-height:1.25;font-weight:600}.designation-modal__intro-text{color:#74808a;font-size:10px;line-height:1.35}.designation-modal__field{width:100%;margin:0 0 17px}.designation-modal__label{display:block;margin:0 0 7px;color:#26323c;font-size:11px;line-height:1.2;font-weight:600}.designation-modal__label span{margin-left:3px;color:#d95858}.designation-modal__input,.designation-modal__select{width:100%;height:40px;box-sizing:border-box;border:1px solid #d8e0e2;border-radius:9px;outline:none;background:#fff;color:#26323c;font-family:inherit;font-size:11px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.designation-modal__input{padding:0 12px}.designation-modal__input::placeholder{color:#929ba2}.designation-modal__input:hover,.designation-modal__select:hover{border-color:#c7d2d4}.designation-modal__input:focus,.designation-modal__select:focus{border-color:#2f806f;box-shadow:0 0 0 3px #2f806f14}.designation-modal__input:disabled,.designation-modal__select:disabled{background:#f7f9f9;cursor:not-allowed;opacity:.7}.designation-modal__input--error{border-color:#d96a6a!important}.designation-modal__select-wrapper{position:relative;width:100%}.designation-modal__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0 38px 0 12px;cursor:pointer}.designation-modal__select-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:#5b6670;pointer-events:none}.designation-modal__error{margin:6px 0 0;color:#c95757;font-size:10px;line-height:1.35}.designation-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:3px}.designation-modal__button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:40px;padding:0 14px;border-radius:21px;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.designation-modal__button:active{transform:translateY(1px)}.designation-modal__button:disabled{cursor:not-allowed;opacity:.6;transform:none}.designation-modal__button--secondary{border:1px solid #c7d7d2;background:#fff;color:#35685d}.designation-modal__button--secondary:hover:not(:disabled){border-color:#9dbbb2;background:#f5f9f8;color:#2f806f}.designation-modal__button--primary{border:1px solid #2f806f;background:#2f806f;color:#fff;box-shadow:0 3px 8px #2f806f24}.designation-modal__button--primary:hover:not(:disabled){border-color:#286f61;background:#286f61;box-shadow:0 5px 12px #2f806f2e}.designation-modal__delete-content{padding:19px 21px 21px}.designation-modal__delete-intro{display:flex;align-items:center;gap:11px;margin-bottom:17px}.designation-modal__delete-title{margin:0;color:#17212b;font-size:15px;line-height:1.3;font-weight:650}.designation-modal__delete-description{margin:4px 0 0;color:#6b7780;font-size:10.5px;line-height:1.45}.designation-modal__preview{display:flex;align-items:center;gap:10px;width:100%;padding:11px;box-sizing:border-box;border:1px solid #e5eaea;border-radius:9px;background:#f8faf9}.designation-modal__preview-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:8px;background:#e7f1ed;color:#2f806f}.designation-modal__preview-content{display:flex;flex-direction:column;min-width:0;gap:3px}.designation-modal__preview-content strong{overflow:hidden;color:#25313a;font-size:11px;line-height:1.25;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.designation-modal__preview-content span{color:#71808a;font-size:9.5px;line-height:1.2}.designation-modal__warning{margin:12px 0 17px;color:#9a6262;font-size:9.5px;line-height:1.4}.designation-modal__button--danger{border:1px solid #d75e5e;background:#d75e5e;color:#fff;box-shadow:0 3px 8px #d75e5e24}.designation-modal__button--danger:hover:not(:disabled){border-color:#c94f4f;background:#c94f4f;box-shadow:0 5px 12px #d75e5e2e}.designation-modal__spinner{animation:designation-modal-spin .8s linear infinite}@keyframes designation-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes designation-modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes designation-modal-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.designation-modal-overlay{padding:16px}.designation-modal{width:min(100%,430px)}.designation-modal__header,.designation-modal__form,.designation-modal__delete-content{padding-left:19px;padding-right:19px}}@media (max-width: 480px){.designation-modal-overlay{padding:12px}.designation-modal{width:100%;max-height:calc(100vh - 24px);border-radius:13px}.designation-modal__header{padding:17px 16px 0;gap:10px}.designation-modal__title{font-size:17px}.designation-modal__description{font-size:10px}.designation-modal__form{padding:16px 16px 17px}.designation-modal__intro,.designation-modal__field{margin-bottom:15px}.designation-modal__delete-content{padding:16px}.designation-modal__actions{gap:8px}.designation-modal__button{height:39px;font-size:10.5px}}@media (max-width: 360px){.designation-modal-overlay{padding:8px}.designation-modal{max-height:calc(100vh - 16px)}.designation-modal__header,.designation-modal__form,.designation-modal__delete-content{padding-left:14px;padding-right:14px}.designation-modal__icon{flex-basis:35px;width:35px;height:35px}}.designation-page{width:100%;min-height:100vh;box-sizing:border-box;padding:18px 10px 30px;background:#f8fafc;color:#17212b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.designation-statistics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin:0}.designation-filter-section{width:100%;margin-top:18px}.designation-table-section{width:100%;margin-top:12px}@media (min-width: 1201px){.designation-page{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}}@media (min-width: 1440px){.designation-page{padding-top:18px;padding-bottom:32px}.designation-statistics{gap:16px}.designation-filter-section{margin-top:18px}.designation-table-section{margin-top:12px}}@media (max-width: 1200px){.designation-page{padding:18px 12px 28px}.designation-statistics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width: 900px){.designation-page{padding:18px 12px 28px}.designation-statistics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.designation-filter-section{margin-top:16px}.designation-table-section{margin-top:12px}}@media (max-width: 600px){.designation-page{width:100%;margin:0;padding:16px 10px 24px}.designation-statistics{grid-template-columns:1fr;gap:10px}.designation-filter-section{margin-top:14px}.designation-table-section{margin-top:10px}}@media (max-width: 380px){.designation-page{padding-left:8px;padding-right:8px}.designation-statistics{gap:8px}.designation-filter-section{margin-top:12px}.designation-table-section{margin-top:8px}}.kra-score-header{width:100%;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;box-sizing:border-box;margin:0;padding:14px 12px 13px;background:#fff;border:0;border-bottom:1px solid #e5ebe9;border-radius:0}.kra-score-header-left{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:0}.kra-score-header-title{margin:0;padding:0;color:#101d1a;font-family:inherit;font-size:27px;font-weight:700;line-height:1.15;letter-spacing:-.5px}.kra-score-breadcrumb{min-width:0;display:flex;align-items:center;gap:7px;margin:0;padding:0;color:#62716d;font-family:inherit;font-size:12.5px;font-weight:400;line-height:1.4}.kra-score-breadcrumb-item{display:inline-flex;align-items:center;margin:0;padding:0;color:#62716d;font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;white-space:nowrap}.kra-score-breadcrumb-active{color:#263f3a;font-weight:500}.kra-score-breadcrumb-separator{width:13px;height:13px;flex:0 0 13px;color:#95a39f}.kra-score-header-right{min-width:0;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;margin:0;padding:0}.kra-score-add-button{height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;margin:0;padding:0 18px;color:#fff;background:#315f64;border:1px solid #315f64;border-radius:7px;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 2px 4px #20484614,0 4px 10px #2048460f;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.kra-score-add-button svg{width:17px;height:17px;flex:0 0 17px;display:block}.kra-score-add-button:hover{background:#285459;border-color:#285459;box-shadow:0 3px 6px #2048461a,0 6px 12px #20484614;transform:translateY(-1px)}.kra-score-add-button:active{background:#234b50;border-color:#234b50;box-shadow:0 1px 3px #2048461a;transform:translateY(0)}.kra-score-add-button:focus-visible{outline:3px solid rgba(49,95,100,.16);outline-offset:2px}@media (min-width: 1440px){.kra-score-header{padding:14px 12px 13px}.kra-score-header-title{font-size:27px}}@media (max-width: 1200px){.kra-score-header{gap:20px;padding:13px 12px}.kra-score-header-title{font-size:26px}}@media (max-width: 1024px){.kra-score-header{gap:18px;padding:13px 10px}.kra-score-header-title{font-size:25px}.kra-score-breadcrumb{font-size:12px}.kra-score-add-button{height:39px;min-height:39px;padding:0 16px;font-size:12px}}@media (max-width: 768px){.kra-score-header{gap:16px;padding:12px 8px}.kra-score-header-title{font-size:24px}.kra-score-header-left{gap:5px}}@media (max-width: 576px){.kra-score-header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 6px}.kra-score-header-left{width:100%;gap:4px}.kra-score-header-title{font-size:22px;letter-spacing:-.3px}.kra-score-breadcrumb{gap:5px;font-size:11.5px}.kra-score-header-right{width:100%;justify-content:flex-start}.kra-score-add-button{width:100%;height:40px;min-height:40px;padding:0 14px}}@media (max-width: 380px){.kra-score-header{gap:11px;padding:11px 4px}.kra-score-header-title{font-size:21px}.kra-score-breadcrumb{font-size:11px}.kra-score-breadcrumb-separator{width:12px;height:12px;flex-basis:12px}.kra-score-add-button{font-size:11.5px}}@media (max-width: 340px){.kra-score-header{padding-right:2px;padding-left:2px}.kra-score-add-button{min-width:0}}@media (prefers-reduced-motion: reduce){.kra-score-add-button{transition:none}.kra-score-add-button:hover,.kra-score-add-button:active{transform:none}}.kra-overview{width:100%;min-width:0;display:grid;grid-template-columns:235px minmax(0,1fr);align-items:center;gap:12px;box-sizing:border-box;margin:0;padding:0}.kra-overview *,.kra-overview *:before,.kra-overview *:after{box-sizing:border-box}.kra-overview-illustration{width:100%;min-width:0;height:145px;display:flex;align-items:center;justify-content:center;overflow:hidden}.kra-overview-illustration-image{display:block;width:100%;max-width:215px;height:140px;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none}.kra-overview-stats{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px 0;overflow:hidden;background:#fff;border:1px solid #e1e8e6;border-radius:10px;box-shadow:0 2px 5px #0f2d2706,0 7px 18px #0f2d270b}.kra-overview-stat{position:relative;width:100%;min-width:0;min-height:118px;display:flex;flex-direction:column;justify-content:center;padding:12px 18px;margin:0}.kra-overview-stat:not(:last-child):after{content:"";position:absolute;top:12px;right:0;bottom:12px;width:1px;background:#e4eae8}.kra-overview-stat-top{width:100%;min-width:0;display:flex;align-items:center;gap:12px;margin:0 0 6px}.kra-overview-stat-icon{width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.kra-overview-stat-icon svg{width:20px;height:20px;display:block;stroke-width:1.7}.kra-overview-stat-value{min-width:0;margin:0;padding:0;color:#101c2b;font-family:inherit;font-size:25px;font-weight:650;line-height:1;letter-spacing:-.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.kra-overview-stat-content{min-width:0;display:flex;flex-direction:column;gap:1px;padding-left:52px}.kra-overview-stat-label{display:block;min-width:0;max-width:100%;margin:0;padding:0;overflow:hidden;color:#263631;font-family:inherit;font-size:11px;font-weight:500;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.kra-overview-stat-description{display:block;min-width:0;max-width:100%;margin:0;padding:0;overflow:hidden;color:#788783;font-family:inherit;font-size:9.5px;font-weight:400;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.kra-overview-stat-primary .kra-overview-stat-icon{color:#b6753d;background:#f3ece6;border:1px solid #eadfd5}.kra-overview-stat-warning .kra-overview-stat-icon{color:#c67a1d;background:#fff3e3;border:1px solid #fae8cf}.kra-overview-stat-warning .kra-overview-stat-description{color:#ed7b16}.kra-overview-stat-success .kra-overview-stat-icon{color:#356d72;background:#eaf3f2;border:1px solid #dcebea}.kra-overview-stat-secondary .kra-overview-stat-icon{color:#356d72;background:#edf5f4;border:1px solid #dcebea}@media (min-width: 1440px){.kra-overview{grid-template-columns:245px minmax(0,1fr);gap:14px}.kra-overview-illustration{height:150px}.kra-overview-illustration-image{max-width:225px;height:145px}.kra-overview-stat{min-height:120px;padding:12px 20px}.kra-overview-stat-value{font-size:26px}}@media (max-width: 1200px){.kra-overview{grid-template-columns:195px minmax(0,1fr);gap:10px}.kra-overview-illustration{height:135px}.kra-overview-illustration-image{max-width:185px;height:130px}.kra-overview-stat{min-height:110px;padding:10px 13px}.kra-overview-stat-top{gap:9px;margin-bottom:5px}.kra-overview-stat-icon{width:36px;height:36px;flex-basis:36px}.kra-overview-stat-icon svg{width:18px;height:18px}.kra-overview-stat-value{font-size:22px}.kra-overview-stat-content{padding-left:45px}.kra-overview-stat-label{font-size:10px}.kra-overview-stat-description{font-size:9px}}@media (max-width: 900px){.kra-overview{grid-template-columns:155px minmax(0,1fr);gap:10px}.kra-overview-illustration{height:180px}.kra-overview-illustration-image{max-width:150px;height:165px}.kra-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.kra-overview-stat{min-height:82px;padding:9px 14px}.kra-overview-stat:after{display:none}.kra-overview-stat:nth-child(odd){border-right:1px solid #e4eae8}.kra-overview-stat:nth-child(-n+2){border-bottom:1px solid #e4eae8}.kra-overview-stat-content{padding-left:45px}}@media (max-width: 768px){.kra-overview{grid-template-columns:135px minmax(0,1fr);gap:8px}.kra-overview-illustration{height:165px}.kra-overview-illustration-image{max-width:130px;height:150px}.kra-overview-stat{min-height:78px;padding:8px 10px}.kra-overview-stat-icon{width:34px;height:34px;flex-basis:34px}.kra-overview-stat-icon svg{width:17px;height:17px}.kra-overview-stat-value{font-size:20px}.kra-overview-stat-content{padding-left:42px}}@media (max-width: 640px){.kra-overview{grid-template-columns:minmax(0,1fr);gap:8px}.kra-overview-illustration{height:115px}.kra-overview-illustration-image{width:auto;max-width:180px;height:110px}.kra-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kra-overview-stat{min-height:82px;padding:9px 12px}}@media (max-width: 480px){.kra-overview-illustration{height:105px}.kra-overview-illustration-image{max-width:165px;height:100px}.kra-overview-stats{grid-template-columns:minmax(0,1fr);padding:3px 10px}.kra-overview-stat{min-height:70px;padding:8px 4px;border-right:0!important;border-bottom:1px solid #e4eae8}.kra-overview-stat:last-child{border-bottom:0}.kra-overview-stat-top{margin-bottom:4px}.kra-overview-stat-icon{width:36px;height:36px;flex-basis:36px}.kra-overview-stat-icon svg{width:18px;height:18px}.kra-overview-stat-value{font-size:21px}.kra-overview-stat-content{padding-left:45px}.kra-overview-stat-label{font-size:10px}.kra-overview-stat-description{font-size:9px}}@media (max-width: 380px){.kra-overview{gap:6px}.kra-overview-illustration{height:95px}.kra-overview-illustration-image{max-width:150px;height:90px}.kra-overview-stats{padding:3px 8px}.kra-overview-stat{min-height:68px}.kra-overview-stat-value{font-size:20px}}@media (max-width: 320px){.kra-overview-illustration{height:88px}.kra-overview-illustration-image{max-width:140px;height:84px}.kra-overview-stat{min-height:66px}.kra-overview-stat-icon{width:34px;height:34px;flex-basis:34px}.kra-overview-stat-icon svg{width:17px;height:17px}.kra-overview-stat-value{font-size:19px}.kra-overview-stat-content{padding-left:42px}}@media (prefers-reduced-motion: reduce){.kra-overview *,.kra-overview *:before,.kra-overview *:after{transition:none!important}}.kra-score-filters{width:100%;min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;box-sizing:border-box;margin:0;padding:14px 16px;background:#fff;border:1px solid #e2e8e6;border-radius:10px;box-shadow:0 1px 2px #0f2d2705,0 4px 12px #0f2d2709}.kra-score-filters-fields{min-width:0;flex:1 1 auto;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));align-items:end;gap:18px}.kra-score-filter-group{width:100%;min-width:0;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.kra-score-filter-label{display:block;margin:0;padding:0;color:#263631;font-family:inherit;font-size:11.5px;font-weight:500;line-height:1.3;cursor:pointer}.kra-score-select-wrapper{position:relative;width:100%;min-width:0;display:flex;align-items:center;margin:0;padding:0}.kra-score-select-icon{position:absolute;top:50%;left:11px;z-index:2;width:15px;height:15px;color:#5c706a;pointer-events:none;transform:translateY(-50%)}.kra-score-filter-select{width:100%;min-width:0;height:38px;box-sizing:border-box;margin:0;padding:0 34px;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;background:#fff;border:1px solid #dce4e1;border-radius:7px;color:#2d3e39;font-family:inherit;font-size:11.5px;font-weight:400;line-height:normal;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.kra-score-filter-select:hover{border-color:#bdccc7}.kra-score-filter-select:focus{border-color:#3b7774;box-shadow:0 0 0 3px #3b777417}.kra-score-select-chevron{position:absolute;top:50%;right:11px;width:14px;height:14px;color:#354944;pointer-events:none;transform:translateY(-50%)}.kra-score-filter-actions{min-width:0;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0;padding:0}.kra-score-filter-btn{height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;margin:0;padding:0 15px;border-radius:7px;font-family:inherit;font-size:11.5px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.kra-score-filter-btn svg{width:14px;height:14px;flex:0 0 14px}.kra-score-filter-reset{min-width:86px;color:#40534e;background:#fff;border:1px solid #dce4e1}.kra-score-filter-reset:hover{color:#1f3530;background:#f7faf9;border-color:#bdcbc7}.kra-score-filter-reset:active{background:#f0f5f3}.kra-score-filter-apply{min-width:126px;color:#fff;background:#315f64;border:1px solid #315f64;box-shadow:0 1px 2px #0f2d270d,0 3px 7px #0f2d2712}.kra-score-filter-apply:hover{background:#285459;border-color:#285459;box-shadow:0 2px 4px #0f2d2712,0 5px 10px #0f2d2717;transform:translateY(-1px)}.kra-score-filter-apply:active{background:#224b4f;border-color:#224b4f;box-shadow:0 1px 2px #0f2d2712;transform:translateY(0)}.kra-score-filter-btn:focus-visible{outline:3px solid rgba(49,95,100,.15);outline-offset:2px}@media (min-width: 1440px){.kra-score-filters{gap:22px;padding:14px 18px}.kra-score-filters-fields{gap:20px}}@media (max-width: 1200px){.kra-score-filters{gap:14px;padding:13px 14px}.kra-score-filters-fields{gap:12px}.kra-score-filter-btn{padding:0 13px}.kra-score-filter-reset{min-width:80px}.kra-score-filter-apply{min-width:116px}}@media (max-width: 1100px){.kra-score-filters{gap:12px}.kra-score-filters-fields{gap:10px;grid-template-columns:repeat(3,minmax(130px,1fr))}.kra-score-filter-select{padding-right:30px;padding-left:31px;font-size:11px}.kra-score-select-icon{left:9px}.kra-score-select-chevron{right:9px}.kra-score-filter-actions{gap:7px}}@media (max-width: 1024px){.kra-score-filters{flex-direction:column;align-items:stretch;gap:12px}.kra-score-filters-fields{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kra-score-filter-actions{width:100%;justify-content:flex-end}}@media (max-width: 768px){.kra-score-filters{gap:13px;padding:14px}.kra-score-filters-fields{grid-template-columns:minmax(0,1fr);gap:11px}.kra-score-filter-group{gap:5px}.kra-score-filter-select{height:40px;font-size:12px}.kra-score-filter-btn{height:40px;min-height:40px;font-size:12px}.kra-score-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kra-score-filter-reset,.kra-score-filter-apply{width:100%;min-width:0}}@media (max-width: 480px){.kra-score-filters{gap:12px;padding:12px}.kra-score-filters-fields{gap:10px}.kra-score-filter-actions{grid-template-columns:minmax(0,1fr)}.kra-score-filter-btn{width:100%}}@media (max-width: 380px){.kra-score-filters{padding:11px 10px}.kra-score-filter-label{font-size:11px}.kra-score-filter-select{height:39px;font-size:11.5px}.kra-score-filter-btn{height:39px;min-height:39px;font-size:11.5px}}@media (max-width: 320px){.kra-score-filters{padding:10px 8px}.kra-score-filter-select{padding-right:29px;padding-left:30px}.kra-score-select-icon{left:9px}.kra-score-select-chevron{right:9px}}@media (prefers-reduced-motion: reduce){.kra-score-filter-select,.kra-score-filter-btn{transition:none}.kra-score-filter-apply:hover{transform:none}}.kra-score-custom-dropdown{position:relative;width:100%;min-width:0;z-index:10}.kra-score-custom-dropdown--open{z-index:100}.kra-score-custom-dropdown--disabled{opacity:.62;cursor:not-allowed}.kra-score-custom-dropdown-trigger{position:relative;width:100%;height:38px;min-height:38px;display:flex;align-items:center;box-sizing:border-box;margin:0;padding:0 34px;border:1px solid #d6e1de;border-radius:8px;outline:none;background:#fff;color:#263a35;font-family:inherit;font-size:11.5px;font-weight:450;line-height:1;text-align:left;cursor:pointer;box-shadow:0 1px 2px #0f2d2705;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .12s ease}.kra-score-custom-dropdown-trigger:hover:not(:disabled){border-color:#b8cbc5;background:#fcfefd}.kra-score-custom-dropdown-trigger:focus-visible{border-color:#087f70;box-shadow:0 0 0 3px #087f701a}.kra-score-custom-dropdown--open .kra-score-custom-dropdown-trigger{border-color:#087f70;background:#fff;box-shadow:0 0 0 3px #087f7014}.kra-score-custom-dropdown-trigger:active:not(:disabled){transform:translateY(1px)}.kra-score-custom-dropdown-trigger:disabled{cursor:not-allowed;background:#f5f8f7;color:#7a8985}.kra-score-custom-dropdown-icon{position:absolute;left:11px;top:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#55736c;pointer-events:none;transform:translateY(-50%)}.kra-score-custom-dropdown-icon svg{width:16px;height:16px;flex:0 0 16px}.kra-score-custom-dropdown-value{display:block;min-width:0;width:100%;overflow:hidden;color:#263a35;white-space:nowrap;text-overflow:ellipsis}.kra-score-custom-dropdown-value--placeholder{color:#84928e}.kra-score-custom-dropdown-chevron{position:absolute;top:50%;right:11px;width:15px;height:15px;color:#48625c;pointer-events:none;transform:translateY(-50%);transition:transform .16s ease,color .16s ease}.kra-score-custom-dropdown--open .kra-score-custom-dropdown-chevron{color:#087f70;transform:translateY(-50%) rotate(180deg)}.kra-score-custom-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;max-height:260px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:5px;border:1px solid #d7e3df;border-radius:9px;background:#fff;box-shadow:0 8px 20px #0f2d2714,0 18px 42px #0f2d271a;z-index:200;animation:kra-score-dropdown-enter .12s ease-out;scrollbar-width:thin;scrollbar-color:#c4d5d0 transparent}.kra-score-custom-dropdown-menu::-webkit-scrollbar{width:5px}.kra-score-custom-dropdown-menu::-webkit-scrollbar-track{background:transparent}.kra-score-custom-dropdown-menu::-webkit-scrollbar-thumb{border-radius:8px;background:#c4d5d0}.kra-score-custom-dropdown-option{width:100%;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;margin:0;padding:7px 9px;border:0;border-radius:6px;outline:none;background:transparent;color:#30433e;font-family:inherit;font-size:11.5px;font-weight:450;line-height:1.25;text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease}.kra-score-custom-dropdown-option:hover,.kra-score-custom-dropdown-option--focused{background:#f1f7f5;color:#087f70}.kra-score-custom-dropdown-option--selected{background:#eaf5f2;color:#087f70;font-weight:600}.kra-score-custom-dropdown-option--selected:hover,.kra-score-custom-dropdown-option--selected.kra-score-custom-dropdown-option--focused{background:#e3f2ee}.kra-score-custom-dropdown-option svg{flex:0 0 auto;color:#087f70}.kra-score-custom-dropdown-empty{min-height:48px;display:flex;align-items:center;justify-content:center;padding:8px 10px;color:#7c8c87;font-size:11px;text-align:center}.kra-score-select-wrapper{position:relative;width:100%;min-width:0;display:block}.kra-score-filter-select,.kra-score-select-icon,.kra-score-select-chevron{all:unset}@media (max-width: 1100px){.kra-score-custom-dropdown-trigger{height:38px;min-height:38px;padding-left:31px;padding-right:30px;font-size:11px}.kra-score-custom-dropdown-icon{left:9px}.kra-score-custom-dropdown-chevron{right:9px}}@media (max-width: 768px){.kra-score-custom-dropdown-trigger{height:40px;min-height:40px;font-size:12px}}@media (max-width: 380px){.kra-score-custom-dropdown-trigger{height:39px;min-height:39px;padding-left:30px;padding-right:29px;font-size:11.5px}.kra-score-custom-dropdown-icon{left:9px}.kra-score-custom-dropdown-chevron{right:9px}}@keyframes kra-score-dropdown-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.kra-score-custom-dropdown-trigger,.kra-score-custom-dropdown-option,.kra-score-custom-dropdown-chevron{transition:none}.kra-score-custom-dropdown-menu{animation:none}}.kra-score-table-card{width:100%;min-width:0;box-sizing:border-box;padding:16px;background:#fff;border:1px solid #e2e8e6;border-radius:10px;box-shadow:0 1px 2px #0f2d2705,0 4px 12px #0f2d2709}.kra-score-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.kra-score-table-title-wrapper{display:flex;align-items:center;min-width:0;gap:8px;color:#182522}.kra-score-table-title-wrapper svg{width:18px;height:18px;flex-shrink:0}.kra-score-table-title{margin:0;color:#182522;font-family:inherit;font-size:17px;line-height:1.3;font-weight:650;letter-spacing:-.015em}.kra-score-entries-control{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#33433f;font-family:inherit;font-size:11.5px;line-height:1.3;font-weight:400;white-space:nowrap}.kra-score-entries-control label{margin:0;color:inherit;font:inherit}.kra-score-entries-control select{width:66px;height:34px;box-sizing:border-box;margin:0;padding:0 27px 0 11px;border:1px solid #dce4e2;border-radius:6px;outline:none;background-color:#fff;color:#263934;font-family:inherit;font-size:11.5px;line-height:normal;font-weight:400;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.kra-score-entries-control select:hover{border-color:#b8ccc7}.kra-score-entries-control select:focus{border-color:#087f70;box-shadow:0 0 0 3px #087f7014}.kra-score-table-wrapper{width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;border:1px solid #e4e9e7;border-radius:7px;background:#fff;scrollbar-width:thin;scrollbar-color:#c8d5d1 transparent;-webkit-overflow-scrolling:touch}.kra-score-table-wrapper::-webkit-scrollbar{height:6px}.kra-score-table-wrapper::-webkit-scrollbar-track{background:transparent}.kra-score-table-wrapper::-webkit-scrollbar-thumb{border-radius:999px;background:#c8d5d1}.kra-score-table{width:100%;min-width:860px;margin:0;border-collapse:collapse;border-spacing:0;table-layout:fixed;background:#fff}.kra-score-table thead{background:#f7f5f2}.kra-score-table th{height:38px;box-sizing:border-box;padding:0 12px;color:#30403c;font-family:inherit;font-size:10px;line-height:1.2;font-weight:650;letter-spacing:.015em;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.kra-score-table th:nth-child(1){width:15%}.kra-score-table th:nth-child(2){width:15%}.kra-score-table th:nth-child(3){width:10%}.kra-score-table th:nth-child(4){width:14%}.kra-score-table th:nth-child(5){width:14%}.kra-score-table th:nth-child(6){width:20%}.kra-score-table th:nth-child(7){width:12%;text-align:center}.kra-score-table tbody tr{background:#fff;border-bottom:1px solid #e8edeb;transition:background-color .15s ease}.kra-score-table tbody tr:last-child{border-bottom:0}.kra-score-table tbody tr:hover{background:#fbfdfc}.kra-score-table td{height:44px;box-sizing:border-box;padding:6px 12px;color:#33433f;font-family:inherit;font-size:11.25px;line-height:1.35;font-weight:400;vertical-align:middle}.kra-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:24px;box-sizing:border-box;padding:3px 8px;border-radius:5px;font-family:inherit;font-size:10.5px;line-height:1.2;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.kra-score-badge--good{color:#277628;background:#edf6e9}.kra-score-badge--average{color:#d56c0b;background:#fff4e4}.kra-score-badge--poor{color:#d62d2d;background:#fdecec}.kra-score-status{display:inline-flex;align-items:center;max-width:100%;gap:7px;color:#33433f;font-family:inherit;font-size:11.25px;line-height:1.3;font-weight:400;white-space:nowrap}.kra-status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#879691}.kra-status--success .kra-status-dot{background:#27942c}.kra-status--warning .kra-status-dot{background:#ee8a22}.kra-status--danger .kra-status-dot{background:#dc2929}.kra-status--neutral .kra-status-dot{background:#879691}.kra-action-column{text-align:center!important}.kra-score-actions{display:flex;align-items:center;justify-content:center;gap:6px}.kra-score-action-btn{width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;border:1px solid #dfe6e3;border-radius:6px;background:#fff;color:#40524d;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.kra-score-action-btn svg{flex-shrink:0}.kra-score-action-btn:hover{border-color:#bdd8d2;background:#f1f8f6;color:#087f70}.kra-score-action-btn--delete:hover{border-color:#efcccc;background:#fff5f5;color:#c83a3a}.kra-score-action-btn:active{transform:scale(.96)}.kra-score-action-btn:focus-visible{outline:2px solid rgba(8,127,112,.25);outline-offset:2px}.kra-score-empty{height:90px!important;padding:20px!important;color:#7b8985!important;font-size:11.5px!important;line-height:1.4;text-align:center}.kra-score-table-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;padding:0 4px}.kra-score-entry-info{margin:0;color:#4c5d58;font-family:inherit;font-size:11px;line-height:1.4;font-weight:400}.kra-score-pagination{display:flex;align-items:center;gap:6px}.kra-pagination-btn{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 7px;border:1px solid #dfe6e3;border-radius:6px;background:#fff;color:#33433f;font-family:inherit;font-size:11px;line-height:1;font-weight:500;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.kra-pagination-btn:hover:not(:disabled,.kra-pagination-btn--active){border-color:#bfd8d2;background:#f2f8f6;color:#087f70}.kra-pagination-btn--active{border-color:#245e61;background:#245e61;color:#fff;box-shadow:0 2px 5px #245e6129}.kra-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.kra-pagination-arrow{padding:0}@media (max-width: 1200px){.kra-score-table-card{padding:15px}.kra-score-table{min-width:840px}}@media (max-width: 1024px){.kra-score-table-card{padding:15px 14px}.kra-score-table-title{font-size:16px}.kra-score-table{min-width:820px}.kra-score-table th,.kra-score-table td{padding-right:11px;padding-left:11px}}@media (max-width: 768px){.kra-score-table-card{padding:14px 12px;border-radius:9px}.kra-score-table-header{align-items:center;gap:12px;margin-bottom:12px}.kra-score-table-title-wrapper{gap:7px}.kra-score-table-title-wrapper svg{width:17px;height:17px}.kra-score-table-title{font-size:15.5px}.kra-score-entries-control{gap:6px;font-size:10.5px}.kra-score-entries-control select{width:58px;height:32px;padding-right:22px;padding-left:8px;font-size:10.5px}.kra-score-table{min-width:790px}.kra-score-table th{height:37px;padding-right:10px;padding-left:10px;font-size:9.75px}.kra-score-table td{height:43px;padding:6px 10px;font-size:11px}.kra-score-table-footer{flex-direction:column;align-items:flex-start;gap:10px;padding:0}.kra-score-pagination{align-self:flex-end}}@media (max-width: 480px){.kra-score-table-card{padding:13px 10px}.kra-score-table-header{flex-direction:column;align-items:stretch;gap:10px}.kra-score-entries-control{align-self:flex-end}.kra-score-table{min-width:760px}.kra-score-table-footer{align-items:stretch}.kra-score-pagination{align-self:flex-start;max-width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}}@media (max-width: 380px){.kra-score-table-card{padding:12px 9px}.kra-score-table-title{font-size:15px}.kra-score-entries-control{font-size:10px}}@media (prefers-reduced-motion: reduce){.kra-score-table tbody tr,.kra-score-action-btn,.kra-pagination-btn,.kra-score-entries-control select{transition:none}.kra-score-action-btn:active{transform:none}}.kra-score-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;background:#0f231f6b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:kra-modal-overlay-enter .18s ease-out}.kra-score-modal{position:relative;width:min(660px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-sizing:border-box;background:#fff;border:1px solid #dce6e3;border-radius:10px;box-shadow:0 8px 24px #0f2d2714,0 24px 64px #0f2d2729;overflow:hidden;animation:kra-modal-enter .2s ease-out}.kra-score-modal:before{content:"";position:absolute;top:0;left:0;right:0;z-index:2;height:3px;background:#087f70}.kra-score-modal-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box;padding:20px 22px 18px;background:#fff;border-bottom:1px solid #e5ecea}.kra-score-modal-heading{min-width:0;display:flex;align-items:center;gap:13px}.kra-score-modal-heading-icon{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #cfe4df;border-radius:9px;background:#eaf5f2;color:#087f70}.kra-score-modal-heading-icon svg{width:20px;height:20px;flex-shrink:0}.kra-score-modal-heading h2{margin:0;color:#182522;font-family:inherit;font-size:17px;line-height:1.3;font-weight:650;letter-spacing:-.015em}.kra-score-modal-heading p{max-width:450px;margin:4px 0 0;color:#71817d;font-family:inherit;font-size:11.5px;line-height:1.45;font-weight:400}.kra-score-modal-close{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;border:1px solid #dce5e2;border-radius:7px;background:#fff;color:#687974;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.kra-score-modal-close:hover{border-color:#c7d6d2;background:#f4f8f7;color:#18312b;transform:rotate(3deg)}.kra-score-modal-close:active{transform:scale(.96)}.kra-score-modal-form{min-height:0;display:flex;flex:1;flex-direction:column}.kra-score-modal-body{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 20px;box-sizing:border-box;padding:22px;background:#fff;overflow-x:hidden;overflow-y:auto}.kra-score-modal-body{scrollbar-width:thin;scrollbar-color:#c7d7d3 transparent}.kra-score-modal-body::-webkit-scrollbar{width:6px}.kra-score-modal-body::-webkit-scrollbar-track{background:transparent}.kra-score-modal-body::-webkit-scrollbar-thumb{border-radius:10px;background:#c7d7d3}.kra-score-field{min-width:0;display:flex;flex-direction:column;gap:7px}.kra-score-field-full{grid-column:1 / -1}.kra-score-field label{display:inline-flex;align-items:center;gap:2px;margin:0;color:#293c37;font-family:inherit;font-size:11.5px;line-height:1.4;font-weight:550}.kra-score-field label>span{margin-left:1px;color:#087f70;font-size:12px}.kra-score-field input,.kra-score-field select{width:100%;height:42px;box-sizing:border-box;margin:0;padding:0 12px;border:1px solid #d1ddda;border-radius:7px;outline:none;background:#fff;color:#20322d;font-family:inherit;font-size:12px;line-height:normal;font-weight:400;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.kra-score-field select{cursor:pointer}.kra-score-field input::placeholder{color:#9aa8a4;opacity:1}.kra-score-field input:hover:not(:disabled),.kra-score-field select:hover:not(:disabled){border-color:#afc2bd}.kra-score-field input:focus,.kra-score-field select:focus{border-color:#087f70;background:#fff;box-shadow:0 0 0 3px #087f7017}.kra-score-field input[type=date],.kra-score-field input[type=month]{cursor:pointer}.kra-score-field input[type=date]::-webkit-calendar-picker-indicator,.kra-score-field input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.kra-score-field input:disabled,.kra-score-field select:disabled,.kra-score-field input[readonly]{border-color:#e1e8e6;background:#f7f9f8;color:#52635e;cursor:default;opacity:1}.kra-score-field .kra-score-input-error{border-color:#c75d5d;background:#fffdfd}.kra-score-field .kra-score-input-error:hover{border-color:#b94e4e}.kra-score-field .kra-score-input-error:focus{border-color:#c75d5d;box-shadow:0 0 0 3px #c75d5d17}.kra-score-field small{display:block;margin:-1px 0 0;color:#b64d4d;font-family:inherit;font-size:10px;line-height:1.4;font-weight:450}.kra-self-score-wrapper{position:relative;width:100%;min-width:0}.kra-self-score-wrapper input{padding-right:64px}.kra-self-score-suffix{position:absolute;top:50%;right:13px;transform:translateY(-50%);color:#74847f;font-family:inherit;font-size:11px;line-height:1;font-weight:500;pointer-events:none}.kra-self-score-wrapper input[type=number]::-webkit-inner-spin-button,.kra-self-score-wrapper input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.kra-score-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;box-sizing:border-box;padding:14px 22px;border-top:1px solid #e3ebe8;background:#fafcfb}.kra-score-modal-cancel,.kra-score-modal-submit{min-width:92px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;padding:0 17px;border-radius:7px;font-family:inherit;font-size:12px;line-height:1;font-weight:550;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.kra-score-modal-cancel{border:1px solid #ccd9d5;background:#fff;color:#465954}.kra-score-modal-cancel:hover{border-color:#afc0bb;background:#f4f8f7;color:#263c36}.kra-score-modal-cancel:active{background:#edf3f1;transform:translateY(1px)}.kra-score-modal-submit{min-width:135px;border:1px solid #087f70;background:#087f70;color:#fff;box-shadow:0 2px 5px #087f7026}.kra-score-modal-submit:hover{border-color:#076f62;background:#076f62;box-shadow:0 4px 10px #087f7030;transform:translateY(-1px)}.kra-score-modal-submit:active{border-color:#066458;background:#066458;box-shadow:0 1px 3px #087f7029;transform:translateY(0)}.kra-score-modal-submit svg{width:16px;height:16px;flex-shrink:0}.kra-score-modal-submit:disabled,.kra-score-modal-cancel:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.kra-score-modal--view .kra-score-modal-heading-icon{border-color:#d5e6e2;background:#edf7f4;color:#087f70}.kra-score-modal--view .kra-score-modal-body{gap:14px 20px}.kra-score-view-field{min-width:0;display:flex;flex-direction:column;gap:5px;box-sizing:border-box;padding:13px 14px;border:1px solid #e1e9e7;border-radius:8px;background:#fafcfb}.kra-score-view-field--full{grid-column:1 / -1}.kra-score-view-label{color:#788783;font-size:10.5px;line-height:1.3;font-weight:500}.kra-score-view-value{color:#20332e;font-size:13px;line-height:1.4;font-weight:600;word-break:break-word}.kra-score-view-score{display:inline-flex;align-items:center;width:fit-content;min-height:27px;box-sizing:border-box;padding:0 10px;border:1px solid #cce2dc;border-radius:6px;background:#eaf5f2;color:#087f70;font-size:11.5px;font-weight:650}.kra-score-view-status{display:inline-flex;align-items:center;width:fit-content;gap:6px;min-height:27px;box-sizing:border-box;padding:0 10px;border:1px solid #cfe3de;border-radius:999px;background:#edf7f4;color:#24695f;font-size:11px;font-weight:600}.kra-score-view-status:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#087f70}.kra-score-modal--edit .kra-score-modal-heading-icon{border-color:#cfe4df;background:#eaf5f2;color:#087f70}.kra-score-modal-close:focus-visible,.kra-score-modal-cancel:focus-visible,.kra-score-modal-submit:focus-visible{outline:2px solid rgba(8,127,112,.28);outline-offset:2px}@keyframes kra-modal-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes kra-modal-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.kra-score-modal-overlay{padding:16px}.kra-score-modal{width:min(620px,100%);max-height:calc(100vh - 32px);border-radius:12px}.kra-score-modal-header{padding:17px 18px}.kra-score-modal-body{grid-template-columns:1fr;gap:15px;padding:18px}.kra-score-field-full,.kra-score-view-field--full{grid-column:auto}.kra-score-modal-footer{padding:14px 18px}}@media (max-width: 576px){.kra-score-modal-overlay{align-items:flex-end;padding:0}.kra-score-modal{width:100%;max-height:92dvh;border-right:0;border-bottom:0;border-left:0;border-radius:14px 14px 0 0}.kra-score-modal-header{align-items:center;gap:12px;padding:16px}.kra-score-modal-heading{gap:10px}.kra-score-modal-heading-icon{width:38px;height:38px;flex-basis:38px;border-radius:8px}.kra-score-modal-heading h2{font-size:16px}.kra-score-modal-heading p{display:none}.kra-score-modal-body{padding:16px;gap:14px}.kra-score-field input,.kra-score-field select{height:43px}.kra-score-modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 16px calc(13px + env(safe-area-inset-bottom))}.kra-score-modal-cancel,.kra-score-modal-submit{width:100%;min-width:0;min-height:42px}}@media (max-width: 380px){.kra-score-modal-header,.kra-score-modal-body{padding:14px}.kra-score-modal-footer{padding-right:14px;padding-left:14px}.kra-score-modal-heading-icon{width:36px;height:36px;flex-basis:36px}.kra-score-modal-heading h2{font-size:15px}}@media (prefers-reduced-motion: reduce){.kra-score-modal-overlay,.kra-score-modal{animation:none}.kra-score-modal-close,.kra-score-modal-cancel,.kra-score-modal-submit,.kra-score-field input,.kra-score-field select{transition:none}.kra-score-modal-close:hover,.kra-score-modal-submit:hover{transform:none}}.kra-parameter-section{width:100%;min-width:0;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.kra-parameter-loading{min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;box-sizing:border-box;border:1px solid #dce9e5;border-radius:9px;background:#f7fbfa;color:#60736d;font-size:11.5px;line-height:1.45}.kra-parameter-loading svg{flex:0 0 auto;color:#087f70;animation:kra-spin .9s linear infinite}.kra-parameter-error{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;box-sizing:border-box;border:1px solid #ead7d7;border-left:3px solid #b85a5a;border-radius:8px;background:snow;color:#7e4a4a;font-size:11.5px;line-height:1.5}.kra-parameter-table-wrapper{width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;border:1px solid #dce7e4;border-radius:9px;background:#fff;box-shadow:0 2px 8px #0f2d2709}.kra-parameter-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;table-layout:fixed}.kra-parameter-table th{padding:12px;border-bottom:1px solid #dce7e4;background:#f4f8f7;color:#30443f;text-align:left;vertical-align:middle;font-size:10.5px;line-height:1.35;font-weight:650;letter-spacing:.005em}.kra-parameter-table th+th,.kra-parameter-table td+td{border-left:1px solid #edf2f0}.kra-parameter-table th span{display:block;margin-top:3px;color:#82908c;font-size:9px;line-height:1.3;font-weight:450}.kra-parameter-table td{padding:11px 12px;border-bottom:1px solid #edf2f0;color:#2d403b;text-align:left;vertical-align:middle;font-size:11.5px;line-height:1.4}.kra-parameter-table tbody tr:not(.kra-total-row):hover td{background:#fbfdfc}.kra-parameter-table tbody tr:last-child td{border-bottom:0}.kra-col-focused{width:28%}.kra-col-weight{width:13%}.kra-col-rating{width:20%}.kra-col-improvement{width:39%}.kra-focused-area{color:#243a34;font-weight:550;word-break:break-word}.kra-weightage-value{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:25px;padding:0 8px;box-sizing:border-box;border:1px solid #d4e5e1;border-radius:6px;background:#f0f8f6;color:#087f70;font-weight:650;font-size:11px}.kra-parameter-input{width:100%;min-width:0;height:36px;box-sizing:border-box;margin:0;padding:0 9px;border:1px solid #d3dfdc;border-radius:6px;outline:none;background:#fff;color:#233731;font-family:inherit;font-size:11.5px;line-height:normal;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.kra-parameter-input:hover:not(:disabled):not([readonly]){border-color:#aebfba}.kra-parameter-input:focus{border-color:#087f70;background:#fff;box-shadow:0 0 0 3px #087f7017}.kra-parameter-input--readonly,.kra-parameter-input:disabled,.kra-parameter-input[readonly]{border-color:#e1e9e6;background:#f7f9f8;color:#61716c;cursor:default;opacity:1}.kra-rating-help{display:block;margin-top:4px;color:#8a9894;font-size:9px;line-height:1.35}.kra-total-row td{border-top:1px solid #dce7e4;border-bottom:0!important;background:#f5f9f8;color:#243a34;font-weight:650}.kra-total-row td:first-child{border-bottom-left-radius:8px}.kra-total-row td:last-child{border-bottom-right-radius:8px}.kra-total-value{color:#087f70;font-size:12px;font-weight:700}.kra-grade-section{display:flex;flex-direction:column;gap:9px;padding:12px 13px;box-sizing:border-box;border:1px solid #dce7e4;border-radius:9px;background:#fbfdfc}.kra-grade-title{color:#31443f;font-size:11px;line-height:1.3;font-weight:650}.kra-grade-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.kra-grade-badge{min-height:32px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:5px 7px;border:1px solid;border-radius:6px;text-align:center;font-size:9px;line-height:1.25;font-weight:550}.kra-grade-below{border-color:#ead1d1;background:#fff7f7;color:#a04d4d}.kra-grade-average{border-color:#eadfbe;background:#fffaf0;color:#87691f}.kra-grade-met{border-color:#cfe4df;background:#edf8f5;color:#087565}.kra-grade-exceeded{border-color:#d1dfeb;background:#f3f8fc;color:#416b88}.kra-current-grade{min-height:35px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:7px 10px;border:1px solid #cfe4df;border-radius:7px;background:#eaf5f2;color:#087f70;text-align:center;font-size:10.5px;line-height:1.3;font-weight:650}.kra-current-grade.kra-grade-below{border-color:#ead1d1;background:#fff3f3;color:#a04d4d}.kra-current-grade.kra-grade-average{border-color:#eadfbe;background:#fff8e9;color:#87691f}.kra-current-grade.kra-grade-met{border-color:#cfe4df;background:#eaf5f2;color:#087565}.kra-current-grade.kra-grade-exceeded{border-color:#d1dfeb;background:#f0f7fb;color:#416b88}.kra-score-modal{width:min(900px,100%)}.kra-score-modal-body{gap:16px 20px}.kra-parameter-section>.kra-parameter-error{border-left-color:#087f70;border-color:#cfe4df;background:#f3faf8;color:#3c5c55}@keyframes kra-spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.kra-score-modal{width:min(760px,100%)}.kra-grade-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 576px){.kra-score-modal{width:100%}.kra-parameter-table{min-width:680px}.kra-grade-list{grid-template-columns:1fr}}.kra-page{width:100%;min-width:0;min-height:100%;box-sizing:border-box;background:#f7f9f8;color:#182522}.kra-page-container{width:100%;min-width:0;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;padding:20px}.kra-page-container>*{width:100%;min-width:0;box-sizing:border-box}.kra-page-container>.kra-score-table-card{min-width:0}.kra-page-pagination{width:100%;min-width:0;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;box-sizing:border-box;background:#fff;border:1px solid #dce5e2;border-radius:10px;box-shadow:0 1px 2px #0f2d2705,0 3px 8px #0f2d2706}.kra-page-pagination-info{margin:0;padding:0;color:#40534e;font-family:inherit;font-size:12px;line-height:1.4;font-weight:400;white-space:nowrap}.kra-page-pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0;padding:0}.kra-page-pagination-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;margin:0;padding:0;box-sizing:border-box;background:#fff;border:1px solid #dce5e2;border-radius:7px;color:#40534e;font-family:inherit;font-size:12px;line-height:1;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #0f2d2706;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.kra-page-pagination-btn svg{width:16px;height:16px;display:block;flex-shrink:0;stroke-width:1.8;pointer-events:none}.kra-page-pagination-btn:hover:not(:disabled,.kra-page-pagination-btn--active){background:#f1f7f5;border-color:#b9d3cc;color:#087f70;box-shadow:0 2px 5px #0f2d270f}.kra-page-pagination-btn--active{background:#245e61;border-color:#245e61;color:#fff;font-weight:600;box-shadow:0 3px 7px #245e612e;cursor:default}.kra-page-pagination-controls .kra-page-pagination-btn.kra-page-pagination-btn--active{background-color:#245e61;border-color:#245e61;color:#fff}.kra-page-pagination-btn:disabled{background:#f6f8f7;border-color:#e3e9e7;color:#aab6b2;opacity:.65;cursor:not-allowed;box-shadow:none}.kra-page-pagination-btn:active:not(:disabled){transform:translateY(1px)}.kra-page-pagination-btn:focus-visible{outline:2px solid rgba(8,127,112,.24);outline-offset:2px}.kra-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100%;height:100%;padding:0;margin:0;border:0;background:#0f231f59;cursor:default}@media (min-width: 1440px){.kra-page-container{padding:15px 20px 18px;gap:3px}.kra-page-pagination{padding:14px 24px}}@media (max-width: 1200px){.kra-page-container{padding:18px;gap:15px}.kra-page-pagination{padding:13px 18px}}@media (max-width: 1024px){.kra-page-container{padding:16px;gap:14px}.kra-page-pagination{min-height:60px;padding:12px 16px}.kra-page-pagination-btn{width:34px;min-width:34px;height:34px;flex-basis:34px}}@media (max-width: 768px){.kra-page-container{padding:14px;gap:13px}.kra-page-pagination{min-height:auto;gap:14px;padding:12px 14px;border-radius:9px}.kra-page-pagination-info{font-size:11.5px}.kra-page-pagination-controls{gap:6px}.kra-page-pagination-btn{width:33px;min-width:33px;height:33px;flex-basis:33px;border-radius:6px}.kra-page-pagination-btn svg{width:15px;height:15px}}@media (max-width: 576px){.kra-page-container{padding:12px;gap:12px}.kra-page-pagination{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.kra-page-pagination-info{width:100%;white-space:normal}.kra-page-pagination-controls{width:100%;justify-content:flex-end}.kra-page-pagination-btn{width:32px;min-width:32px;height:32px;flex-basis:32px;font-size:11.5px}}@media (max-width: 380px){.kra-page-container,.kra-page-pagination{padding:10px;gap:10px}.kra-page-pagination-info{font-size:11px}.kra-page-pagination-controls{gap:5px}.kra-page-pagination-btn{width:30px;min-width:30px;height:30px;flex-basis:30px;font-size:11px}.kra-page-pagination-btn svg{width:14px;height:14px}}@media (prefers-reduced-motion: reduce){.kra-page *,.kra-page *:before,.kra-page *:after{scroll-behavior:auto}.kra-page-pagination-btn{transition:none}.kra-page-pagination-btn:active:not(:disabled){transform:none}}.kra-score-list-section{width:100%;min-width:0;display:flex;flex-direction:column;box-sizing:border-box;background:#fff;border:1px solid #dce5e2;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0f2d2705,0 4px 12px #0f2d2708}.kra-score-list-section .kra-score-table-card{border:0;border-radius:0;box-shadow:none}.kra-score-list-section .kra-page-pagination{border:0;border-top:1px solid #e4ebe8;border-radius:0;box-shadow:none}.kra-page-pagination-info strong{color:#182522;font-weight:600}.kra-management-header{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;box-sizing:border-box;margin:0;padding:0}.kra-management-header-left{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:3px;margin:0;padding:0}.kra-management-header-title{margin:0;padding:0;color:#101c1a;font-family:inherit;font-size:25px;font-weight:700;line-height:1.2;letter-spacing:-.4px}.kra-management-header-description{max-width:100%;margin:0;padding:0;color:#5b6865;font-family:inherit;font-size:12px;font-weight:400;line-height:1.4}.kra-management-header-breadcrumb{min-width:0;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0;padding:0;white-space:nowrap}.kra-management-header-breadcrumb-item{margin:0;padding:0;color:#66716e;font-family:inherit;font-size:11px;font-weight:400;line-height:1.35}.kra-management-header-breadcrumb-current{color:#3e4d49;font-weight:500}.kra-management-header-breadcrumb-icon{width:12px;height:12px;flex:0 0 12px;color:#96a09d}@media (min-width: 1440px){.kra-management-header{gap:20px}.kra-management-header-title{font-size:25px}.kra-management-header-description{font-size:12px}.kra-management-header-breadcrumb-item{font-size:11px}}@media (max-width: 1279px){.kra-management-header{gap:16px}.kra-management-header-title{font-size:24px}}@media (max-width: 1024px){.kra-management-header{gap:14px}.kra-management-header-title{font-size:23px}.kra-management-header-description{font-size:11.5px}.kra-management-header-breadcrumb-item{font-size:10.5px}}@media (max-width: 768px){.kra-management-header{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px}.kra-management-header-left{width:100%;gap:3px}.kra-management-header-title{font-size:22px;letter-spacing:-.3px}.kra-management-header-description{font-size:11.5px;line-height:1.4}.kra-management-header-breadcrumb{width:100%;justify-content:flex-start}}@media (max-width: 576px){.kra-management-header{gap:6px}.kra-management-header-left{gap:2px}.kra-management-header-title{font-size:21px;line-height:1.2;letter-spacing:-.25px}.kra-management-header-description{font-size:11px;line-height:1.4}.kra-management-header-breadcrumb{gap:5px;flex-wrap:wrap;white-space:normal}.kra-management-header-breadcrumb-item{font-size:10.5px}.kra-management-header-breadcrumb-icon{width:11px;height:11px;flex:0 0 11px}}@media (max-width: 380px){.kra-management-header-title{font-size:20px}.kra-management-header-description{font-size:10.5px}.kra-management-header-breadcrumb-item{font-size:10px}}.kra-management-summary{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;box-sizing:border-box}.kra-management-summary-card{position:relative;width:100%;min-width:0;min-height:112px;margin:0;padding:0;box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid #dce5e2;border-radius:9px;box-shadow:0 1px 3px #18373206,0 4px 12px #1837320a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.kra-management-summary-card:hover{border-color:#cfdcd8;box-shadow:0 2px 5px #18373208,0 6px 15px #1837320e;transform:translateY(-1px)}.kra-management-summary-card-content{position:relative;z-index:2;min-height:88px;display:flex;align-items:flex-start;gap:11px;box-sizing:border-box;margin:0;padding:15px 14px 8px}.kra-management-summary-icon{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;border-radius:9px}.kra-management-summary-icon svg{width:23px;height:23px;display:block;flex-shrink:0}.kra-management-summary-info{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:0}.kra-management-summary-title{display:block;max-width:100%;margin:0 0 1px;padding:0;overflow:hidden;color:#173934;font-family:inherit;font-size:11px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.kra-management-summary-value{display:block;margin:0;padding:0;color:#0d1816;font-family:inherit;font-size:25px;font-weight:700;line-height:1;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.kra-management-summary-badge{width:fit-content;max-width:100%;min-height:17px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin-top:5px;padding:2px 7px;overflow:hidden;color:#254a43;background:#e3efec;border-radius:999px;font-family:inherit;font-size:9px;font-weight:500;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.kra-management-summary-card--primary .kra-management-summary-icon{background:linear-gradient(135deg,#3c7773,#255f5d)}.kra-management-summary-card--primary .kra-management-summary-badge{color:#245149;background:#e2efec}.kra-management-summary-card--warning .kra-management-summary-icon{background:linear-gradient(135deg,#e6d0b5,#d9b68d)}.kra-management-summary-card--warning .kra-management-summary-badge{color:#68503a;background:#f3e9dc}.kra-management-summary-card--employee .kra-management-summary-icon{background:linear-gradient(135deg,#79afad,#579290)}.kra-management-summary-card--employee .kra-management-summary-badge{color:#28534c;background:#deedeb}.kra-management-summary-card--year .kra-management-summary-icon{background:linear-gradient(135deg,#397772,#245e5c)}.kra-management-summary-card--year .kra-management-summary-badge{color:#234c46;background:#deebe8}.kra-management-summary-wave{position:absolute;right:0;bottom:0;left:0;z-index:1;width:100%;height:30px;overflow:hidden;pointer-events:none}.kra-management-summary-wave svg{width:100%;height:100%;display:block}.kra-management-summary-wave-fill{fill:#42827d11}.kra-management-summary-wave-line{fill:none;stroke:#669f9b;stroke-width:1.25;vector-effect:non-scaling-stroke}.kra-management-summary-card--warning .kra-management-summary-wave-fill{fill:#d9b68d16}.kra-management-summary-card--warning .kra-management-summary-wave-line{stroke:#ddb98f}.kra-management-summary-card--employee .kra-management-summary-wave-fill{fill:#5b979412}.kra-management-summary-card--employee .kra-management-summary-wave-line{stroke:#76aaa7}.kra-management-summary-card--year .kra-management-summary-wave-fill{fill:#266f6711}.kra-management-summary-card--year .kra-management-summary-wave-line{stroke:#3f887f}@media (min-width: 1440px){.kra-management-summary{gap:12px}.kra-management-summary-card{min-height:112px}.kra-management-summary-card-content{min-height:88px;padding:15px 14px 8px}.kra-management-summary-icon{width:44px;height:44px;flex-basis:44px}.kra-management-summary-value{font-size:25px}}@media (max-width: 1439px) and (min-width: 1025px){.kra-management-summary{gap:10px}.kra-management-summary-card{min-height:108px}.kra-management-summary-card-content{min-height:85px;gap:9px;padding:14px 12px 7px}.kra-management-summary-icon{width:42px;height:42px;flex:0 0 42px;border-radius:8px}.kra-management-summary-icon svg{width:22px;height:22px}.kra-management-summary-title{font-size:10.5px}.kra-management-summary-value{font-size:24px}.kra-management-summary-badge{padding-right:6px;padding-left:6px;font-size:8.5px}}@media (max-width: 1024px) and (min-width: 901px){.kra-management-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kra-management-summary-card{min-height:106px}.kra-management-summary-card-content{min-height:83px;gap:8px;padding:13px 10px 7px}.kra-management-summary-icon{width:40px;height:40px;flex:0 0 40px;border-radius:8px}.kra-management-summary-icon svg{width:21px;height:21px}.kra-management-summary-title{font-size:10px}.kra-management-summary-value{font-size:23px}.kra-management-summary-badge{margin-top:4px;padding:2px 6px;font-size:8px}.kra-management-summary-wave{height:28px}}@media (max-width: 900px){.kra-management-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kra-management-summary-card{min-height:108px}.kra-management-summary-card-content{min-height:85px;gap:10px;padding:14px 13px 7px}.kra-management-summary-icon{width:42px;height:42px;flex:0 0 42px;border-radius:8px}.kra-management-summary-icon svg{width:22px;height:22px}.kra-management-summary-title{font-size:10.5px}.kra-management-summary-value{font-size:24px}.kra-management-summary-badge{margin-top:4px;font-size:8.5px}.kra-management-summary-wave{height:28px}}@media (max-width: 576px){.kra-management-summary{grid-template-columns:minmax(0,1fr);gap:9px}.kra-management-summary-card{min-height:104px}.kra-management-summary-card-content{min-height:82px;gap:11px;padding:13px 13px 7px}.kra-management-summary-icon{width:42px;height:42px;flex:0 0 42px}.kra-management-summary-icon svg{width:22px;height:22px}.kra-management-summary-title{margin-top:0;font-size:10.5px}.kra-management-summary-value{font-size:24px}.kra-management-summary-badge{margin-top:4px;min-height:17px;font-size:8.5px}.kra-management-summary-wave{height:27px}}@media (max-width: 380px){.kra-management-summary{gap:8px}.kra-management-summary-card{min-height:100px}.kra-management-summary-card-content{min-height:79px;gap:9px;padding:12px 11px 6px}.kra-management-summary-icon{width:39px;height:39px;flex:0 0 39px;border-radius:8px}.kra-management-summary-icon svg{width:20px;height:20px}.kra-management-summary-title{font-size:10px}.kra-management-summary-value{font-size:22px}.kra-management-summary-badge{min-height:16px;padding:2px 6px;font-size:8px}.kra-management-summary-wave{height:25px}}@media (max-width: 340px){.kra-management-summary-card-content{gap:8px;padding-right:10px;padding-left:10px}.kra-management-summary-icon{width:38px;height:38px;flex:0 0 38px}.kra-management-summary-icon svg{width:19px;height:19px}.kra-management-summary-value{font-size:21px}}@media (prefers-reduced-motion: reduce){.kra-management-summary-card{transition:none}.kra-management-summary-card:hover{transform:none}}.kra-management-filters{position:relative;width:100%;min-width:0;box-sizing:border-box;margin:0;padding:14px 18px;overflow:hidden;background:#fff;border:1px solid #e2e8e5;border-radius:9px;box-shadow:0 1px 3px #19312c06,0 4px 12px #19312c09}.kra-management-filter-decoration{position:absolute;top:13px;right:18px;width:70px;display:grid;grid-template-columns:repeat(5,3px);justify-content:end;gap:7px;pointer-events:none;opacity:.48}.kra-management-filter-decoration span{width:3px;height:3px;display:block;border-radius:50%;background:#ddd8cf}.kra-management-filter-heading{position:relative;z-index:2;display:flex;align-items:center;gap:7px;margin:0 0 11px}.kra-management-filter-heading-icon{width:26px;height:26px;flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f0f1ed;color:#315f60}.kra-management-filter-heading-icon svg{width:15px;height:15px;display:block}.kra-management-filter-heading h2{margin:0;padding:0;color:#172522;font-family:inherit;font-size:14px;font-weight:650;line-height:1.3;letter-spacing:-.015em}.kra-management-filter-grid{position:relative;z-index:2;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(132px,.7fr);grid-template-areas:"search search year empty" "selectYear fromMonth toMonth download";column-gap:16px;row-gap:10px;align-items:end;box-sizing:border-box}.kra-management-filter-search{grid-area:search}.kra-management-filter-year{grid-area:year}.kra-management-filter-select-year{grid-area:selectYear}.kra-management-filter-from{grid-area:fromMonth}.kra-management-filter-to{grid-area:toMonth}.kra-management-filter-download{grid-area:download}.kra-management-filter-field{width:100%;min-width:0;display:flex;flex-direction:column;gap:5px}.kra-management-filter-field label{display:block;margin:0;padding:0;color:#264640;font-family:inherit;font-size:11px;font-weight:600;line-height:1.3}.kra-management-filter-field input,.kra-management-filter-field select{width:100%;height:36px;min-width:0;box-sizing:border-box;margin:0;border:1px solid #d8e0dd;border-radius:6px;outline:none;background-color:#fff;color:#354642;font-family:inherit;font-size:11px;font-weight:400;line-height:normal;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.kra-management-filter-field input{padding:0 38px 0 11px}.kra-management-filter-field select{padding:0 30px 0 11px;cursor:pointer}.kra-management-filter-field input::placeholder{color:#7c8986;opacity:1}.kra-management-filter-field input:hover,.kra-management-filter-field select:hover{border-color:#bdcbc7}.kra-management-filter-field input:focus,.kra-management-filter-field select:focus{border-color:#477a77;box-shadow:0 0 0 3px #315f6012}.kra-management-search-wrapper{position:relative;width:100%;min-width:0}.kra-management-search-wrapper input{width:100%}.kra-management-search-icon{position:absolute;top:50%;right:11px;width:16px;height:16px;color:#315f60;pointer-events:none;transform:translateY(-50%)}.kra-management-search-wrapper input[type=search]::-webkit-search-cancel-button,.kra-management-search-wrapper input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.kra-management-filter-download{min-width:0;display:flex;align-items:flex-end;justify-content:flex-end}.kra-management-download-button{min-width:132px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;margin:0;padding:0 14px;border:1px solid #315f68;border-radius:6px;background:#315f68;color:#fff;font-family:inherit;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 1px 3px #1f464914;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.kra-management-download-button svg{width:15px;height:15px;flex:0 0 15px}.kra-management-download-button:hover{border-color:#274f56;background:#274f56;box-shadow:0 3px 7px #1f46491f;transform:translateY(-1px)}.kra-management-download-button:active{transform:translateY(0);box-shadow:0 1px 2px #1f464914}.kra-management-download-button:focus-visible{outline:3px solid rgba(49,95,104,.14);outline-offset:2px}@media (min-width: 1440px){.kra-management-filters{padding:14px 18px}.kra-management-filter-grid{column-gap:16px;row-gap:10px}}@media (max-width: 1439px) and (min-width: 1025px){.kra-management-filters{padding:13px 16px}.kra-management-filter-heading{margin-bottom:10px}.kra-management-filter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(125px,.65fr);column-gap:13px;row-gap:9px}.kra-management-download-button{min-width:125px;padding:0 12px;font-size:10.5px}}@media (max-width: 1024px) and (min-width: 901px){.kra-management-filters{padding:13px 14px}.kra-management-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"search search year" "selectYear fromMonth toMonth" "download download download";column-gap:12px;row-gap:9px}.kra-management-filter-download{justify-content:flex-end}.kra-management-download-button{min-width:128px}}@media (max-width: 900px){.kra-management-filters{padding:14px}.kra-management-filter-heading{margin-bottom:10px}.kra-management-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"search search" "year selectYear" "fromMonth toMonth" "download download";column-gap:12px;row-gap:10px}.kra-management-filter-decoration{top:13px;right:14px}.kra-management-filter-download{justify-content:flex-end}.kra-management-download-button{min-width:132px}}@media (max-width: 576px){.kra-management-filters{padding:12px;border-radius:8px}.kra-management-filter-heading{margin-bottom:10px}.kra-management-filter-heading-icon{width:25px;height:25px;flex-basis:25px}.kra-management-filter-heading h2{font-size:13.5px}.kra-management-filter-decoration{display:none}.kra-management-filter-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"search" "year" "selectYear" "fromMonth" "toMonth" "download";gap:9px}.kra-management-filter-field{gap:4px}.kra-management-filter-field label{font-size:10.5px}.kra-management-filter-field input,.kra-management-filter-field select{height:38px;font-size:11.5px}.kra-management-filter-download{width:100%;margin-top:1px}.kra-management-download-button{width:100%;min-width:0;height:38px;font-size:11.5px}}@media (max-width: 380px){.kra-management-filters{padding:11px}.kra-management-filter-heading{gap:6px;margin-bottom:9px}.kra-management-filter-heading-icon{width:24px;height:24px;flex-basis:24px}.kra-management-filter-heading-icon svg{width:14px;height:14px}.kra-management-filter-heading h2{font-size:13px}.kra-management-filter-grid{gap:8px}.kra-management-filter-field input,.kra-management-filter-field select,.kra-management-download-button{height:37px}}@media (max-width: 340px){.kra-management-filters{padding:10px}.kra-management-filter-field label{font-size:10px}.kra-management-filter-field input,.kra-management-filter-field select,.kra-management-download-button{font-size:11px}}@media (prefers-reduced-motion: reduce){.kra-management-filter-field input,.kra-management-filter-field select,.kra-management-download-button{transition:none}.kra-management-download-button:hover{transform:none}}.kra-management-table-card{width:100%;min-width:0;box-sizing:border-box;margin:0;padding:8px;overflow:hidden;background:#fff;border:1px solid #e1e7e5;border-radius:9px;box-shadow:0 2px 5px #19312c06,0 6px 16px #19312c0a}.kra-management-table-scroll{width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;background:#fff;border:1px solid #e2e8e6;border-radius:6px;scrollbar-width:thin;scrollbar-color:#c9d5d2 #f6f8f7;-webkit-overflow-scrolling:touch}.kra-management-table-scroll::-webkit-scrollbar{height:6px}.kra-management-table-scroll::-webkit-scrollbar-track{background:#f6f8f7}.kra-management-table-scroll::-webkit-scrollbar-thumb{background:#c9d5d2;border:1px solid #f6f8f7;border-radius:999px}.kra-management-table-scroll::-webkit-scrollbar-thumb:hover{background:#afc0bc}.kra-management-table{width:100%;min-width:1010px;margin:0;border-collapse:collapse;border-spacing:0;table-layout:auto;color:#17302c;background:#fff;font-family:inherit;font-size:10px}.kra-management-table thead{background:#edf2f0}.kra-management-table th{height:36px;box-sizing:border-box;padding:0 9px;color:#173b38;background:#edf2f0;border-bottom:1px solid #dde5e2;font-family:inherit;font-size:10px;font-weight:650;line-height:1.2;text-align:left;vertical-align:middle;white-space:nowrap}.kra-management-table td{height:42px;box-sizing:border-box;padding:5px 9px;color:#243c37;background:transparent;border-bottom:1px solid #e8edeb;font-family:inherit;font-size:10px;font-weight:450;line-height:1.3;vertical-align:middle;white-space:nowrap}.kra-management-table tbody tr{background:#fff;transition:background-color .15s ease}.kra-management-table tbody tr:hover{background:#fafcfb}.kra-management-table tbody tr:last-child td{border-bottom:0}.kra-management-employee{min-width:132px;display:flex;align-items:center;gap:7px}.kra-management-avatar{width:28px;height:28px;flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;font-family:inherit;font-size:9px;font-weight:650;line-height:1;-webkit-user-select:none;user-select:none;transition:transform .16s ease}.kra-management-table tbody tr:hover .kra-management-avatar{transform:scale(1.03)}.kra-management-employee-info{min-width:0;display:flex;flex-direction:column;gap:1px}.kra-management-employee-info strong{display:block;max-width:125px;margin:0;padding:0;overflow:hidden;color:#173631;font-family:inherit;font-size:10.2px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.kra-management-designation{display:inline-block;max-width:115px;overflow:hidden;color:#61716d;font-family:inherit;font-size:9.7px;font-weight:400;line-height:1.3;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.kra-management-sort-heading{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.kra-management-sort-heading svg{width:11px;height:11px;flex:0 0 11px;color:#496b66}.kra-management-score{min-width:36px;min-height:19px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:2px 6px;border-radius:999px;font-family:inherit;font-size:9.5px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.kra-management-score--good{color:#176d52;background:#e1f2eb}.kra-management-score--average{color:#bf6b0d;background:#fff0da}.kra-management-action-heading{text-align:center!important}.kra-management-actions{display:flex;align-items:center;justify-content:center;gap:5px}.kra-management-action-button{width:25px;height:25px;flex:0 0 25px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0;color:#24443f;background:#f4f6f5;border:1px solid transparent;border-radius:50%;outline:none;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.kra-management-action-button svg{display:block;width:13px;height:13px;flex-shrink:0}.kra-management-action-button:hover{color:#205f59;background:#e8efed;border-color:#dce6e3;transform:translateY(-1px)}.kra-management-action-button:active{transform:translateY(0)}.kra-management-action-button:focus-visible{border-color:#6f9691;box-shadow:0 0 0 3px #315f6017}.kra-management-action-button--delete{color:#c64b42;background:#fff4f2}.kra-management-action-button--delete:hover{color:#ae382f;background:#fde9e5;border-color:#f5d7d2}.kra-management-table-empty{height:90px!important;color:#71807c!important;background:#fff!important;font-size:10.5px!important;font-weight:450!important;text-align:center}.kra-management-table-footer{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;padding:9px 5px 0}.kra-management-table-info{margin:0;padding:0;color:#536560;font-family:inherit;font-size:10px;font-weight:450;line-height:1.35;white-space:nowrap}.kra-management-pagination-area{min-width:0;display:flex;align-items:center;gap:9px;flex-shrink:0}.kra-management-page-size{flex-shrink:0}.kra-management-page-size select{height:29px;box-sizing:border-box;margin:0;padding:0 27px 0 9px;color:#425651;background-color:#fff;border:1px solid #dce4e1;border-radius:5px;outline:none;font-family:inherit;font-size:9.5px;font-weight:450;line-height:normal;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.kra-management-page-size select:hover{border-color:#c3d0cd}.kra-management-page-size select:focus{border-color:#3f716d;box-shadow:0 0 0 3px #315f6014}.kra-management-pagination{display:flex;align-items:center;gap:4px}.kra-management-page-button{min-width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0 6px;color:#304641;background:#fff;border:1px solid #dfe6e4;border-radius:5px;outline:none;font-family:inherit;font-size:9.5px;font-weight:500;line-height:1;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.kra-management-page-button svg{display:block;width:14px;height:14px;flex-shrink:0}.kra-management-page-button:hover:not(:disabled){color:#234d48;background:#f5f8f7;border-color:#becdca}.kra-management-page-button:focus-visible{border-color:#6f9691;box-shadow:0 0 0 3px #315f6014}.kra-management-page-button--active{color:#fff;background:#315f64;border-color:#315f64;box-shadow:0 1px 4px #315f6421}.kra-management-page-button--active:hover:not(:disabled){color:#fff;background:#315f64;border-color:#315f64}.kra-management-page-button:disabled{color:#b4bfbc;background:#f7f8f8;border-color:#e5e9e8;cursor:not-allowed}@media (min-width: 1440px){.kra-management-table{min-width:1010px}.kra-management-table th,.kra-management-table td{padding-right:10px;padding-left:10px}}@media (max-width: 1200px){.kra-management-table-card{padding:7px}.kra-management-table{min-width:1000px}.kra-management-table th,.kra-management-table td{padding-right:8px;padding-left:8px}}@media (max-width: 900px){.kra-management-table-card{padding:7px}.kra-management-table{min-width:990px}.kra-management-table-scroll{-webkit-overflow-scrolling:touch}.kra-management-table-footer{padding:10px 4px 0}}@media (max-width: 576px){.kra-management-table-card{padding:6px;border-radius:8px}.kra-management-table-scroll{border-radius:5px}.kra-management-table{min-width:970px}.kra-management-table th{height:36px;padding-right:8px;padding-left:8px;font-size:9.7px}.kra-management-table td{height:41px;padding:5px 8px;font-size:9.7px}.kra-management-avatar{width:28px;height:28px;flex-basis:28px;font-size:9px}.kra-management-employee{min-width:128px;gap:7px}.kra-management-employee-info strong{max-width:115px;font-size:10px}.kra-management-designation{font-size:9.5px}.kra-management-score{min-width:35px;min-height:19px;padding:2px 5px;font-size:9.4px}.kra-management-action-button{width:25px;height:25px;flex-basis:25px}.kra-management-table-footer{flex-direction:column;align-items:stretch;gap:9px;padding:10px 2px 1px}.kra-management-table-info{width:100%;text-align:center;white-space:normal}.kra-management-pagination-area{width:100%;justify-content:space-between;gap:8px}.kra-management-pagination{gap:4px}.kra-management-page-button{min-width:28px;height:28px}.kra-management-page-size select{height:30px}}@media (max-width: 380px){.kra-management-table-card{padding:5px}.kra-management-pagination-area{flex-direction:column;align-items:stretch;gap:8px}.kra-management-page-size{width:100%}.kra-management-page-size select{width:100%;height:33px}.kra-management-pagination{width:100%;justify-content:center;flex-wrap:wrap}}@media (max-width: 340px){.kra-management-table-card{padding:4px}.kra-management-table{min-width:950px}.kra-management-table-footer{padding-right:2px;padding-left:2px}.kra-management-page-button{min-width:28px;height:28px;padding-right:5px;padding-left:5px}}@media (prefers-reduced-motion: reduce){.kra-management-table tbody tr,.kra-management-avatar,.kra-management-action-button,.kra-management-page-button,.kra-management-page-size select{transition:none}.kra-management-table tbody tr:hover .kra-management-avatar,.kra-management-action-button:hover{transform:none}}.kra-management-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:20px;background:#10221f61;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.kra-management-modal{width:min(620px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dce5e2;border-radius:10px;box-shadow:0 10px 28px #14322d1a,0 24px 55px #14322d21;animation:kra-management-modal-enter .18s ease-out}.kra-management-modal-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;box-sizing:border-box;padding:14px 16px;background:#fff;border-bottom:1px solid #e5ebe9}.kra-management-modal-heading{min-width:0;display:flex;align-items:center;gap:9px}.kra-management-modal-heading-icon{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;color:#315f60;background:#edf4f2;border:1px solid #d8e5e1;border-radius:7px}.kra-management-modal-heading-icon svg{width:18px;height:18px}.kra-management-modal-heading h2{margin:0;padding:0;color:#172c28;font-family:inherit;font-size:15px;font-weight:650;line-height:1.3;letter-spacing:-.015em}.kra-management-modal-heading p{margin:2px 0 0;padding:0;color:#74827e;font-family:inherit;font-size:10.5px;font-weight:400;line-height:1.4}.kra-management-modal-close{width:29px;height:29px;flex:0 0 29px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0;color:#687975;background:#fff;border:1px solid #dce5e2;border-radius:6px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.kra-management-modal-close svg{width:16px;height:16px}.kra-management-modal-close:hover{color:#183631;background:#f5f8f7;border-color:#c9d7d3}.kra-management-modal-close:active{background:#eef3f1}.kra-management-modal-employee{flex:0 0 auto;display:flex;align-items:center;gap:9px;box-sizing:border-box;margin:12px 16px 0;padding:9px 11px;background:#f7faf9;border:1px solid #e1e9e6;border-radius:7px}.kra-management-modal-avatar{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;color:#275e5c;background:#dcecea;border-radius:50%;font-family:inherit;font-size:10px;font-weight:650;line-height:1}.kra-management-modal-employee-info{min-width:0;display:flex;flex-direction:column;gap:1px}.kra-management-modal-employee-info strong{max-width:100%;overflow:hidden;color:#193631;font-family:inherit;font-size:11.5px;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.kra-management-modal-employee-info span{max-width:100%;overflow:hidden;color:#74827e;font-family:inherit;font-size:10px;font-weight:400;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.kra-management-modal-form{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.kra-management-modal-body{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;box-sizing:border-box;padding:14px 16px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd8d4 transparent}.kra-management-modal-body::-webkit-scrollbar{width:5px}.kra-management-modal-body::-webkit-scrollbar-track{background:transparent}.kra-management-modal-body::-webkit-scrollbar-thumb{background:#cbd8d4;border-radius:999px}.kra-management-modal-field{min-width:0;display:flex;flex-direction:column;gap:5px}.kra-management-modal-field-full{grid-column:1 / -1}.kra-management-modal-field label{margin:0;padding:0;color:#334b46;font-family:inherit;font-size:10.5px;font-weight:600;line-height:1.35}.kra-management-required{margin-left:2px;color:#168275}.kra-management-modal-readonly{width:100%;height:36px;min-width:0;display:flex;align-items:center;box-sizing:border-box;padding:0 11px;color:#253d38;background:#f8faf9;border:1px solid #dce5e2;border-radius:6px;font-family:inherit;font-size:10.5px;font-weight:500;line-height:1}.kra-management-modal-score-readonly{width:100%;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;padding:8px 11px;background:#edf7f3;border:1px solid #d4e9e1;border-radius:7px}.kra-management-modal-score-readonly strong{flex:0 0 auto;color:#147157;font-family:inherit;font-size:15px;font-weight:700;line-height:1}.kra-management-modal-score-readonly span{min-width:0;color:#73827e;font-family:inherit;font-size:10px;font-weight:400;line-height:1.35;text-align:right}.kra-management-score-input-wrapper{position:relative;width:100%;min-width:0}.kra-management-score-input-wrapper input{width:100%;height:36px;min-width:0;box-sizing:border-box;margin:0;padding:0 36px 0 11px;outline:none;color:#1d3631;background:#fff;border:1px solid #ccd9d5;border-radius:6px;font-family:inherit;font-size:10.5px;font-weight:500;line-height:normal;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.kra-management-score-input-wrapper input:hover:not(:disabled){border-color:#aebfba}.kra-management-score-input-wrapper input:focus{border-color:#34716b;box-shadow:0 0 0 3px #34716b14}.kra-management-score-input-wrapper input:disabled{color:#465d58;background:#f7f9f8;border-color:#dce5e2;cursor:default;opacity:1}.kra-management-score-input-wrapper>span{position:absolute;top:50%;right:11px;color:#768580;font-family:inherit;font-size:10px;font-weight:550;line-height:1;pointer-events:none;transform:translateY(-50%)}.kra-management-score-input-wrapper input::-webkit-inner-spin-button,.kra-management-score-input-wrapper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.kra-management-score-input-wrapper input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.kra-management-score-input-wrapper .kra-management-input-error,.kra-management-score-input-wrapper .kra-management-input-error:hover{border-color:#c85c54}.kra-management-score-input-wrapper .kra-management-input-error:focus{border-color:#c85c54;box-shadow:0 0 0 3px #c85c5414}.kra-management-modal-field small{display:block;margin:-1px 0 0;color:#bd4c45;font-family:inherit;font-size:9.5px;font-weight:400;line-height:1.35}.kra-management-modal-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;box-sizing:border-box;padding:10px 16px;background:#fafcfb;border-top:1px solid #e3eae8}.kra-management-modal-secondary,.kra-management-modal-primary{min-width:80px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;margin:0;padding:0 13px;border-radius:6px;font-family:inherit;font-size:10.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.kra-management-modal-primary svg{width:14px;height:14px}.kra-management-modal-secondary{color:#465b56;background:#fff;border:1px solid #ccd8d5}.kra-management-modal-secondary:hover{color:#304944;background:#f5f8f7;border-color:#adbfba}.kra-management-modal-secondary:active{background:#eef3f1}.kra-management-modal-primary{color:#fff;background:#315f64;border:1px solid #315f64;box-shadow:0 1px 4px #315f6424}.kra-management-modal-primary:hover{background:#285459;border-color:#285459;box-shadow:0 3px 8px #315f642e;transform:translateY(-1px)}.kra-management-modal-primary:active{transform:translateY(0)}.kra-management-modal-close:focus-visible,.kra-management-modal-secondary:focus-visible,.kra-management-modal-primary:focus-visible{outline:2px solid rgba(49,95,100,.28);outline-offset:2px}@keyframes kra-management-modal-enter{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.kra-management-modal-overlay{padding:14px}.kra-management-modal{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px)}.kra-management-modal-header{padding:13px 14px}.kra-management-modal-employee{margin:12px 14px 0}.kra-management-modal-body{gap:12px;padding:14px}.kra-management-modal-footer{padding:10px 14px}}@media (max-width: 576px){.kra-management-modal-overlay{align-items:flex-end;padding:0}.kra-management-modal{width:100%;max-height:92vh;max-height:92dvh;border-right:0;border-bottom:0;border-left:0;border-radius:12px 12px 0 0}.kra-management-modal-header{gap:10px;padding:13px}.kra-management-modal-heading{gap:8px}.kra-management-modal-heading-icon{width:32px;height:32px;flex-basis:32px}.kra-management-modal-heading-icon svg{width:17px;height:17px}.kra-management-modal-heading h2{font-size:14.5px}.kra-management-modal-heading p{display:none}.kra-management-modal-close{width:29px;height:29px;flex-basis:29px}.kra-management-modal-employee{margin:11px 13px 0;padding:8px 10px}.kra-management-modal-avatar{width:32px;height:32px;flex-basis:32px}.kra-management-modal-body{grid-template-columns:minmax(0,1fr);gap:11px;padding:13px}.kra-management-modal-field-full{grid-column:auto}.kra-management-modal-readonly,.kra-management-score-input-wrapper input{height:39px;font-size:11px}.kra-management-modal-score-readonly{min-height:0;align-items:flex-start;flex-direction:column;gap:4px;padding:9px 11px}.kra-management-modal-score-readonly span{text-align:left}.kra-management-modal-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 13px}.kra-management-modal-secondary,.kra-management-modal-primary{width:100%;min-width:0;min-height:38px;font-size:11px}.kra-management-modal-footer .kra-management-modal-secondary:only-child{grid-column:1 / -1}}@media (max-width: 380px){.kra-management-modal-header{padding:12px}.kra-management-modal-heading-icon{width:30px;height:30px;flex-basis:30px}.kra-management-modal-heading h2{font-size:14px}.kra-management-modal-employee{margin:10px 12px 0}.kra-management-modal-body{gap:10px;padding:12px}.kra-management-modal-footer{padding:9px 12px}}@media (max-width: 340px){.kra-management-modal-header,.kra-management-modal-heading{gap:7px}.kra-management-modal-heading-icon{width:29px;height:29px;flex-basis:29px}.kra-management-modal-close{width:28px;height:28px;flex-basis:28px}.kra-management-modal-footer{grid-template-columns:minmax(0,1fr)}.kra-management-modal-footer .kra-management-modal-secondary:only-child{grid-column:auto}}@media (prefers-reduced-motion: reduce){.kra-management-modal{animation:none}.kra-management-modal-close,.kra-management-modal-secondary,.kra-management-modal-primary,.kra-management-score-input-wrapper input{transition:none}.kra-management-modal-primary:hover{transform:none}}.kra-management-page{width:100%;min-width:0;min-height:100vh;box-sizing:border-box;margin:0;padding:0;overflow-x:hidden;background:#f7f9f8;color:#152724}.kra-management-container{width:100%;min-width:0;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;margin:0;padding:20px 24px 28px}.kra-management-section{width:100%;min-width:0;flex:0 0 auto;box-sizing:border-box;margin:0;padding:0}.kra-management-header-section,.kra-management-summary-section,.kra-management-filters-section{min-width:0;flex:0 0 auto}.kra-management-table-section{width:100%;min-width:0;flex:0 0 auto;overflow:visible}.kra-management-container>*,.kra-management-section>*{width:100%;min-width:0;box-sizing:border-box}@media (min-width: 1440px){.kra-management-container{gap:16px;padding:22px 24px 30px}}@media (min-width: 1920px){.kra-management-container{gap:16px;padding:24px 24px 32px}}@media (max-width: 1200px){.kra-management-container{gap:15px;padding:18px 20px 24px}}@media (max-width: 1024px){.kra-management-container{gap:14px;padding:16px 18px 22px}}@media (max-width: 768px){.kra-management-container{gap:14px;padding:15px 14px 20px}.kra-management-table-section{min-width:0;overflow:visible}}@media (max-width: 576px){.kra-management-container{gap:12px;padding:14px 12px 18px}}@media (max-width: 380px){.kra-management-container{gap:10px;padding:12px 10px 16px}}@media (max-width: 340px){.kra-management-container{gap:10px;padding:11px 8px 15px}}.kra-management-page *,.kra-management-page *:before,.kra-management-page *:after{box-sizing:border-box}.kra-management-page img,.kra-management-page svg{max-width:100%}@media (prefers-reduced-motion: reduce){.kra-management-page *,.kra-management-page *:before,.kra-management-page *:after{scroll-behavior:auto}}.kra-hero{position:relative;width:100%;min-height:160px;display:flex;align-items:stretch;justify-content:space-between;box-sizing:border-box;padding:26px 28px 20px;background:linear-gradient(105deg,#fff,#fff 48%,#f7fbfa 72%,#edf8f5);border:1px solid #dce7e4;border-radius:10px;box-shadow:0 1px 2px #0f2d2706,0 4px 12px #0f2d2709;overflow:hidden}.kra-hero-content{position:relative;z-index:3;min-width:0;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:24px}.kra-hero-heading{display:flex;flex-direction:column;gap:4px}.kra-hero-title{margin:0;color:#152925;font-family:inherit;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.025em}.kra-hero-subtitle{margin:0;color:#647570;font-family:inherit;font-size:12px;line-height:1.5;font-weight:400;letter-spacing:0}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:fit-content;margin:0;padding:0;color:#647570;font-family:inherit;font-size:11px;line-height:1.4}.breadcrumb-item{display:inline-flex;align-items:center;color:#647570;font-size:inherit;font-weight:450;white-space:nowrap;transition:color .15s ease}.breadcrumb-item:not(.active){cursor:pointer}.breadcrumb-item:not(.active):hover{color:#087f70}.breadcrumb-item.active{color:#087f70;font-weight:650;cursor:default}.breadcrumb-separator{width:13px;height:13px;flex-shrink:0;color:#8fa39e;stroke-width:1.8}.kra-hero-visual{position:absolute;top:0;right:0;bottom:0;z-index:2;width:43%;pointer-events:none}.kra-hero-visual:before{content:"";position:absolute;right:-8%;bottom:-70px;width:105%;height:160px;background:linear-gradient(135deg,#bdefe52e,#62d7c057);border-radius:50% 45% 0 0/70% 70% 0 0;transform:rotate(-4deg)}.kra-hero-visual:after{content:"";position:absolute;right:-10%;bottom:-92px;width:100%;height:155px;background:#a4e7da38;border-radius:55% 40% 0 0/75% 70% 0 0;transform:rotate(4deg)}.kra-target-visual{position:absolute;top:27px;left:24%;width:86px;height:86px;display:flex;align-items:center;justify-content:center}.kra-target-ring{position:absolute;border-radius:50%;box-sizing:border-box}.kra-target-ring.ring-one{width:78px;height:78px;border:9px solid rgba(137,164,158,.14)}.kra-target-ring.ring-two{width:54px;height:54px;border:8px solid rgba(69,103,96,.22)}.kra-target-ring.ring-three{width:29px;height:29px;border:7px solid rgba(8,127,112,.55)}.kra-target-icon{position:relative;z-index:2;width:24px;height:24px;color:#087f70}.kra-trend-icon{position:absolute;top:-2px;right:-1px;z-index:4;width:44px;height:44px;color:#22ad95;transform:rotate(-4deg)}.kra-chart-visual{position:absolute;top:40px;left:52%;opacity:.42}.kra-chart-icon{width:72px;height:72px;color:#789b94}.kra-visual-dots{position:absolute;top:19px;left:12%;width:24px;display:grid;grid-template-columns:repeat(3,4px);gap:5px;opacity:.25}.kra-visual-dots span{width:4px;height:4px;border-radius:50%;background:#6b9189}.kra-hero-decoration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.kra-hero-orb{position:absolute;display:block;border-radius:50%}.kra-hero-orb-one{top:-70px;right:24%;width:190px;height:190px;background:radial-gradient(circle,#087f700b,#087f7000 70%)}.kra-hero-orb-two{right:-50px;bottom:-110px;width:260px;height:260px;background:radial-gradient(circle,#48c4ac1f,#48c4ac00 70%)}@media (max-width: 1024px){.kra-hero{min-height:150px;padding:24px 24px 18px}.kra-hero-title{font-size:25px}.kra-hero-visual{width:46%}.kra-target-visual{left:20%;transform:scale(.9)}.kra-chart-visual{left:56%;transform:scale(.85)}}@media (max-width: 768px){.kra-hero{min-height:136px;padding:20px;border-radius:9px}.kra-hero-content{gap:20px}.kra-hero-title{font-size:23px}.kra-hero-subtitle{max-width:70%;font-size:11px}.breadcrumb{gap:7px;font-size:10.5px}.breadcrumb-separator{width:11px;height:11px}.kra-hero-visual{width:42%;opacity:.65}.kra-target-visual{top:24px;left:35%;transform:scale(.72)}.kra-chart-visual,.kra-visual-dots{display:none}}@media (max-width: 576px){.kra-hero{min-height:128px;padding:18px 16px 16px}.kra-hero-content{gap:18px}.kra-hero-title{font-size:21px}.kra-hero-subtitle{max-width:78%;font-size:10.5px}.breadcrumb{gap:5px;font-size:10px}.kra-hero-visual{width:36%;opacity:.45}.kra-target-visual{top:25px;left:38%;transform:scale(.6)}}@media (max-width: 380px){.kra-hero{min-height:124px;padding:16px 14px 14px}.kra-hero-title{font-size:20px}.kra-hero-subtitle{max-width:82%;font-size:10px}.breadcrumb{gap:4px;font-size:9.5px}.kra-hero-visual{display:none}}@media (prefers-reduced-motion: reduce){.breadcrumb-item{transition:none}}.filter-toolbar{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:16px 18px;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5ebe9}.filter-left{min-width:0;display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.filter-group{min-width:170px;width:180px;display:flex;flex-direction:column;gap:5px}.filter-group label{margin:0;font-size:11px;line-height:1.4;font-weight:500;color:#263934;letter-spacing:0;text-transform:none}.filter-select-wrapper{position:relative;width:100%;min-width:0;height:36px;display:flex;align-items:center;box-sizing:border-box;border:1px solid #c9ded9;border-radius:7px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.filter-select{width:100%;min-width:0;height:100%;box-sizing:border-box;padding:0 34px 0 10px;border:0!important;outline:none!important;border-radius:6px;background:transparent;color:#263934;font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none!important}.filter-select-wrapper:hover{border-color:#a9c9c1}.filter-select-wrapper:focus-within{border-color:#087f70;box-shadow:0 0 0 3px #087f701a}.filter-select-icon{position:absolute;top:50%;right:10px;width:15px;height:15px;color:#647570;pointer-events:none;transform:translateY(-50%);z-index:2}.filter-select-wrapper:focus-within .filter-select-icon{color:#087f70}.filter-select:disabled{background:#f3f6f5;color:#8a9793;cursor:not-allowed}.filter-select-wrapper:has(.filter-select:disabled){background:#f3f6f5;border-color:#dce4e1}.filter-actions{display:flex;align-items:center;gap:8px}.filter-btn{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;box-sizing:border-box;border:1px solid transparent;border-radius:5px;font-family:inherit;font-size:12px;line-height:1;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.filter-btn-search{min-width:86px;background:#087f70;border-color:#087f70;color:#fff;box-shadow:0 2px 4px #087f7029}.filter-btn-search:hover{background:#06695e;border-color:#06695e;box-shadow:0 3px 8px #087f7033;transform:translateY(-1px)}.filter-btn-search:active{background:#075e54;border-color:#075e54;box-shadow:none;transform:translateY(0)}.filter-btn-reset{min-width:78px;background:#fff;border-color:#d3ddda;color:#52635f}.filter-btn-reset:hover{background:#eaf5f2;border-color:#bfd8d2;color:#075e54}.filter-btn-reset:active{background:#dfece8}.filter-right{display:flex;align-items:flex-end;justify-content:flex-end;flex-shrink:0}.filter-btn-add{min-width:100px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;box-sizing:border-box;border:1px solid #087f70;border-radius:5px;background:#087f70;color:#fff;font-family:inherit;font-size:12px;line-height:1;font-weight:500;white-space:nowrap;cursor:pointer;box-shadow:0 2px 4px #087f7029;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.filter-btn-add:hover{background:#06695e;border-color:#06695e;box-shadow:0 4px 10px #087f7038;transform:translateY(-1px)}.filter-btn-add:active{background:#075e54;border-color:#075e54;box-shadow:none;transform:translateY(0)}.filter-btn:focus-visible,.filter-btn-add:focus-visible{outline:2px solid rgba(8,127,112,.25);outline-offset:2px}.filter-btn:disabled,.filter-btn-add:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 1024px){.filter-toolbar{grid-template-columns:1fr;gap:12px;padding:15px 16px}.filter-left{width:100%;gap:10px}.filter-group{width:auto;min-width:160px;flex:1 1 180px}.filter-right{width:100%;justify-content:flex-end}}@media (max-width: 768px){.filter-toolbar{padding:14px;gap:12px}.filter-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;width:100%;gap:10px}.filter-group{width:100%;min-width:0}.filter-actions{grid-column:1 / -1;width:100%}.filter-btn{flex:1}.filter-right,.filter-btn-add{width:100%}}@media (max-width: 576px){.filter-toolbar{padding:12px}.filter-left{display:flex;flex-direction:column;width:100%;gap:10px}.filter-group{width:100%;min-width:0}.filter-select{height:38px;font-size:13px}.filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.filter-btn{width:100%;height:38px;padding:0 12px;font-size:12px}.filter-right{width:100%}.filter-btn-add{width:100%;height:38px;font-size:12px}}@media (max-width: 380px){.filter-toolbar{padding:10px}.filter-left{gap:9px}.filter-actions{gap:6px}.filter-select,.filter-btn,.filter-btn-add{height:38px}}@media (prefers-reduced-motion: reduce){.filter-select,.filter-btn,.filter-btn-add{transition:none}}.kra-table-wrapper{position:relative;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;background:#fff;scrollbar-width:thin;scrollbar-color:#bdcbc7 transparent}.kra-table-wrapper::-webkit-scrollbar{height:6px}.kra-table-wrapper::-webkit-scrollbar-track{background:transparent}.kra-table-wrapper::-webkit-scrollbar-thumb{background:#bdcbc7;border-radius:10px}.kra-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9cafa9}.kra-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;background:#fff;color:#182522;font-family:inherit;font-size:12px;line-height:1.45;text-align:left}.kra-table thead{position:sticky;top:0;z-index:5;background:#f8faf9}.kra-table th{height:42px;padding:0 14px;box-sizing:border-box;background:#f8faf9;border-bottom:1px solid #d8e1de;color:#52635f;font-size:11px;line-height:1.3;font-weight:600;letter-spacing:.01em;text-transform:none;white-space:nowrap;vertical-align:middle}.kra-table td{min-height:46px;padding:11px 14px;box-sizing:border-box;background:#fff;border-bottom:1px solid #edf1f0;color:#263934;font-size:12px;font-weight:400;vertical-align:middle;transition:background-color .15s ease,color .15s ease}.kra-table tbody tr:nth-child(2n) td{background:#fbfcfc}.kra-table tbody tr:hover td{background:#f1f8f6}.kra-table tbody tr:last-child td{border-bottom:0}.kra-table-center{text-align:center}.kra-table-department{color:#182522!important;font-weight:500!important;white-space:nowrap}.kra-table-focused-area{width:28%;min-width:220px;max-width:320px;color:#52635f!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.kra-table-weightage{color:#075e54!important;font-weight:600!important;white-space:nowrap}.kra-status-badge{min-width:62px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;box-sizing:border-box;border:1px solid transparent;border-radius:999px;font-size:10.5px;line-height:1;font-weight:500;letter-spacing:0;white-space:nowrap}.kra-status-active{background:#e7f5ef;border-color:#cce8dc;color:#087f70}.kra-status-inactive{background:#fdf0f0;border-color:#f3d6d6;color:#b64040}.kra-status-draft{background:#fff8e8;border-color:#f2e3b9;color:#9a6b12}.kra-status-pending{background:#f5f2e8;border-color:#e7dfc5;color:#806d30}.kra-status-approved{background:#e7f5ef;border-color:#cce8dc;color:#067563}.kra-table-actions-cell{width:90px;white-space:nowrap}.kra-table-actions{display:inline-flex;align-items:center;justify-content:center;gap:4px}.kra-table-action-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#7d8d89;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.kra-table-action-btn:hover{background:#f2f6f5;color:#52635f}.kra-table-edit-btn:hover{background:#eaf5f2;border-color:#d0e6e0;color:#087f70}.kra-table-delete-btn:hover{background:#fdf0f0;border-color:#f3d6d6;color:#c94b4b}.kra-table-action-btn:active{transform:scale(.92)}.kra-table-action-btn:focus-visible{outline:2px solid rgba(8,127,112,.25);outline-offset:2px}.kra-table .kra-table-empty{height:120px;padding:24px;background:#fff;color:#899793;font-size:12px;font-weight:400;text-align:center;vertical-align:middle}.kra-table tbody tr:hover .kra-table-empty{background:#fff}@media (max-width: 1024px){.kra-table{min-width:880px}.kra-table th{height:40px;padding:0 12px;font-size:10.5px}.kra-table td{padding:10px 12px;font-size:11.5px}.kra-table-focused-area{min-width:200px;max-width:260px}}@media (max-width: 768px){.kra-table-wrapper{-webkit-overflow-scrolling:touch}.kra-table{min-width:820px;font-size:11px}.kra-table th{height:40px;padding:0 10px;font-size:10px}.kra-table td{padding:9px 10px;font-size:11px}.kra-table-focused-area{width:auto;min-width:180px;max-width:220px}.kra-status-badge{min-width:58px;height:23px;padding:0 8px;font-size:10px}.kra-table-action-btn{width:30px;height:30px}}@media (max-width: 576px){.kra-table{min-width:780px}.kra-table th{padding:0 9px}.kra-table td{padding:9px}.kra-table-focused-area{min-width:160px;max-width:190px}}@media (max-width: 380px){.kra-table{min-width:760px}.kra-table th{padding:0 8px}.kra-table td{padding:8px}.kra-table-action-btn{width:28px;height:28px}}@media (prefers-reduced-motion: reduce){.kra-table td,.kra-table-action-btn{transition:none}}:root{--kra-primary: #087f70;--kra-primary-hover: #06695e;--kra-primary-active: #075e54;--kra-primary-soft: #eaf5f2;--kra-primary-soft-hover: #e1efeb;--kra-white: #ffffff;--kra-surface: #f8faf9;--kra-text-primary: #182522;--kra-text-secondary: #52635f;--kra-text-muted: #899793;--kra-border: #d8e1de;--kra-border-light: #e5ebe9;--kra-input-border: #aabbb6;--kra-danger: #c94b4b}.kra-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#11242075;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:kraOverlayFade .18s ease-out}@keyframes kraOverlayFade{0%{opacity:0}to{opacity:1}}.kra-modal-container{width:100%;max-width:600px;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background:var(--kra-white);border:1px solid #cfdcd8;border-radius:10px;box-shadow:0 20px 50px #0f2d2729,0 4px 14px #0f2d2714;animation:kraModalEnter .2s ease-out}@keyframes kraModalEnter{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.kra-modal-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;box-sizing:border-box;flex-shrink:0;background:var(--kra-white);border-bottom:1px solid var(--kra-border-light)}.kra-modal-header h2{min-width:0;margin:0;color:var(--kra-text-primary);font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.01em}.kra-modal-close{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:0;border-radius:6px;background:transparent;color:#647570;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}.kra-modal-close:hover{background:var(--kra-primary-soft);color:var(--kra-primary-active)}.kra-modal-close:active{transform:scale(.94)}.kra-modal-close:focus-visible{outline:2px solid rgba(8,127,112,.25);outline-offset:2px}.kra-modal-form{min-height:0;display:flex;flex:1;flex-direction:column}.kra-modal-body{min-height:0;flex:1;padding:18px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--kra-white);scrollbar-width:thin;scrollbar-color:#bdcbc7 transparent}.kra-modal-body::-webkit-scrollbar{width:5px}.kra-modal-body::-webkit-scrollbar-track{background:transparent}.kra-modal-body::-webkit-scrollbar-thumb{background:#bdcbc7;border-radius:10px}.kra-modal-body::-webkit-scrollbar-thumb:hover{background:#9cafa9}.kra-modal-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:13px}.kra-modal-field{min-width:0;display:flex;flex-direction:column;gap:5px}.kra-modal-full-width{grid-column:1 / -1}.kra-modal-field label{display:inline-flex;align-items:center;width:fit-content;margin:0;color:#263934;font-size:11px;line-height:1.4;font-weight:500;letter-spacing:0}.kra-required{margin-left:3px;color:var(--kra-danger);font-weight:600}.kra-modal-control{width:100%;height:36px;min-width:0;padding:7px 10px;box-sizing:border-box;border:1px solid var(--kra-input-border);border-radius:5px;outline:none;background:var(--kra-white);color:var(--kra-text-primary);font-family:inherit;font-size:12px;line-height:1.4;font-weight:400;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.kra-modal-control::placeholder{color:var(--kra-text-muted);opacity:1}.kra-modal-control:hover{border-color:#6f9189}.kra-modal-control:focus{border-color:var(--kra-primary);background:var(--kra-white);box-shadow:0 0 0 3px #087f701a}.kra-modal-control:focus-visible{outline:none}select.kra-modal-control{padding-right:32px;color:#263934;background-color:var(--kra-white);cursor:pointer;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}select.kra-modal-control:hover{border-color:#6f9189;background-color:#fbfdfc}select.kra-modal-control:focus{outline:none;border-color:var(--kra-primary);background-color:var(--kra-white);box-shadow:0 0 0 3px #087f701a}select.kra-modal-control option{background-color:#fff;color:#263934;font-family:inherit;font-size:12px;font-weight:400}select.kra-modal-control option:checked{background:linear-gradient(#eaf5f2,#eaf5f2);background-color:#eaf5f2;color:#075e54;font-weight:600}select.kra-modal-control option:hover{background-color:#f1f8f6;color:#075e54}select.kra-modal-control:disabled{background-color:#f3f6f5;border-color:#dce4e1;color:#8a9793;cursor:not-allowed}input[type=number].kra-modal-control{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number].kra-modal-control::-webkit-inner-spin-button,input[type=number].kra-modal-control::-webkit-outer-spin-button{margin:0}.kra-modal-textarea{height:66px;min-height:66px;max-height:120px;padding:9px 10px;line-height:1.5;resize:vertical}.kra-modal-control:disabled{background:#f3f6f5;color:#8a9793;border-color:#dce4e1;cursor:not-allowed}.kra-modal-footer{min-height:58px;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:11px 18px;box-sizing:border-box;flex-shrink:0;background:var(--kra-surface);border-top:1px solid var(--kra-border-light)}.kra-modal-btn{min-width:82px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;box-sizing:border-box;border:1px solid transparent;border-radius:5px;font-family:inherit;font-size:12px;line-height:1;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.kra-modal-btn-cancel{background:var(--kra-white);border-color:var(--kra-border);color:#394a46}.kra-modal-btn-cancel:hover{background:var(--kra-primary-soft);border-color:#bfd8d2;color:var(--kra-primary-active)}.kra-modal-btn-cancel:active{background:#dfece8;transform:translateY(1px)}.kra-modal-btn-primary{background:var(--kra-primary);border-color:var(--kra-primary);color:var(--kra-white);box-shadow:0 2px 4px #087f702e}.kra-modal-btn-primary:hover{background:var(--kra-primary-hover);border-color:var(--kra-primary-hover);box-shadow:0 4px 10px #087f7038;transform:translateY(-1px)}.kra-modal-btn-primary:active{background:var(--kra-primary-active);border-color:var(--kra-primary-active);box-shadow:none;transform:translateY(0)}.kra-modal-btn:focus-visible{outline:2px solid rgba(8,127,112,.25);outline-offset:2px}.kra-modal-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 768px){.kra-modal-overlay{padding:18px}.kra-modal-container{width:100%;max-width:560px;max-height:92vh;max-height:92dvh;border-radius:9px}.kra-modal-header{min-height:52px;padding:0 16px}.kra-modal-header h2{font-size:15px}.kra-modal-body{padding:16px}.kra-modal-grid{column-gap:12px;row-gap:12px}.kra-modal-footer{min-height:56px;padding:10px 16px}}@media (max-width: 576px){.kra-modal-overlay{align-items:center;padding:12px}.kra-modal-container{width:100%;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:8px}.kra-modal-header{min-height:50px;padding:0 14px}.kra-modal-header h2{font-size:14px}.kra-modal-close{width:30px;height:30px}.kra-modal-body{padding:14px}.kra-modal-grid{grid-template-columns:minmax(0,1fr);gap:12px}.kra-modal-full-width{grid-column:auto}.kra-modal-field label{font-size:11px}.kra-modal-control{height:38px;padding:8px 10px;font-size:13px}select.kra-modal-control{padding-right:32px}.kra-modal-textarea{height:70px;min-height:70px;max-height:110px}.kra-modal-footer{min-height:56px;padding:10px 14px;gap:8px}.kra-modal-btn{min-width:80px;height:35px;padding:0 14px;font-size:12px}}@media (max-width: 380px){.kra-modal-overlay{padding:8px}.kra-modal-container{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:7px}.kra-modal-header{min-height:48px;padding:0 12px}.kra-modal-body{padding:12px}.kra-modal-grid{gap:10px}.kra-modal-footer{padding:9px 12px}.kra-modal-btn{min-width:76px;padding:0 12px}}@media (max-height: 650px){.kra-modal-overlay{padding-top:12px;padding-bottom:12px}.kra-modal-container{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.kra-modal-header{min-height:48px}.kra-modal-body{padding-top:14px;padding-bottom:14px}.kra-modal-footer{min-height:52px}.kra-modal-grid{row-gap:10px}}@media (prefers-reduced-motion: reduce){.kra-modal-overlay,.kra-modal-container{animation:none}.kra-modal-close,.kra-modal-control,.kra-modal-btn{transition:none}}.kra-summary-card{position:relative;width:100%;min-width:0;height:132px;box-sizing:border-box;padding:20px 82px 18px 20px;background:#fff;border:1px solid #dbe5e2;border-radius:10px;box-shadow:0 1px 2px #0f2d2706,0 4px 10px #0f2d2709;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.kra-summary-card:hover{border-color:#bfd6d0;box-shadow:0 3px 8px #0f2d270d,0 8px 18px #0f2d270e;transform:translateY(-2px)}.kra-summary-card-main{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.kra-summary-card-label{display:block;max-width:100%;color:#263934;font-family:inherit;font-size:13px;line-height:1.3;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kra-summary-card-value{display:block;max-width:100%;margin:0;color:#14231f;font-family:inherit;font-size:31px;line-height:1;font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kra-summary-card-trend{position:absolute;left:20px;bottom:18px;display:block;max-width:calc(100% - 100px);color:#6b7c77;font-family:inherit;font-size:11px;line-height:1.4;font-weight:400;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kra-summary-card-icon{position:absolute;top:31px;right:20px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #d3e7e2;border-radius:10px;background:#eaf5f2;color:#087f70;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.kra-summary-card-icon svg{width:24px;height:24px;flex-shrink:0;stroke-width:1.8}.kra-summary-card:hover .kra-summary-card-icon{background:#e1f1ed;border-color:#bddbd4;color:#075e54;transform:scale(1.03)}.kra-summary-card:nth-child(2) .kra-summary-card-icon{background:#edf7f4}.kra-summary-card:nth-child(3) .kra-summary-card-icon{background:#f1f7f5}.kra-summary-card:nth-child(4) .kra-summary-card-icon{background:#eef6f4}@media (max-width: 1200px){.kra-summary-card{height:124px;padding:18px 72px 16px 18px}.kra-summary-card-label{font-size:12px}.kra-summary-card-value{font-size:28px}.kra-summary-card-trend{left:18px;bottom:16px;max-width:calc(100% - 88px);font-size:10.5px}.kra-summary-card-icon{top:29px;right:18px;width:48px;height:48px}.kra-summary-card-icon svg{width:21px;height:21px}}@media (max-width: 1024px){.kra-summary-card{height:118px;padding:17px 68px 15px 17px}.kra-summary-card-main{gap:5px}.kra-summary-card-label{font-size:12px}.kra-summary-card-value{font-size:27px}.kra-summary-card-trend{left:17px;bottom:15px;max-width:calc(100% - 84px);font-size:10.5px}.kra-summary-card-icon{top:27px;right:17px;width:46px;height:46px}.kra-summary-card-icon svg{width:20px;height:20px}}@media (max-width: 768px){.kra-summary-card{height:112px;padding:15px 64px 14px 15px;border-radius:9px}.kra-summary-card-main{gap:5px}.kra-summary-card-label{font-size:11.5px}.kra-summary-card-value{font-size:25px}.kra-summary-card-trend{left:15px;bottom:14px;max-width:calc(100% - 76px);font-size:10px}.kra-summary-card-icon{top:26px;right:15px;width:44px;height:44px;border-radius:8px}.kra-summary-card-icon svg{width:19px;height:19px}}@media (max-width: 576px){.kra-summary-card{height:108px;padding:14px 60px 13px 14px}.kra-summary-card-main{gap:4px}.kra-summary-card-label{font-size:11px}.kra-summary-card-value{font-size:24px}.kra-summary-card-trend{left:14px;bottom:13px;max-width:calc(100% - 70px);font-size:9.5px}.kra-summary-card-icon{top:25px;right:14px;width:42px;height:42px}.kra-summary-card-icon svg{width:18px;height:18px}}@media (max-width: 380px){.kra-summary-card{height:102px;padding:13px 55px 12px 13px}.kra-summary-card-main{gap:4px}.kra-summary-card-label{font-size:10.5px}.kra-summary-card-value{font-size:22px}.kra-summary-card-trend{left:13px;bottom:12px;max-width:calc(100% - 64px);font-size:9px}.kra-summary-card-icon{top:24px;right:13px;width:38px;height:38px;border-radius:7px}.kra-summary-card-icon svg{width:17px;height:17px}}@media (prefers-reduced-motion: reduce){.kra-summary-card,.kra-summary-card-icon{transition:none}.kra-summary-card:hover,.kra-summary-card:hover .kra-summary-card-icon{transform:none}}.kra-master-page{width:100%;min-width:0;min-height:100vh;background:#f6f9f8;color:#182522;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.kra-master-content{width:100%;max-width:1600px;margin:0 auto;padding:15px 20px 18px;box-sizing:border-box}.kra-master-header{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.kra-master-heading{min-width:0;display:flex;flex-direction:column;gap:4px}.kra-master-title{margin:0;color:#182522;font-size:26px;line-height:1.2;font-weight:650;letter-spacing:-.025em}.kra-master-subtitle{margin:0;color:#647570;font-size:12px;line-height:1.5;font-weight:400}.kra-summary-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kra-content-panel{width:100%;min-width:0;overflow:hidden;background:#fff;border:1px solid #d8e1de;border-radius:8px;box-shadow:0 1px 2px #0f2d2706,0 2px 5px #0f2d2705}.kra-table-container{width:100%;min-width:0;overflow-x:auto;background:#fff;-webkit-overflow-scrolling:touch}.kra-pagination{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;box-sizing:border-box;background:#f8faf9;border-top:1px solid #e5ebe9}.kra-pagination-info{min-width:0;color:#647570;font-size:11px;line-height:1.5;font-weight:400;white-space:nowrap}.kra-pagination-info strong{color:#263934;font-weight:600}.kra-pagination-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.kra-pagination-btn{min-width:30px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;border:1px solid #d8e1de;border-radius:5px;background:#fff;color:#52635f;font-family:inherit;font-size:11px;line-height:1;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.kra-pagination-btn:hover:not(:disabled):not(.kra-pagination-btn-active){background:#eaf5f2;border-color:#bfd8d2;color:#075e54}.kra-pagination-btn-active{background:#087f70;border-color:#087f70;color:#fff;box-shadow:0 2px 4px #087f7029}.kra-pagination-btn-active:hover{background:#06695e;border-color:#06695e}.kra-pagination-btn:active:not(:disabled){transform:scale(.96)}.kra-pagination-btn:disabled{background:#f5f7f6;border-color:#e3e9e7;color:#a6b0ad;cursor:not-allowed;opacity:.7}.kra-pagination-btn:focus-visible{outline:2px solid rgba(8,127,112,.25);outline-offset:2px}.kra-pagination-dots{min-width:22px;display:inline-flex;align-items:center;justify-content:center;color:#899793;font-size:11px}@media (max-width: 1280px){.kra-master-content{padding:18px 24px 28px}.kra-summary-grid{gap:12px}}@media (max-width: 1024px){.kra-master-content{padding:18px 20px 26px}.kra-master-header{align-items:flex-start;gap:12px}.kra-master-title{font-size:24px}.kra-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width: 768px){.kra-master-content{padding:16px 16px 24px}.kra-master-header{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:16px}.kra-master-title{font-size:22px}.kra-master-subtitle{font-size:11.5px}.kra-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.kra-content-panel{border-radius:7px}.kra-pagination{min-height:auto;flex-direction:column;align-items:center;gap:10px;padding:12px 14px}.kra-pagination-info{width:100%;text-align:center;white-space:normal}.kra-pagination-controls{justify-content:center;flex-wrap:wrap}}@media (max-width: 576px){.kra-master-content{padding:14px 12px 20px}.kra-master-header{margin-bottom:14px}.kra-master-title{font-size:20px}.kra-master-subtitle{max-width:320px;font-size:11px}.kra-summary-grid{grid-template-columns:1fr;gap:9px}.kra-pagination{padding:11px 10px}.kra-pagination-btn{min-width:30px;width:30px;height:30px}}@media (max-width: 380px){.kra-master-content{padding:12px 8px 18px}.kra-master-title{font-size:19px}.kra-summary-grid{gap:8px}.kra-pagination{padding:10px 8px}.kra-pagination-controls{gap:3px}.kra-pagination-btn{min-width:28px;width:28px;height:28px;font-size:10.5px}.kra-pagination-dots{min-width:18px}}@media (prefers-reduced-motion: reduce){.kra-pagination-btn{transition:none}}.kra-table-message{display:flex;align-items:center;justify-content:center;min-height:180px;padding:24px;color:#64748b;font-size:14px;font-weight:500}.kra-api-error{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:12px 16px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:14px;font-weight:500}.kra-api-error button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}.kra-api-error button:hover{background:#fee2e2}.kra-saving-indicator{position:fixed;right:24px;bottom:24px;z-index:9999;padding:10px 16px;border:1px solid #dbeafe;border-radius:8px;background:#fff;color:#2563eb;font-size:13px;font-weight:600;box-shadow:0 4px 6px #0f172a0d,0 10px 25px #0f172a14}.policy-breadcrumb{display:flex;align-items:center;justify-content:flex-end;min-width:0}.policy-breadcrumb-list{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:0;padding:0;list-style:none;gap:6px}.policy-breadcrumb-item{display:inline-flex;align-items:center;color:#64748b;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.policy-breadcrumb-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;background:transparent;margin:0;padding:2px 0;color:#64748b;font:inherit;cursor:pointer;transition:color .2s ease,opacity .2s ease}.policy-breadcrumb-link:hover{color:#0f766e}.policy-breadcrumb-link:focus-visible{border-radius:3px;outline:2px solid rgba(15,118,110,.25);outline-offset:3px}.policy-breadcrumb-item-active{color:#475569;font-weight:600}.policy-breadcrumb-separator{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0}.policy-breadcrumb-separator svg{display:block}@media (max-width: 768px){.policy-breadcrumb{justify-content:flex-start;width:100%}.policy-breadcrumb-list{justify-content:flex-start}}@media (max-width: 480px){.policy-breadcrumb-list{gap:4px}.policy-breadcrumb-item{font-size:11px}.policy-breadcrumb-separator svg{width:12px;height:12px}}.policy-acceptance-card{width:100%;margin-top:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.policy-acceptance-main{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px}.policy-acceptance-checkbox-wrapper{display:flex;align-items:flex-start;gap:14px;min-width:0;cursor:pointer}.policy-acceptance-checkbox{width:19px;height:19px;margin:2px 0 0;flex-shrink:0;accent-color:#0f8a68;cursor:pointer}.policy-acceptance-checkbox:disabled{cursor:not-allowed;opacity:.65}.policy-acceptance-content{display:flex;flex-direction:column;gap:4px;min-width:0}.policy-acceptance-title{color:#334155;font-size:13px;font-weight:600;line-height:1.4}.policy-acceptance-description{color:#64748b;font-size:12px;font-weight:400;line-height:1.5}.policy-acceptance-button{min-width:154px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:9px 18px;border:1px solid #0f8a68;border-radius:6px;background:#0f8a68;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 5px #0f8a6829;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.policy-acceptance-button:hover:not(:disabled){background:#0d765b;border-color:#0d765b;box-shadow:0 4px 9px #0f8a6833}.policy-acceptance-button:active:not(:disabled){transform:translateY(1px)}.policy-acceptance-button:focus-visible{outline:3px solid rgba(15,138,104,.2);outline-offset:2px}.policy-acceptance-button:disabled{background:#94a3b8;border-color:#94a3b8;color:#fff;cursor:not-allowed;box-shadow:none;opacity:.7}.policy-acceptance-notification{min-height:48px;display:flex;align-items:center;gap:10px;padding:11px 20px;border-top:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:400;line-height:1.5}.policy-acceptance-mail-icon{flex-shrink:0;color:#64748b}@media (max-width: 768px){.policy-acceptance-main{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.policy-acceptance-button{width:100%}.policy-acceptance-notification{padding:12px 16px}}@media (max-width: 480px){.policy-acceptance-card{margin-top:12px;border-radius:6px}.policy-acceptance-main{padding:14px}.policy-acceptance-checkbox-wrapper{gap:10px}.policy-acceptance-checkbox{width:18px;height:18px}.policy-acceptance-title{font-size:12px}.policy-acceptance-description{font-size:11px}.policy-acceptance-button{min-height:40px;font-size:12px}.policy-acceptance-notification{align-items:flex-start;padding:12px 14px;font-size:11px}.policy-acceptance-mail-icon{margin-top:1px}}.policy-card{width:100%;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.policy-card:last-child{border-bottom:none}.policy-card-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.policy-card-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#edf7f2;color:#138a68}.policy-card-icon svg{display:block}.policy-card-content{min-width:0;flex:1}.policy-card-title{display:flex;align-items:baseline;gap:4px;margin:0 0 4px;color:#334155;font-size:14px;font-weight:600;line-height:1.35}.policy-card-number{flex-shrink:0}.policy-card-description{margin:0;color:#64748b;font-size:12px;font-weight:400;line-height:1.5}.policy-card-action{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.policy-card-button{min-width:96px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;border:1px solid #79a99a;border-radius:5px;background:#fff;color:#397a67;font-family:inherit;font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease}.policy-card-button:hover:not(:disabled){background:#f0f9f5;border-color:#138a68;color:#0f765a}.policy-card-button:active:not(:disabled){transform:translateY(1px)}.policy-card-button:focus-visible{outline:3px solid rgba(19,138,104,.16);outline-offset:2px}.policy-card-button svg{flex-shrink:0}.policy-card-button:disabled{cursor:not-allowed;opacity:.45}.policy-card-view-button{min-width:82px}.policy-card-read-button{min-width:116px}@media (max-width: 768px){.policy-card{gap:16px;padding:14px 16px}.policy-card-left{gap:12px}.policy-card-icon{width:40px;height:40px}.policy-card-title{font-size:13px}.policy-card-description{font-size:11px}.policy-card-button{min-width:88px;padding:7px 10px}.policy-card-read-button{min-width:105px}}@media (max-width: 576px){.policy-card{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.policy-card-left{width:100%;align-items:flex-start}.policy-card-icon{width:38px;height:38px}.policy-card-icon svg{width:18px;height:18px}.policy-card-title{font-size:13px}.policy-card-description{font-size:11px;line-height:1.55}.policy-card-action{width:100%;padding-left:50px;justify-content:stretch}.policy-card-button{flex:1}}@media (max-width: 380px){.policy-card{padding:14px}.policy-card-action{padding-left:0}.policy-card-button{font-size:11px}}.policy-list{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0f172a08,0 2px 6px #0f172a08}.policy-list-empty{width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:13px;text-align:center;box-shadow:0 1px 2px #0f172a08,0 2px 6px #0f172a08}.policy-list-empty p{margin:0}@media (max-width: 768px){.policy-list{border-radius:7px}}@media (max-width: 576px){.policy-list{border-radius:6px}.policy-list-empty{min-height:100px;padding:20px;font-size:12px}}.policy-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a6b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.policy-viewer-modal{width:min(94vw,900px);height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dfe7e5;border-radius:12px;box-shadow:0 24px 60px #0f172a2e,0 8px 24px #0f172a14;animation:policyViewerOpen .2s ease-out}@keyframes policyViewerOpen{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.policy-viewer-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.policy-viewer-heading{min-width:0;display:flex;align-items:center;gap:11px}.policy-viewer-heading-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#edf7f2;color:#138a68}.policy-viewer-heading-content{min-width:0}.policy-viewer-heading-content h2{max-width:620px;margin:0 0 2px;overflow:hidden;color:#1e293b;font-size:15px;font-weight:600;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.policy-viewer-heading-content p{margin:0;color:#64748b;font-size:10px;line-height:1.4}.policy-viewer-close-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:0;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:background-color .2s ease,color .2s ease}.policy-viewer-close-button:hover{background:#f1f5f9;color:#0f172a}.policy-viewer-close-button:focus-visible{outline:3px solid rgba(19,138,104,.16);outline-offset:2px}.policy-viewer-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.policy-viewer-language{display:flex;align-items:center;gap:10px}.policy-viewer-language label{color:#334155;font-size:12px;font-weight:600}.policy-viewer-language select{min-width:150px;height:36px;padding:0 34px 0 11px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font-family:inherit;font-size:12px;font-weight:500;outline:none;cursor:pointer}.policy-viewer-language select:hover:not(:disabled){border-color:#138a68}.policy-viewer-language select:focus{border-color:#138a68;box-shadow:0 0 0 3px #138a681a}.policy-viewer-language select:disabled{cursor:not-allowed;opacity:.6}.policy-viewer-version{padding:5px 9px;border-radius:5px;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:10px;font-weight:500}.policy-viewer-body{position:relative;min-width:0;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;background:#f8fafc}.policy-readable-content{max-width:820px;margin:0 auto;padding:28px 34px 36px;background:#fff;min-height:100%}.policy-readable-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.policy-readable-title-row h3{margin:0 0 4px;color:#0f172a;font-size:20px;font-weight:650;line-height:1.35}.policy-readable-title-row span{color:#64748b;font-size:11px;font-weight:500}.policy-readable-title-row svg{flex-shrink:0;color:#138a68}.policy-readable-divider{width:100%;height:1px;margin:18px 0 24px;background:#e2e8f0}.policy-readable-text{color:#334155;font-size:13px;font-weight:400;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.policy-viewer-state{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:40px;color:#64748b;text-align:center}.policy-viewer-state h3{margin:0;color:#334155;font-size:15px;font-weight:600}.policy-viewer-state p{max-width:420px;margin:0;color:#64748b;font-size:11px;line-height:1.6}.policy-viewer-spinner{color:#138a68;animation:policyViewerSpin 1s linear infinite}@keyframes policyViewerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.policy-viewer-error-state{color:#b91c1c}.policy-viewer-error-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fef2f2;color:#dc2626}.policy-viewer-footer{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.policy-viewer-footer p{margin:0;color:#64748b;font-size:10px;line-height:1.5}.policy-viewer-done-button{min-width:76px;height:34px;padding:0 15px;flex-shrink:0;border:1px solid #138a68;border-radius:5px;background:#138a68;color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.policy-viewer-done-button:hover{background:#0f765a;border-color:#0f765a}.policy-viewer-done-button:focus-visible{outline:3px solid rgba(19,138,104,.16);outline-offset:2px}@media (max-width: 768px){.policy-viewer-backdrop{padding:16px}.policy-viewer-modal{width:min(96vw,760px);height:86vh}.policy-readable-content{padding:24px}}@media (max-width: 576px){.policy-viewer-backdrop{align-items:stretch;padding:0}.policy-viewer-modal{width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0}.policy-viewer-header{min-height:60px;padding:9px 11px}.policy-viewer-heading{gap:8px}.policy-viewer-heading-icon{width:34px;height:34px}.policy-viewer-heading-content h2{max-width:200px;font-size:13px}.policy-viewer-toolbar{min-height:54px;padding:9px 11px}.policy-viewer-language{width:100%;justify-content:space-between}.policy-viewer-language select{min-width:140px}.policy-viewer-version{display:none}.policy-readable-content{padding:20px 16px 28px}.policy-readable-title-row h3{font-size:17px}.policy-readable-text{font-size:12px;line-height:1.75}.policy-viewer-footer{align-items:stretch;flex-direction:column;gap:8px;padding:9px 11px}.policy-viewer-done-button{width:100%}}.policy-detail-page{width:100%;min-width:0;min-height:100vh;display:flex;flex-direction:column;background:#f7faf9;color:#1e293b}.policy-detail-page *,.policy-detail-page *:before,.policy-detail-page *:after{box-sizing:border-box}.policy-detail-content{width:100%;min-width:0;flex:1;padding:12px 24px 24px}.policy-detail-container{width:100%;margin:0;padding:26px 30px 30px;background:#fff;border:1px solid #dfe8e5;border-radius:10px;box-shadow:0 1px 2px #0f172a05,0 4px 14px #0f172a06}.policy-detail-header{width:100%;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:24px}.policy-detail-heading{min-width:0;flex:1}.policy-detail-heading h1{margin:0 0 6px;color:#17233c;font-family:inherit;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.25px}.policy-detail-heading p{max-width:720px;margin:0;color:#526d91;font-family:inherit;font-size:13px;font-weight:400;line-height:1.55}.policy-detail-list-section{width:100%;min-width:0;margin:0}@media (min-width: 1600px){.policy-detail-content{padding-right:28px;padding-left:28px}.policy-detail-container{padding:28px 32px 32px}}@media (max-width: 1280px){.policy-detail-content{padding:12px 20px 20px}.policy-detail-container{padding:24px}.policy-detail-header{gap:24px;margin-bottom:20px}}@media (max-width: 1024px){.policy-detail-content{padding:12px 16px 18px}.policy-detail-container{padding:22px}.policy-detail-heading h1{font-size:21px}}@media (max-width: 768px){.policy-detail-content{padding:10px 14px 16px}.policy-detail-container{padding:18px;border-radius:8px}.policy-detail-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.policy-detail-heading{width:100%}.policy-detail-heading h1{margin-bottom:5px;font-size:19px}.policy-detail-heading p{max-width:none;font-size:12px}}@media (max-width: 576px){.policy-detail-content{padding:8px 10px 14px}.policy-detail-container{padding:15px;border-radius:7px}.policy-detail-header{gap:10px;margin-bottom:15px}.policy-detail-heading h1{font-size:18px}.policy-detail-heading p{font-size:11px;line-height:1.5}}@media (max-width: 380px){.policy-detail-content{padding:8px}.policy-detail-container{padding:12px}.policy-detail-heading h1{font-size:17px}}.admin-policy-header,.admin-policy-header *,.admin-policy-header *:before,.admin-policy-header *:after{box-sizing:border-box}.admin-policy-header{position:relative;width:calc(100% - 52px);min-width:0;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 26px 0;padding:12px 10px;overflow:hidden;background:#fff;border:0;border-radius:0;box-shadow:none}.admin-policy-header__left{position:relative;z-index:5;min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0;padding:0}.admin-policy-header__title-row{width:100%;min-width:0;display:flex;align-items:center;gap:9px;margin:0;padding:0}.admin-policy-header__title-icon{width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;color:#087c88;background:#eaf7f8;border:1px solid #d8eef0;border-radius:50%}.admin-policy-header__title-icon svg{width:18px;height:18px;display:block}.admin-policy-header__title{min-width:0;margin:0;padding:0;color:#10213d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.35px}.admin-policy-header__subtitle{max-width:560px;margin:4px 0 0 39px;padding:0;color:#536781;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;line-height:1.4;font-weight:400}.admin-policy-header__right{position:relative;z-index:5;min-width:0;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0;padding:0}.admin-policy-header__breadcrumb{min-width:0;display:flex;align-items:center;gap:6px;margin:0 3px 0 0;padding:0;white-space:nowrap}.admin-policy-header__breadcrumb-item{margin:0;padding:0;color:#5c6f88;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:1.3;font-weight:400}.admin-policy-header__breadcrumb-item--current{color:#344d68;font-weight:500}.admin-policy-header__breadcrumb-arrow{width:12px;height:12px;flex:0 0 12px;color:#8b9aad}.admin-policy-header__document{position:relative;width:46px;height:52px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.admin-policy-header__document-paper{position:relative;width:37px;height:46px;display:flex;align-items:center;justify-content:center;color:#71bcc2;background:linear-gradient(145deg,#edfafa,#def2f3);border:1px solid rgba(117,190,196,.09);border-radius:4px;box-shadow:0 3px 8px #0f5d670f}.admin-policy-header__paper-fold{position:absolute;top:-1px;right:-1px;width:12px;height:12px;background:#fff;clip-path:polygon(0 0,100% 100%,100% 0)}.admin-policy-header__file-icon{width:23px;height:23px;opacity:.7}.admin-policy-header__document-shield{position:absolute;right:-1px;bottom:1px;width:25px;height:27px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#32999c,#086d72);border-radius:5px 5px 9px 9px;box-shadow:0 3px 7px #05666c29}.admin-policy-header__document-shield svg{width:17px;height:17px;display:block}.admin-policy-header__add-button{min-width:132px;height:36px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:0 12px;color:#fff;background:linear-gradient(135deg,#00646b,#004e57);border:1px solid #00535b;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;line-height:1;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 2px 6px #004e571c;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.admin-policy-header__add-icon{width:16px;height:16px;flex:0 0 16px}.admin-policy-header__button-arrow{width:14px;height:14px;flex:0 0 14px;margin-left:1px}.admin-policy-header__add-button:hover{border-color:#005760;background:linear-gradient(135deg,#00747c,#005760);box-shadow:0 4px 10px #004e5729;transform:translateY(-1px)}.admin-policy-header__add-button:active{transform:translateY(0);box-shadow:0 2px 5px #004e571f}.admin-policy-header__add-button:focus{outline:none}.admin-policy-header__add-button:focus-visible{outline:3px solid rgba(0,112,120,.16);outline-offset:2px}.admin-policy-header__decoration{position:absolute;right:0;bottom:0;z-index:1;width:43%;height:42px;overflow:hidden;pointer-events:none;opacity:.48}.admin-policy-header__wave{position:absolute;right:-20px;width:100%;height:42px;border-top:1px solid rgba(72,178,185,.09);border-radius:50%;transform:rotate(-3deg)}.admin-policy-header__wave--1{bottom:-26px;background:linear-gradient(180deg,rgba(89,192,198,.045),transparent)}.admin-policy-header__wave--2{right:60px;bottom:-31px;opacity:.45;transform:rotate(4deg)}@media (min-width: 1440px){.admin-policy-header{min-height:84px;padding:12px 14px}.admin-policy-header__title{font-size:22px}.admin-policy-header__right{gap:12px}}@media (min-width: 1920px){.admin-policy-header{min-height:86px;padding:13px 16px}}@media (max-width: 1200px){.admin-policy-header{min-height:78px;gap:16px;padding:11px 14px}.admin-policy-header__title{font-size:21px}.admin-policy-header__subtitle{font-size:11px}.admin-policy-header__right{gap:10px}.admin-policy-header__breadcrumb{margin-right:0}.admin-policy-header__document{width:44px;height:50px;flex-basis:44px}.admin-policy-header__document-paper{width:36px;height:44px}.admin-policy-header__add-button{min-width:128px;height:36px;padding:0 11px;font-size:11.5px}}@media (max-width: 1024px){.admin-policy-header{min-height:76px;gap:14px;padding:10px 12px}.admin-policy-header__title-icon{width:29px;height:29px;flex-basis:29px}.admin-policy-header__title-icon svg{width:17px;height:17px}.admin-policy-header__title{font-size:20px}.admin-policy-header__subtitle{margin-left:38px;font-size:10.8px}.admin-policy-header__breadcrumb{display:none}.admin-policy-header__document{width:42px;height:48px;flex-basis:42px}.admin-policy-header__document-paper{width:35px;height:43px}.admin-policy-header__document-shield{width:23px;height:25px}.admin-policy-header__document-shield svg{width:15px;height:15px}.admin-policy-header__add-button{min-width:124px;height:35px;font-size:11px}}@media (max-width: 768px){.admin-policy-header{width:calc(100% - 32px);min-height:74px;gap:12px;margin:8px 16px 0;padding:10px 8px}.admin-policy-header__title{font-size:19px}.admin-policy-header__subtitle{max-width:360px;margin:3px 0 0 38px;font-size:10.5px}.admin-policy-header__document{display:none}.admin-policy-header__add-button{min-width:120px;height:35px;padding:0 10px;font-size:10.8px}}@media (max-width: 600px){.admin-policy-header{width:calc(100% - 24px);min-height:auto;flex-direction:column;align-items:stretch;gap:10px;margin:8px 12px 0;padding:10px 4px 11px;overflow:visible}.admin-policy-header__left{width:100%}.admin-policy-header__title-row{gap:8px}.admin-policy-header__title-icon{width:29px;height:29px;flex-basis:29px}.admin-policy-header__title-icon svg{width:17px;height:17px}.admin-policy-header__title{font-size:19px}.admin-policy-header__subtitle{max-width:100%;margin:4px 0 0 37px;font-size:10.8px;line-height:1.4}.admin-policy-header__right{width:100%;justify-content:flex-start}.admin-policy-header__breadcrumb,.admin-policy-header__document{display:none}.admin-policy-header__add-button{width:100%;min-width:0;height:38px;font-size:11.5px}.admin-policy-header__decoration{display:none}}@media (max-width: 480px){.admin-policy-header{width:calc(100% - 20px);gap:9px;margin:7px 10px 0;padding:9px 2px 10px}.admin-policy-header__title-icon{width:28px;height:28px;flex-basis:28px}.admin-policy-header__title{font-size:18px}.admin-policy-header__subtitle{margin-left:36px;font-size:10.5px}.admin-policy-header__add-button{height:38px;font-size:11.2px}}@media (max-width: 380px){.admin-policy-header{width:calc(100% - 16px);margin:6px 8px 0;padding:8px 2px 9px}.admin-policy-header__title-row{gap:7px}.admin-policy-header__title-icon{width:27px;height:27px;flex-basis:27px}.admin-policy-header__title-icon svg{width:16px;height:16px}.admin-policy-header__title{font-size:17px}.admin-policy-header__subtitle{margin:3px 0 0;font-size:10px;line-height:1.45}.admin-policy-header__add-button{height:37px;font-size:11px}}@media (max-width: 340px){.admin-policy-header{width:calc(100% - 12px);margin:6px 6px 0}.admin-policy-header__title{font-size:16.5px}.admin-policy-header__subtitle{font-size:9.8px}}@media (prefers-reduced-motion: reduce){.admin-policy-header__add-button{transition:none}.admin-policy-header__add-button:hover,.admin-policy-header__add-button:active{transform:none}}.admin-policy-summary,.admin-policy-summary *,.admin-policy-summary *:before,.admin-policy-summary *:after{box-sizing:border-box}.admin-policy-summary{width:100%;min-width:0;margin:0;padding:0}.admin-policy-summary__grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;overflow:hidden;background:#fff;border:1px solid #e5ebe9;border-radius:8px;box-shadow:0 1px 2px #0f2d2705,0 4px 12px #0f2d2706}.admin-policy-summary__item{position:relative;min-width:0;min-height:108px;display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:14px 20px 10px;overflow:hidden;background:#fff}.admin-policy-summary__item:not(:last-child):after{content:"";position:absolute;top:14px;right:0;bottom:14px;width:1px;background:#e3e9e7;pointer-events:none}.admin-policy-summary__top{min-width:0;display:flex;align-items:flex-start;gap:11px;margin:0;padding:0}.admin-policy-summary__icon{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border-radius:50%}.admin-policy-summary__icon svg{width:20px;height:20px;display:block;flex-shrink:0}.admin-policy-summary__icon--total{color:#2879c9;background:#eef6fc;border:1px solid #dcecf8}.admin-policy-summary__icon--active{color:#239360;background:#edf8f2;border:1px solid #dcefe5}.admin-policy-summary__icon--recentlyCreated{color:#7b61c9;background:#f4f0ff;border:1px solid #e7defb}.admin-policy-summary__icon--updated{color:#c77a27;background:#fff7ec;border:1px solid #f5e7d2}.admin-policy-summary__content{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:0}.admin-policy-summary__value{display:block;margin:0;padding:0;color:#10213d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:21px;line-height:1.05;font-weight:700;letter-spacing:-.35px}.admin-policy-summary__title{display:block;max-width:100%;margin:3px 0 0;padding:0;overflow:hidden;color:#29405d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;line-height:1.3;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.admin-policy-summary__subtitle{display:block;max-width:100%;margin:3px 0 0;padding:0;overflow:hidden;color:#687b91;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;line-height:1.3;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.admin-policy-summary__chart{width:100%;height:22px;flex:0 0 22px;margin:5px 0 0;padding:0;overflow:hidden}.admin-policy-summary__chart svg{display:block;width:100%;height:100%;margin:0;padding:0;overflow:visible}.admin-policy-summary__chart path{stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.admin-policy-summary__item--total .admin-policy-summary__chart path{stroke:#4a91d3}.admin-policy-summary__item--active .admin-policy-summary__chart path{stroke:#3ba875}.admin-policy-summary__item--recentlyCreated .admin-policy-summary__chart path{stroke:#8b73d1}.admin-policy-summary__item--updated .admin-policy-summary__chart path{stroke:#d89447}@media (hover: hover) and (pointer: fine){.admin-policy-summary__item{transition:background-color .16s ease}.admin-policy-summary__item:hover{background:#fbfdfc}}@media (min-width: 1440px){.admin-policy-summary__item{min-height:110px;padding:14px 22px 10px}.admin-policy-summary__top{gap:12px}.admin-policy-summary__icon{width:43px;height:43px;flex-basis:43px}.admin-policy-summary__icon svg{width:20px;height:20px}.admin-policy-summary__value{font-size:21px}}@media (min-width: 1920px){.admin-policy-summary__item{min-height:112px;padding:15px 24px 10px}}@media (max-width: 1279px){.admin-policy-summary__item{min-height:106px;padding:13px 16px 9px}.admin-policy-summary__top{gap:10px}.admin-policy-summary__icon{width:40px;height:40px;flex-basis:40px}.admin-policy-summary__icon svg{width:19px;height:19px}.admin-policy-summary__value{font-size:20px}.admin-policy-summary__title{font-size:10px}.admin-policy-summary__subtitle{font-size:9px}.admin-policy-summary__chart{height:21px;flex-basis:21px;margin-top:4px}}@media (max-width: 1024px){.admin-policy-summary__item{min-height:104px;padding:12px 13px 9px}.admin-policy-summary__top{gap:9px}.admin-policy-summary__icon{width:38px;height:38px;flex-basis:38px}.admin-policy-summary__icon svg{width:18px;height:18px}.admin-policy-summary__value{font-size:19px}.admin-policy-summary__title{font-size:9.8px}.admin-policy-summary__subtitle{font-size:8.8px}.admin-policy-summary__chart{height:20px;flex-basis:20px}}@media (max-width: 900px){.admin-policy-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-policy-summary__item{min-height:106px;padding:13px 18px 9px}.admin-policy-summary__item:nth-child(2):after{display:none}.admin-policy-summary__item:nth-child(1),.admin-policy-summary__item:nth-child(2){border-bottom:1px solid #e3e9e7}.admin-policy-summary__icon{width:40px;height:40px;flex-basis:40px}.admin-policy-summary__icon svg{width:19px;height:19px}.admin-policy-summary__value{font-size:20px}.admin-policy-summary__title{font-size:10.5px}.admin-policy-summary__subtitle{font-size:9.5px}}@media (max-width: 768px){.admin-policy-summary__grid{border-radius:8px}.admin-policy-summary__item{min-height:102px;padding:12px 15px 8px}.admin-policy-summary__top{gap:9px}.admin-policy-summary__icon{width:38px;height:38px;flex-basis:38px}.admin-policy-summary__icon svg{width:18px;height:18px}.admin-policy-summary__value{font-size:19px}.admin-policy-summary__chart{height:19px;flex-basis:19px;margin-top:4px}}@media (max-width: 560px){.admin-policy-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-policy-summary__item{min-height:100px;padding:11px 12px 8px}.admin-policy-summary__top{gap:8px}.admin-policy-summary__icon{width:36px;height:36px;flex-basis:36px}.admin-policy-summary__icon svg{width:17px;height:17px}.admin-policy-summary__value{font-size:18px}.admin-policy-summary__title{font-size:9.5px}.admin-policy-summary__subtitle{font-size:8.5px}.admin-policy-summary__chart{height:18px;flex-basis:18px;margin-top:4px}}@media (max-width: 420px){.admin-policy-summary__grid{grid-template-columns:1fr}.admin-policy-summary__item{min-height:94px;padding:11px 14px 7px}.admin-policy-summary__item:after{display:none}.admin-policy-summary__item:not(:last-child){border-bottom:1px solid #e3e9e7}.admin-policy-summary__top{align-items:center;gap:10px}.admin-policy-summary__icon{width:38px;height:38px;flex-basis:38px}.admin-policy-summary__icon svg{width:18px;height:18px}.admin-policy-summary__value{font-size:19px}.admin-policy-summary__title{font-size:10px;white-space:normal}.admin-policy-summary__subtitle{font-size:9px;white-space:normal}.admin-policy-summary__chart{height:17px;flex-basis:17px;margin-top:3px}}@media (max-width: 380px){.admin-policy-summary__item{min-height:92px;padding:10px 12px 7px}.admin-policy-summary__icon{width:36px;height:36px;flex-basis:36px}.admin-policy-summary__icon svg{width:17px;height:17px}.admin-policy-summary__value{font-size:18px}.admin-policy-summary__title{font-size:9.8px}.admin-policy-summary__subtitle{font-size:8.8px}}@media (max-width: 340px){.admin-policy-summary__item{padding:10px 10px 7px}.admin-policy-summary__top{gap:8px}.admin-policy-summary__icon{width:34px;height:34px;flex-basis:34px}.admin-policy-summary__icon svg{width:16px;height:16px}.admin-policy-summary__value{font-size:17px}}@media (prefers-reduced-motion: reduce){.admin-policy-summary__item{transition:none}}.admin-policy-filters,.admin-policy-filters *,.admin-policy-filters *:before,.admin-policy-filters *:after{box-sizing:border-box}.admin-policy-filters{width:100%;min-width:0;margin:0;padding:0;background:#fff;border:1px solid #e4eae8;border-radius:8px 8px 0 0}.admin-policy-filters__top{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:#fff;border-bottom:1px solid #e6ebe9}.admin-policy-filters__section-title{position:relative;min-width:0;height:50px;display:flex;align-items:center;margin:0;padding:0;color:#145f62;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}.admin-policy-filters__section-title:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#1d7778;border-radius:2px 2px 0 0}.admin-policy-filters__advanced{min-width:0;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:0 11px;color:#31475f;background:#fff;border:1px solid #dce4e2;border-radius:5px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;font-weight:500;line-height:1;white-space:nowrap;cursor:default;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.admin-policy-filters__advanced svg{width:14px;height:14px;flex:0 0 14px}.admin-policy-filters__advanced:hover{color:#155f63;background:#f8fbfa;border-color:#ccd9d6}.admin-policy-filters__controls{width:100%;min-width:0;display:grid;grid-template-columns:minmax(220px,1.55fr) minmax(120px,.72fr) minmax(140px,.82fr) minmax(150px,.9fr) auto;align-items:end;gap:12px;margin:0;padding:12px 16px 14px;background:#fff}.admin-policy-filters__search{position:relative;width:100%;min-width:0;margin:0;padding:0}.admin-policy-filters__search input{width:100%;min-width:0;height:38px;margin:0;padding:0 12px 0 37px;color:#172a43;background:#fff;border:1px solid #d9e1df;border-radius:5px;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:400;line-height:normal;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.admin-policy-filters__search input::placeholder{color:#7c8da0;opacity:1}.admin-policy-filters__search input:hover{border-color:#cbd7d4}.admin-policy-filters__search input:focus{background:#fff;border-color:#4a8e8d;box-shadow:0 0 0 2px #20767514}.admin-policy-filters__search input[type=search]::-webkit-search-cancel-button{cursor:pointer}.admin-policy-filters__search-icon{position:absolute;top:50%;left:12px;width:15px;height:15px;color:#60758a;transform:translateY(-50%);pointer-events:none}.admin-policy-filters__field{width:100%;min-width:0;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.admin-policy-filters__field label{display:block;margin:0;padding:0;color:#60758a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;font-weight:500;line-height:1.25;white-space:nowrap}.admin-policy-filters__field select{width:100%;min-width:0;height:38px;margin:0;padding:0 32px 0 11px;color:#23384f;background-color:#fff;border:1px solid #d9e1df;border-radius:5px;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;font-weight:400;line-height:normal;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.admin-policy-filters__field select:hover{border-color:#cbd7d4}.admin-policy-filters__field select:focus{border-color:#4a8e8d;box-shadow:0 0 0 2px #20767514}.admin-policy-filters__actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:0}.admin-policy-filters__reset,.admin-policy-filters__apply{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:0 12px;border-radius:5px;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.admin-policy-filters__reset svg,.admin-policy-filters__apply svg{width:14px;height:14px;flex:0 0 14px}.admin-policy-filters__reset{color:#40566d;background:#fff;border:1px solid #d8e0de}.admin-policy-filters__reset:hover{color:#274257;background:#f8faf9;border-color:#cbd6d3}.admin-policy-filters__apply{color:#fff;background:#176b6d;border:1px solid #176b6d;box-shadow:0 2px 5px #176b6d1f}.admin-policy-filters__apply:hover{background:#115f61;border-color:#115f61;box-shadow:0 3px 7px #176b6d26}.admin-policy-filters__reset:focus-visible,.admin-policy-filters__apply:focus-visible{outline:2px solid rgba(23,107,109,.18);outline-offset:2px}@media (min-width: 1440px){.admin-policy-filters__controls{grid-template-columns:minmax(250px,1.65fr) minmax(130px,.72fr) minmax(150px,.82fr) minmax(160px,.9fr) auto;gap:13px}}@media (min-width: 1920px){.admin-policy-filters__controls{grid-template-columns:minmax(300px,1.8fr) minmax(140px,.7fr) minmax(160px,.8fr) minmax(170px,.85fr) auto}}@media (max-width: 1280px){.admin-policy-filters__controls{grid-template-columns:minmax(210px,1.35fr) minmax(115px,.72fr) minmax(130px,.82fr) minmax(140px,.88fr) auto;gap:10px;padding:12px 14px 14px}.admin-policy-filters__actions{gap:6px}.admin-policy-filters__reset,.admin-policy-filters__apply{padding:0 10px}}@media (max-width: 1100px){.admin-policy-filters__controls{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(130px,1fr))}.admin-policy-filters__actions{grid-column:1 / -1;justify-content:flex-end}}@media (max-width: 768px){.admin-policy-filters__top{min-height:48px;padding:0 14px}.admin-policy-filters__section-title{height:48px}.admin-policy-filters__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 14px 14px}.admin-policy-filters__search{grid-column:1 / -1}.admin-policy-filters__actions{grid-column:1 / -1;justify-content:flex-end}.admin-policy-filters__search input,.admin-policy-filters__field select,.admin-policy-filters__reset,.admin-policy-filters__apply{height:39px}}@media (max-width: 560px){.admin-policy-filters{border-radius:7px 7px 0 0}.admin-policy-filters__top{min-height:46px;gap:10px;padding:0 12px}.admin-policy-filters__section-title{height:46px;font-size:11.5px}.admin-policy-filters__advanced{height:30px;gap:5px;padding:0 9px;font-size:9.5px}.admin-policy-filters__advanced svg{width:13px;height:13px;flex-basis:13px}.admin-policy-filters__controls{grid-template-columns:1fr;gap:10px;padding:12px}.admin-policy-filters__search,.admin-policy-filters__field,.admin-policy-filters__actions{grid-column:auto}.admin-policy-filters__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-policy-filters__reset,.admin-policy-filters__apply{width:100%;padding:0 10px}.admin-policy-filters__field label{font-size:9.5px}}@media (max-width: 390px){.admin-policy-filters__top{padding:0 10px}.admin-policy-filters__advanced{padding:0 8px}.admin-policy-filters__controls{padding:10px}.admin-policy-filters__search input{padding-left:35px}.admin-policy-filters__search-icon{left:11px}}@media (max-width: 340px){.admin-policy-filters__top{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 10px 9px}.admin-policy-filters__section-title{width:100%;height:auto;padding-bottom:7px}.admin-policy-filters__section-title:after{bottom:0;width:42px;right:auto}.admin-policy-filters__advanced{width:100%}.admin-policy-filters__actions{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.admin-policy-filters__advanced,.admin-policy-filters__search input,.admin-policy-filters__field select,.admin-policy-filters__reset,.admin-policy-filters__apply{transition:none}}.admin-policy-modal__backdrop,.admin-policy-modal__backdrop *,.admin-policy-modal__backdrop *:before,.admin-policy-modal__backdrop *:after{box-sizing:border-box}.admin-policy-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a85;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.admin-policy-modal{width:min(100%,500px);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border:1px solid #e5eaf0;border-radius:13px;box-shadow:0 22px 60px #0f172a2b,0 7px 20px #0f172a12;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.admin-policy-modal::-webkit-scrollbar{width:6px}.admin-policy-modal::-webkit-scrollbar-track{background:transparent}.admin-policy-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-policy-modal__header{min-height:76px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 24px 15px;border-bottom:1px solid #e8edf3}.admin-policy-modal__title{margin:0;color:#10213d;font-family:Inter,sans-serif;font-size:22px;font-weight:700;line-height:1.25}.admin-policy-modal__header-description{margin:4px 0 0;color:#64748b;font-family:Inter,sans-serif;font-size:11px;line-height:1.45}.admin-policy-modal__close{width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#64748b;background:transparent;border:0;border-radius:8px;cursor:pointer;transition:color .2s ease,background-color .2s ease}.admin-policy-modal__close:hover{color:#0f172a;background:#f1f5f9}.admin-policy-modal__form{display:flex;flex-direction:column;gap:17px;padding:21px 24px 23px}.admin-policy-modal__field{position:relative;display:flex;flex-direction:column;gap:6px}.admin-policy-modal__label{color:#334155;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1.4}.admin-policy-modal__required{margin-left:4px;color:#ef4444}.admin-policy-modal__input,.admin-policy-modal__textarea{width:100%;color:#0f172a;background:#fff;border:1px solid #dbe2ea;border-radius:7px;outline:none;font-family:Inter,sans-serif;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}.admin-policy-modal__input{height:44px;padding:0 13px}.admin-policy-modal__textarea{min-height:82px;padding:11px 13px;resize:vertical;line-height:1.5}.admin-policy-modal__input::placeholder,.admin-policy-modal__textarea::placeholder{color:#94a3b8}.admin-policy-modal__input:focus,.admin-policy-modal__textarea:focus{border-color:#0b7b82;box-shadow:0 0 0 3px #0b7b821a}.admin-policy-modal__input--error{border-color:#ef4444}.admin-policy-modal__character-count{align-self:flex-end;margin-top:-3px;color:#94a3b8;font-family:Inter,sans-serif;font-size:9px}.admin-policy-modal__hidden-file{display:none}.admin-policy-modal__file-control{min-height:46px;display:flex;overflow:hidden;background:#fff;border:1px solid #dbe2ea;border-radius:7px;transition:border-color .2s ease,box-shadow .2s ease}.admin-policy-modal__file-control--error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44440f}.admin-policy-modal__file-name{min-width:0;flex:1;display:flex;align-items:center;gap:8px;padding:0 13px;color:#475569;font-family:Inter,sans-serif;font-size:12px}.admin-policy-modal__file-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-policy-modal__selected-icon{flex-shrink:0;color:#087c88}.admin-policy-modal__remove-file{width:25px;height:25px;flex:0 0 25px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:0;color:#64748b;background:transparent;border:0;border-radius:6px;cursor:pointer;transition:color .2s ease,background-color .2s ease}.admin-policy-modal__remove-file:hover{color:#dc2626;background:#fef2f2}.admin-policy-modal__browse{min-width:104px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 15px;color:#334155;background:#f8fafc;border:0;border-left:1px solid #dbe2ea;font-family:Inter,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease}.admin-policy-modal__browse:hover{color:#0f172a;background:#f1f5f9}.admin-policy-modal__file-info{color:#94a3b8;font-family:Inter,sans-serif;font-size:9px;line-height:1.4}.admin-policy-modal__error{color:#dc2626;font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:1.45}.admin-policy-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:2px}.admin-policy-modal__cancel,.admin-policy-modal__submit{min-width:112px;height:40px;padding:0 18px;border-radius:7px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.admin-policy-modal__cancel{color:#475569;background:#fff;border:1px solid #dbe2ea}.admin-policy-modal__cancel:hover{background:#f8fafc}.admin-policy-modal__submit{color:#fff;background:linear-gradient(135deg,#087c82,#00565e);border:1px solid #00656c;box-shadow:0 4px 10px #00565e26}.admin-policy-modal__submit:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#098b92,#00616a);box-shadow:0 6px 14px #00565e33}.admin-policy-modal button:disabled,.admin-policy-modal input:disabled,.admin-policy-modal textarea:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 600px){.admin-policy-modal__backdrop{align-items:flex-end;padding:10px}.admin-policy-modal{width:100%;max-height:calc(100vh - 20px);border-radius:13px}.admin-policy-modal__header{min-height:70px;padding:17px 18px 14px}.admin-policy-modal__title{font-size:20px}.admin-policy-modal__header-description{font-size:10px}.admin-policy-modal__form{padding:18px 18px 20px;gap:16px}.admin-policy-modal__label{font-size:12px}.admin-policy-modal__input{height:43px;font-size:13px}.admin-policy-modal__textarea{min-height:78px;font-size:13px}.admin-policy-modal__file-control{flex-direction:column}.admin-policy-modal__file-name{min-height:44px;font-size:12px}.admin-policy-modal__browse{min-height:42px;width:100%;border-left:0;border-top:1px solid #dbe2ea}.admin-policy-modal__actions{flex-direction:column-reverse;gap:8px}.admin-policy-modal__cancel,.admin-policy-modal__submit{width:100%}}@media (max-width: 420px){.admin-policy-modal__backdrop{padding:8px}.admin-policy-modal{max-height:calc(100vh - 16px)}.admin-policy-modal__header{padding:16px}.admin-policy-modal__form{padding:17px 16px 18px}.admin-policy-modal__title{font-size:19px}.admin-policy-modal__close{width:30px;height:30px;flex-basis:30px}}.admin-policy-table,.admin-policy-table *,.admin-policy-table *:before,.admin-policy-table *:after{box-sizing:border-box}.admin-policy-table{width:100%;min-width:0;background:#fff;border:1px solid #e4eaf1;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.admin-policy-table__scroll{width:100%;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.admin-policy-table__scroll::-webkit-scrollbar{height:5px}.admin-policy-table__scroll::-webkit-scrollbar-track{background:transparent}.admin-policy-table__scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-policy-table__element{width:100%;min-width:920px;border-collapse:collapse;border-spacing:0;table-layout:fixed}.admin-policy-table__col-serial{width:7%}.admin-policy-table__col-policy{width:17%}.admin-policy-table__col-description{width:25%}.admin-policy-table__col-status{width:10%}.admin-policy-table__col-creator{width:16%}.admin-policy-table__col-date{width:14%}.admin-policy-table__col-actions{width:11%}.admin-policy-table__element thead{background:#f7f9fc}.admin-policy-table__element th{height:42px;padding:0 11px;color:#1c3151;background:#f7f9fc;border-bottom:1px solid #e5ebf2;text-align:left;vertical-align:middle;font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap}.admin-policy-table__serial-heading,.admin-policy-table__actions-heading{text-align:center!important}.admin-policy-table__element td{height:62px;padding:8px 11px;color:#243b5a;background:#fff;border-bottom:1px solid #e8edf3;vertical-align:middle;font-family:Inter,sans-serif;font-size:11px;font-weight:400;line-height:1.4}.admin-policy-table__element tbody tr:last-child td{border-bottom:0}.admin-policy-table__element tbody tr td{transition:background-color .18s ease}.admin-policy-table__element tbody tr:hover td{background:#fbfdfe}.admin-policy-table__serial{width:100%;color:#526983;text-align:center;vertical-align:middle;font-family:Inter,sans-serif;font-size:11px;font-weight:600;white-space:nowrap}.admin-policy-table__policy-name{width:100%;min-width:0;display:flex;align-items:center;gap:7px;color:#006972;font-weight:600}.admin-policy-table__policy-name svg{flex:0 0 auto;color:#00858d}.admin-policy-table__policy-name-text{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-policy-table__description{width:100%;max-width:100%;display:-webkit-box;overflow:hidden;color:#263d5c;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;word-break:break-word}.admin-policy-table__status{width:fit-content;min-height:24px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 9px;border-radius:6px;font-size:10px;font-weight:500;white-space:nowrap}.admin-policy-table__status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%}.admin-policy-table__status--active{color:#079447;background:#ebf9f0;border:1px solid #d5f1df}.admin-policy-table__status--active .admin-policy-table__status-dot{background:#0cb35b}.admin-policy-table__status--inactive{color:#f02d38;background:#fff0f1;border:1px solid #ffdcdf}.admin-policy-table__status--inactive .admin-policy-table__status-dot{background:#ff343d}.admin-policy-table__creator{width:100%;min-width:0;display:flex;align-items:center}.admin-policy-table__creator-info{width:100%;min-width:0;display:flex;flex-direction:column;gap:1px}.admin-policy-table__creator-info strong{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;color:#172c4d;font-size:11px;font-weight:600;line-height:1.3}.admin-policy-table__date{width:100%;color:#233b5e;font-size:10.5px;line-height:1.45;white-space:pre-line}.admin-policy-table__actions{width:100%;display:flex;align-items:center;justify-content:center;gap:7px}.admin-policy-table__action{width:33px;height:33px;flex:0 0 33px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;background:#fff;border:1px solid #dce4ed;border-radius:6px;outline:none;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.admin-policy-table__action--view{color:#1c3b61}.admin-policy-table__action--view:hover{color:#006a72;background:#f0fbfb;border-color:#b8e0e2;transform:translateY(-1px)}.admin-policy-table__action--delete{color:#f22d3a}.admin-policy-table__action--delete:hover{color:#dc1827;background:#fff3f4;border-color:#ffcbd0;transform:translateY(-1px)}.admin-policy-table__action:focus-visible{outline:3px solid rgba(0,105,114,.12);outline-offset:2px}.admin-policy-table__empty-cell{height:220px!important}.admin-policy-table__empty{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#64748b;text-align:center}.admin-policy-table__empty-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:3px;color:#087b82;background:#edf8f8;border:1px solid #dcf0f1;border-radius:50%}.admin-policy-table__empty strong{color:#213958;font-size:13px;font-weight:600}.admin-policy-table__empty span{color:#718096;font-size:11px}.admin-policy-table__footer{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px;background:#fff;border-top:1px solid #e7edf3}.admin-policy-table__entries{flex:0 0 auto;color:#253d5f;font-size:11px;font-weight:400;white-space:nowrap}.admin-policy-table__pagination{min-width:0;display:flex;align-items:center;gap:8px}.admin-policy-table__page-size-wrapper{height:36px;display:inline-flex;align-items:center;gap:4px;color:#526983;font-size:10.5px;white-space:nowrap}.admin-policy-table__page-size-label{color:#526983}.admin-policy-table__page-size{width:52px;height:36px;padding:0 7px;color:#223a5d;background:#fff;border:1px solid #dce4ed;border-radius:6px;outline:none;font-family:inherit;font-size:11px;cursor:pointer}.admin-policy-table__page-size:focus{border-color:#087b82;box-shadow:0 0 0 3px #087b8214}.admin-policy-table__navigation-button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 12px;color:#1d3557;background:#fff;border:1px solid #dce4ed;border-radius:6px;font-family:inherit;font-size:11px;font-weight:400;white-space:nowrap;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.admin-policy-table__navigation-button:hover:not(:disabled){background:#f8fafc;border-color:#cad5e1}.admin-policy-table__navigation-button:disabled{color:#a7b3c3;background:#f8fafc;cursor:not-allowed}.admin-policy-table__pages{display:flex;align-items:center;gap:5px}.admin-policy-table__page{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#1d3557;background:#fff;border:1px solid #dce4ed;border-radius:6px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.admin-policy-table__page:hover:not(.admin-policy-table__page--active){background:#f8fafc;border-color:#cad5e1}.admin-policy-table__page--active{color:#fff;background:linear-gradient(135deg,#08777f,#00545c);border-color:#00636a;box-shadow:0 3px 8px #00636a29}.admin-policy-table__ellipsis{min-width:18px;color:#526983;text-align:center;font-size:12px}@media (max-width: 900px){.admin-policy-table__footer{align-items:flex-start;flex-direction:column;gap:12px}.admin-policy-table__pagination{width:100%;overflow-x:auto;padding-bottom:3px}}@media (max-width: 600px){.admin-policy-table__element{min-width:820px}.admin-policy-table__element th{padding:0 10px}.admin-policy-table__element td{padding:8px 10px}.admin-policy-table__footer{padding:14px}.admin-policy-table__entries{white-space:normal}.admin-policy-table__pagination{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible}.admin-policy-table__page-size-wrapper{grid-column:1 / -1;justify-content:center}.admin-policy-table__page-size{width:65px}.admin-policy-table__navigation-button{width:100%}.admin-policy-table__pages{grid-column:1 / -1;justify-content:center;overflow-x:auto;padding:2px 0}}@media (max-width: 420px){.admin-policy-table__pages{display:none}.admin-policy-table__pagination{width:100%}}.admin-policy-page,.admin-policy-page *,.admin-policy-page *:before,.admin-policy-page *:after{box-sizing:border-box}.admin-policy-page{width:100%;min-width:0;min-height:100vh;margin:0;padding:0;color:#10213d;background:linear-gradient(180deg,#fbfdff,#f8fafc);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-policy-page__content{width:100%;min-width:0;padding:16px 24px 24px}.admin-policy-page__summary{width:100%;min-width:0;margin:0 0 16px}.admin-policy-page__management{width:100%;min-width:0;margin:0 0 16px;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0f172a05,0 8px 24px #0f172a06}.admin-policy-page__tip{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 20px;overflow:hidden;background:linear-gradient(100deg,#f5fbfc,#fff 48%,#f6fbfd);border:1px solid #e1ebf0;border-radius:9px;box-shadow:0 2px 8px #0f172a05}.admin-policy-page__tip-left{min-width:0;display:flex;align-items:center;gap:13px}.admin-policy-page__tip-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#07838b,#00545d);border-radius:50%;box-shadow:0 4px 10px #00545d29}.admin-policy-page__tip-text{min-width:0;display:flex;align-items:center;gap:7px;margin:0;color:#314764;font-size:11px;font-weight:400;line-height:1.5}.admin-policy-page__tip-text strong{flex:0 0 auto;color:#172b4d;font-weight:600}.admin-policy-page__tip-text span{min-width:0}.admin-policy-page__guidelines{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:0 4px;color:#00666e;background:transparent;border:0;outline:none;font-family:inherit;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s ease,transform .2s ease}.admin-policy-page__guidelines svg{flex:0 0 auto;transition:transform .2s ease}.admin-policy-page__guidelines:hover{color:#004f56}.admin-policy-page__guidelines:hover svg{transform:translate(3px)}.admin-policy-page__guidelines:focus-visible{border-radius:5px;outline:3px solid rgba(0,102,110,.15);outline-offset:3px}@media (max-width: 1280px){.admin-policy-page__content{padding:16px 20px 22px}}@media (max-width: 1100px){.admin-policy-page__content{padding:16px 18px 22px}.admin-policy-page__tip{padding:12px 16px}}@media (max-width: 900px){.admin-policy-page__content{padding:15px 16px 20px}.admin-policy-page__summary,.admin-policy-page__management{margin-bottom:14px}}@media (max-width: 700px){.admin-policy-page__content{padding:14px 12px 20px}.admin-policy-page__summary,.admin-policy-page__management{margin-bottom:12px}.admin-policy-page__tip{min-height:auto;align-items:flex-start;flex-direction:column;gap:10px;padding:15px}.admin-policy-page__tip-left{align-items:flex-start}.admin-policy-page__tip-text{align-items:flex-start;flex-direction:column;gap:2px;padding-top:2px}.admin-policy-page__guidelines{margin-left:51px}}@media (max-width: 480px){.admin-policy-page__content{padding:12px 10px 18px}.admin-policy-page__tip{padding:14px}.admin-policy-page__tip-icon{width:36px;height:36px;flex-basis:36px}.admin-policy-page__tip-text{font-size:10.5px}.admin-policy-page__guidelines{margin-left:49px;font-size:10.5px}}@media (max-width: 360px){.admin-policy-page__content{padding:10px 8px 16px}.admin-policy-page__tip{padding:12px}.admin-policy-page__guidelines{margin-left:0}}@media (prefers-reduced-motion: reduce){.admin-policy-page *,.admin-policy-page *:before,.admin-policy-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.leave-header,.leave-header *,.leave-header *:before,.leave-header *:after{box-sizing:border-box}.leave-header{position:relative;width:100%;min-width:0;min-height:82px;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.leave-header__inner{position:relative;width:100%;min-width:0;min-height:82px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;column-gap:24px;margin:0;padding:10px 24px;box-sizing:border-box}.leave-header__content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;margin:0;padding:0}.leave-header__title{margin:0;padding:0;color:#101c1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.35px}.leave-header__description{max-width:100%;margin:0;padding:0;color:#53615e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:12.5px;font-weight:400;line-height:1.45}.leave-header__image-wrapper{position:relative;width:100%;min-width:0;height:68px;display:flex;align-items:center;justify-content:center;justify-self:center;align-self:center;margin:0;padding:0;overflow:visible;pointer-events:none;left:80px}.leave-header__image{display:block;width:420px;height:auto;max-width:none;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;transform:scale(1.18);transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leave-header__actions{display:flex;align-items:center;justify-content:flex-end}.leave-header__add-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border:none;border-radius:10px;background:#114f4f;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:.25s ease}.leave-header__add-button:hover{background:#0b4343}.leave-header__breadcrumb{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;justify-self:stretch;margin:0;padding:0;white-space:nowrap}.leave-header__breadcrumb-link{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;outline:none;background:transparent;color:#5f6b68;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;cursor:pointer;transition:color .16s ease,opacity .16s ease}.leave-header__breadcrumb-link:hover{color:#315f64}.leave-header__breadcrumb-link:focus-visible{border-radius:3px;outline:2px solid rgba(49,95,100,.45);outline-offset:3px}.leave-header__breadcrumb-icon{width:13px;height:13px;flex:0 0 13px;color:#929d9a}.leave-header__breadcrumb-current{margin:0;padding:0;color:#344743;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.4}@media (min-width: 1600px){.leave-header{min-height:86px}.leave-header__inner{min-height:86px;grid-template-columns:minmax(320px,1fr) minmax(220px,300px) minmax(260px,1fr);column-gap:24px;padding-left:28px;padding-right:28px}.leave-header__image-wrapper{height:72px}.leave-header__image{width:420px;height:auto;max-width:none;max-height:none;transform:scale(1.18)}}@media (max-width: 1279px){.leave-header__inner{grid-template-columns:minmax(240px,1fr) minmax(180px,240px) minmax(190px,1fr);column-gap:16px;padding-left:20px;padding-right:20px}.leave-header__title{font-size:23px}.leave-header__description{font-size:12px}.leave-header__image{width:360px;height:auto;max-width:none;max-height:none;transform:scale(1.12)}.leave-header__breadcrumb-link,.leave-header__breadcrumb-current{font-size:11.5px}}@media (max-width: 1024px){.leave-header{min-height:78px}.leave-header__inner{min-height:78px;grid-template-columns:minmax(220px,1fr) minmax(150px,190px) auto;column-gap:12px;padding:8px 18px}.leave-header__title{font-size:22px}.leave-header__description{max-width:280px;font-size:11.5px}.leave-header__image-wrapper{height:62px}.leave-header__image{width:300px;height:auto;max-width:none;max-height:none;transform:none}.leave-header__breadcrumb{gap:5px}.leave-header__breadcrumb-link,.leave-header__breadcrumb-current{font-size:11px}.leave-header__breadcrumb-icon{width:12px;height:12px;flex-basis:12px}}@media (max-width: 768px){.leave-header{min-height:112px}.leave-header__inner{min-height:112px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"content breadcrumb" "image image";align-items:start;column-gap:12px;row-gap:2px;padding:10px 14px 4px}.leave-header__content{grid-area:content;align-self:start}.leave-header__title{font-size:21px}.leave-header__description{max-width:330px;font-size:11.5px}.leave-header__breadcrumb{grid-area:breadcrumb;align-self:start;justify-self:end;padding-top:3px}.leave-header__image-wrapper{grid-area:image;width:100%;height:56px;align-self:end;margin:0}.leave-header__image{width:260px;height:auto;max-width:none;max-height:none}}@media (max-width: 576px){.leave-header{min-height:126px}.leave-header__inner{min-height:126px;grid-template-columns:1fr;grid-template-areas:"breadcrumb" "content" "image";row-gap:2px;padding:8px 12px 3px}.leave-header__breadcrumb{grid-area:breadcrumb;justify-self:end;gap:4px;padding:0}.leave-header__breadcrumb-link,.leave-header__breadcrumb-current{font-size:10.5px}.leave-header__breadcrumb-icon{width:11px;height:11px;flex-basis:11px}.leave-header__content{grid-area:content;width:100%;gap:2px}.leave-header__title{font-size:20px}.leave-header__description{max-width:100%;font-size:11px;line-height:1.4}.leave-header__image-wrapper{grid-area:image;width:100%;height:54px;margin:0}.leave-header__image{width:220px;height:auto;max-width:none;max-height:none}}@media (max-width: 390px){.leave-header{min-height:122px}.leave-header__inner{min-height:122px;padding-left:10px;padding-right:10px}.leave-header__title{font-size:19px}.leave-header__description{max-width:285px;font-size:10.5px}.leave-header__image-wrapper{height:50px}.leave-header__image{width:150px;height:51px;max-height:51px}}@media (max-width: 320px){.leave-header{min-height:120px}.leave-header__inner{min-height:120px;padding-left:8px;padding-right:8px}.leave-header__title{font-size:18px}.leave-header__description,.leave-header__breadcrumb-link,.leave-header__breadcrumb-current{font-size:10px}.leave-header__image-wrapper{height:48px}.leave-header__image{width:140px;height:49px;max-height:49px}}@media (prefers-reduced-motion: reduce){.leave-header__breadcrumb-link{transition:none}}.leave-balance,.leave-balance *,.leave-balance *:before,.leave-balance *:after{box-sizing:border-box}.leave-balance{width:100%;min-width:0;margin:0;padding:0}.leave-balance__yearly-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px;padding:0}.leave-balance__yearly-card{position:relative;min-width:0;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:13px 18px;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0f172a05,0 4px 12px #0f172a07;transition:transform .16s ease,box-shadow .16s ease}.leave-balance__yearly-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.9}.leave-balance__yearly-card--paid{background:#e1f5ed;border:1px solid #c9ebdf}.leave-balance__yearly-card--paid:before{background:#10a978}.leave-balance__yearly-card--casual{background:#fff1df;border:1px solid #f5dfc4}.leave-balance__yearly-card--casual:before{background:#e9a23b}.leave-balance__yearly-value{margin:0 0 4px;padding:0;color:#172b27;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:24px;font-weight:700;line-height:1;letter-spacing:-.35px}.leave-balance__yearly-title{margin:0;padding:0;color:#40504c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.3;text-align:center}@media (hover: hover) and (pointer: fine){.leave-balance__yearly-card:hover{transform:translateY(-1px);box-shadow:0 5px 16px #0f172a0e}}.leave-balance__grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;background:#fff;border:1px solid #e3e9ef;border-radius:9px;overflow:hidden;box-shadow:0 1px 2px #0f172a05,0 4px 12px #0f172a07}.leave-balance__card{position:relative;min-width:0;min-height:120px;display:flex;align-items:center;gap:12px;margin:0;padding:16px 18px;border-right:1px solid #e5eaf0;overflow:hidden;transition:background-color .16s ease,box-shadow .16s ease}.leave-balance__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.85}.leave-balance__card:last-child{border-right:0}.leave-balance__card--paid{background:#fbfefd}.leave-balance__card--casual{background:#fffdf9}.leave-balance__card--comp{background:#fdfcff}.leave-balance__card--paid:before{background:#10a978}.leave-balance__card--casual:before{background:#e9a23b}.leave-balance__card--comp:before{background:#7965c9}.leave-balance__icon{position:relative;width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .16s ease,box-shadow .16s ease}.leave-balance__icon:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(255,255,255,.65);border-radius:inherit;pointer-events:none}.leave-balance__icon svg{position:relative;z-index:1;width:19px;height:19px}.leave-balance__icon--paid{color:#07875f;background:#e1f5ed;box-shadow:0 3px 9px #10a97814}.leave-balance__icon--casual{color:#d68117;background:#fff1df;box-shadow:0 3px 9px #e9a23b14}.leave-balance__icon--comp{color:#6752b8;background:#eeeafd;box-shadow:0 3px 9px #7965c914}.leave-balance__content{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0;padding:0}.leave-balance__title{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin:0 0 7px;padding:0;color:#40504c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.3}.leave-balance__short-name{margin:0;padding:0;color:#697873;font:inherit;font-weight:500}.leave-balance__available{display:flex;align-items:center;gap:4px;margin:0 0 4px;padding:0;color:#536a88;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:10px;font-weight:500;line-height:1.4}.leave-balance__available strong{color:#29466d;font-weight:700}.leave-balance__used{display:flex;align-items:center;gap:4px;margin:0;padding:0;color:#536a88;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:10px;font-weight:500;line-height:1.4}.leave-balance__used strong{color:#29466d;font-weight:700}@media (hover: hover) and (pointer: fine){.leave-balance__card:hover{z-index:2;background:#fff;box-shadow:0 5px 16px #0f172a0b}.leave-balance__card:hover .leave-balance__icon{transform:translateY(-1px)}}@media (min-width: 1600px){.leave-balance__yearly-card{min-height:86px}.leave-balance__yearly-value{font-size:25px}.leave-balance__yearly-title{font-size:11.5px}.leave-balance__card{min-height:122px;gap:13px;padding:16px 20px}.leave-balance__icon{width:46px;height:46px;flex-basis:46px}.leave-balance__icon svg{width:20px;height:20px}.leave-balance__title{font-size:11.5px}.leave-balance__available,.leave-balance__used{font-size:10px}}@media (max-width: 1279px){.leave-balance__yearly-grid{gap:14px}.leave-balance__yearly-card{min-height:80px;padding:12px 16px}.leave-balance__yearly-value{font-size:23px}.leave-balance__card{min-height:112px;gap:10px;padding:14px}.leave-balance__icon{width:40px;height:40px;flex-basis:40px}.leave-balance__icon svg{width:18px;height:18px}.leave-balance__title{font-size:10.5px}.leave-balance__available,.leave-balance__used{font-size:9.5px}}@media (max-width: 900px){.leave-balance__yearly-grid,.leave-balance__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-balance__card{min-height:108px;gap:12px;padding:14px 16px;border-bottom:1px solid #e5eaf0}.leave-balance__card:nth-child(2){border-right:0}.leave-balance__card:nth-child(3){border-bottom:0}.leave-balance__card:last-child{border-bottom:0}.leave-balance__icon{width:42px;height:42px;flex-basis:42px}.leave-balance__icon svg{width:18px;height:18px}.leave-balance__title{font-size:10.5px}.leave-balance__available,.leave-balance__used{font-size:9.5px}}@media (max-width: 560px){.leave-balance__yearly-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.leave-balance__yearly-card{min-height:76px;border-radius:7px}.leave-balance__yearly-value{font-size:22px}.leave-balance__yearly-title{font-size:10.5px}.leave-balance__grid{grid-template-columns:1fr;border-radius:8px}.leave-balance__card{min-height:88px;gap:11px;padding:12px 14px;border-right:0;border-bottom:1px solid #e5eaf0}.leave-balance__card:nth-child(2),.leave-balance__card:nth-child(3){border-bottom:1px solid #e5eaf0}.leave-balance__card:last-child{border-bottom:0}.leave-balance__icon{width:40px;height:40px;flex-basis:40px}.leave-balance__icon svg{width:17px;height:17px}.leave-balance__title{margin-bottom:5px;font-size:10.5px}.leave-balance__available,.leave-balance__used{font-size:9px}}@media (max-width: 390px){.leave-balance__yearly-card{min-height:72px;padding:11px 12px}.leave-balance__yearly-value{font-size:21px}.leave-balance__yearly-title{font-size:10px}.leave-balance__card{min-height:82px;gap:10px;padding:11px 12px}.leave-balance__icon{width:38px;height:38px;flex-basis:38px}.leave-balance__icon svg{width:16px;height:16px}.leave-balance__title{font-size:10px}.leave-balance__available,.leave-balance__used{font-size:8.5px}}@media (max-width: 320px){.leave-balance__yearly-value{font-size:20px}.leave-balance__yearly-title{font-size:9.5px}.leave-balance__card{min-height:78px;gap:9px;padding:10px 11px}.leave-balance__icon{width:36px;height:36px;flex-basis:36px}.leave-balance__icon svg{width:15px;height:15px}.leave-balance__title{font-size:9.5px}.leave-balance__available,.leave-balance__used{font-size:8.5px}}@media (prefers-reduced-motion: reduce){.leave-balance__card,.leave-balance__icon,.leave-balance__yearly-card{transition:none}.leave-balance__card:hover .leave-balance__icon,.leave-balance__yearly-card:hover{transform:none}}.leave-table-card{width:100%;min-width:0;margin:0;padding:0;overflow:hidden;background:#fff;border:1px solid #e1e8e6;border-radius:12px;box-shadow:0 2px 5px #17373206,0 7px 20px #1737320e;box-sizing:border-box}.leave-table-toolbar{width:100%;min-width:0;min-height:50px;display:flex;align-items:stretch;justify-content:space-between;gap:16px;margin:0;padding:0 12px;background:linear-gradient(90deg,#174f50,#126061,#175657);box-sizing:border-box}.leave-table-tabs{min-width:0;display:flex;align-items:stretch;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.leave-table-tabs::-webkit-scrollbar{display:none}.leave-table-tab{position:relative;min-width:max-content;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:0 17px;border:0;color:#ffffffd1;background:transparent;font-family:inherit;font-size:11px;line-height:1;font-weight:500;cursor:pointer;transition:color .16s ease,background-color .16s ease}.leave-table-tab:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent}.leave-table-tab:hover{color:#fff;background:#ffffff0b}.leave-table-tab--active{color:#fff;font-weight:600}.leave-table-tab--active:after{background:#fff}.leave-table-tab-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.leave-table-filter-button{flex:0 0 auto;min-width:92px;display:inline-flex;align-items:center;justify-content:center;gap:7px;align-self:center;margin:0;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;background:#ffffff0a;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.leave-table-filter-button:hover{background:#ffffff1a;border-color:#ffffff40}.leave-table-content{width:100%;min-width:0;padding:12px 14px 10px;box-sizing:border-box}.leave-table-scroll{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;border:1px solid #e4e9e7;border-radius:8px;background:#fff;-webkit-overflow-scrolling:touch}.leave-table{width:100%;min-width:920px;border-collapse:collapse;border-spacing:0;table-layout:fixed;color:#203733;background:#fff}.leave-table th,.leave-table td{box-sizing:border-box}.leave-table thead{background:#fafbfb}.leave-table th{height:39px;padding:8px 14px;border-bottom:1px solid #e3e9e7;color:#253a36;font-size:10.5px;line-height:1.25;font-weight:600;text-align:left;white-space:nowrap}.leave-table td{height:54px;padding:7px 14px;border-bottom:1px solid #edf0ef;color:#324844;font-size:10.5px;line-height:1.35;vertical-align:middle}.leave-table tbody tr:last-child td{border-bottom:0}.leave-table tbody tr{transition:background-color .14s ease}.leave-table tbody tr:hover{background:#fbfcfc}.leave-table th:nth-child(1){width:15%}.leave-table th:nth-child(2){width:15%}.leave-table th:nth-child(3){width:10%}.leave-table th:nth-child(4){width:15%}.leave-table th:nth-child(5){width:20%}.leave-table th:nth-child(6){width:13%}.leave-table th:nth-child(7){width:12%}.leave-table-date{min-width:0;display:flex;align-items:center;gap:8px}.leave-table-date>svg{flex:0 0 auto;color:#435a56}.leave-table-date>div{min-width:0;display:flex;flex-direction:column;gap:1px}.leave-table-date strong{overflow:hidden;color:#263c38;font-size:10.5px;line-height:1.25;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.leave-table-date span{color:#788985;font-size:9px;line-height:1.2}.leave-table-days{color:#324743;white-space:nowrap}.leave-type-badge{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:4px;font-size:9px;line-height:1.2;font-weight:500;white-space:nowrap}.leave-type-badge--paid{color:#13845d;background:#e5f6ee}.leave-type-badge--casual{color:#d07820;background:#fff1dc}.leave-type-badge--comp{color:#6555d5;background:#eeeaff}.leave-table-reason{display:block;overflow:hidden;color:#354944;white-space:nowrap;text-overflow:ellipsis}.leave-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:9px;line-height:1.2;font-weight:500;white-space:nowrap}.leave-status-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor}.leave-status-badge--approved{color:#13845d;background:#e4f6ed}.leave-status-badge--pending{color:#d68122;background:#fff1df}.leave-status-badge--rejected{color:#e14f58;background:#ffebed}.leave-table-actions-heading{text-align:center!important}.leave-table-actions{display:flex;align-items:center;justify-content:center;gap:8px}.leave-table-action-button{width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid #dce6e3;border-radius:8px;background:#fff;font-family:inherit;cursor:pointer;box-sizing:border-box;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.leave-table-action-button svg{display:block;width:16px;height:16px;pointer-events:none}.leave-table-view-button{color:#176d69;border-color:#c5dcd8;background:#f7fbfa}.leave-table-view-button:hover{color:#fff;border-color:#176d69;background:#176d69;box-shadow:0 3px 8px #176d692e}.leave-table-view-button:active{transform:translateY(1px);box-shadow:none}.leave-table-more-button{color:#536864;border-color:#dce5e3;background:#fff}.leave-table-more-button:hover{color:#174f50;border-color:#bfd1ce;background:#f3f8f7}.leave-table-more-button:active{transform:translateY(1px)}.leave-table-action-button:focus{outline:none}.leave-table-action-button:focus-visible{outline:2px solid rgba(23,109,105,.28);outline-offset:2px}.leave-table-action-button:disabled{color:#a7b3b0;border-color:#e5eae9;background:#f8f9f9;cursor:not-allowed;box-shadow:none;opacity:.7}.leave-table-empty{height:120px!important;color:#788985!important;text-align:center}.leave-table-footer{width:100%;min-width:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:12px 0 0;box-sizing:border-box}.leave-table-page-size{display:flex;align-items:center;gap:7px;color:#657a76;font-size:10px}.leave-table-page-size select{min-width:62px;height:31px;padding:0 26px 0 9px;border:1px solid #dce4e1;border-radius:6px;outline:none;color:#304742;background:#fff;font-family:inherit;font-size:10px;cursor:pointer}.leave-table-page-size select:focus{border-color:#4e8581;box-shadow:0 0 0 2px #4e85811a}.leave-table-entry-info{color:#72837f;font-size:10px;line-height:1.3;text-align:center;white-space:nowrap}.leave-table-entry-info strong{color:inherit;font-weight:500}.leave-table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px}.leave-pagination-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid #dfe6e3;border-radius:6px;color:#526762;background:#fff;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.leave-pagination-button:hover:not(:disabled){color:#174f50;border-color:#a9c4c0;background:#f5f9f8}.leave-pagination-button--active{color:#fff!important;border-color:#174f50!important;background:#174f50!important}.leave-pagination-button:disabled{color:#aab5b2;background:#fafbfb;cursor:not-allowed;opacity:.65}@media (max-width: 1200px){.leave-table-toolbar{gap:10px;padding-right:10px;padding-left:10px}.leave-table-tab{padding-right:13px;padding-left:13px}.leave-table-content{padding:11px 12px 10px}}@media (max-width: 768px){.leave-table-toolbar{align-items:center;min-height:50px}.leave-table-tabs{flex:1 1 auto}.leave-table-tab{min-height:50px;padding-right:12px;padding-left:12px;font-size:10.5px}.leave-table-filter-button{min-width:auto;padding-right:10px;padding-left:10px}.leave-table-filter-button span{display:none}.leave-table-content{padding:10px 10px 9px}.leave-table-footer{grid-template-columns:1fr auto;gap:12px}.leave-table-entry-info{grid-column:1 / -1;grid-row:2;text-align:left}}@media (max-width: 576px){.leave-table-card{border-radius:10px}.leave-table-toolbar{padding:0 8px}.leave-table-tab{gap:5px;padding:0 10px;font-size:10px}.leave-table-filter-button{width:34px;min-width:34px;height:34px;padding:0}.leave-table-filter-button>svg:last-child{display:none}.leave-table-content{padding:8px 8px 9px}.leave-table{min-width:880px}.leave-table-footer{display:flex;flex-direction:column;align-items:stretch;gap:10px}.leave-table-page-size{justify-content:flex-start}.leave-table-entry-info{width:100%;text-align:left}.leave-table-pagination{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.leave-table-pagination::-webkit-scrollbar{display:none}}@media (max-width: 380px){.leave-table-content{padding:7px 6px 8px}.leave-table-tab{padding:0 9px}.leave-pagination-button{width:29px;height:29px;flex:0 0 29px}}@media (prefers-reduced-motion: reduce){.leave-table-tab,.leave-table-filter-button,.leave-table-action-button,.leave-pagination-button{transition:none}}.leave-apply-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;overflow-y:auto;background:#1426237a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.leave-apply-modal{width:min(100%,620px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;margin:auto;overflow:hidden;box-sizing:border-box;background:#fff;border:1px solid #e1e8e6;border-radius:14px;box-shadow:0 8px 24px #142f2b1f,0 24px 60px #142f2b29}.leave-apply-modal__header{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;box-sizing:border-box;margin:0;padding:0 28px;border-bottom:1px solid #e8edeb;background:#fff}.leave-apply-modal__header h2{margin:0;padding:0;color:#17332f;font-family:inherit;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.3px}.leave-apply-modal__close{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;margin:0;padding:0;border:0;border-radius:7px;color:#496762;background:transparent;cursor:pointer;transition:color .15s ease,background-color .15s ease}.leave-apply-modal__close:hover{color:#164f50;background:#eef5f3}.leave-apply-modal__close:focus-visible{outline:2px solid rgba(22,79,80,.25);outline-offset:2px}.leave-apply-form{width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;margin:0;padding:18px 25px 20px}.leave-apply-form__grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:16px;box-sizing:border-box}.leave-apply-form__field{min-width:0;display:flex;flex-direction:column;gap:8px}.leave-apply-form__field--full{grid-column:1 / -1}.leave-apply-form__field label{margin:0;padding:0;color:#435753;font-family:inherit;font-size:14px;line-height:1.3;font-weight:500}.leave-apply-form__field label span{margin-left:3px;color:#e65b62}.leave-apply-form__field input,.leave-apply-form__field select,.leave-apply-form__field textarea{width:100%;min-width:0;box-sizing:border-box;margin:0;border:1px solid #dfe6e3;border-radius:7px;outline:none;color:#253b37;background:#fff;font-family:inherit;font-size:13px;font-weight:400;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.leave-apply-form__field input,.leave-apply-form__field select{height:50px;padding:0 14px}.leave-apply-form__field textarea{min-height:72px;padding:13px 14px;line-height:1.5;resize:vertical}.leave-apply-form__field input[type=date]{color-scheme:light;cursor:pointer}.leave-apply-form__field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.leave-apply-form__field input:focus,.leave-apply-form__field select:focus,.leave-apply-form__field textarea:focus{border-color:#4d8b86;box-shadow:0 0 0 3px #4d8b861c}.leave-apply-form__readonly{color:#49605c!important;background:#edf1f0!important;border-color:#e3e8e6!important;cursor:default}.leave-apply-form__error{width:100%;box-sizing:border-box;margin-top:18px;padding:10px 12px;border:1px solid #f4cccc;border-radius:6px;color:#b83e45;background:#fff4f4;font-size:12px;line-height:1.4}.leave-apply-form__actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box;margin-top:26px;padding:0}.leave-apply-form__cancel,.leave-apply-form__submit{min-width:150px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:10px 22px;border-radius:999px;font-family:inherit;font-size:14px;line-height:1;font-weight:600;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.leave-apply-form__cancel{border:1px solid #e2ebe8;color:#346b65;background:#f5f9f8}.leave-apply-form__cancel:hover{border-color:#cedfdb;background:#edf5f3}.leave-apply-form__submit{border:1px solid #174f50;color:#fff;background:#174f50;box-shadow:0 4px 10px #174f5024}.leave-apply-form__submit:hover{border-color:#103f40;background:#103f40;box-shadow:0 6px 14px #174f502e}.leave-apply-form__cancel:active,.leave-apply-form__submit:active{transform:translateY(1px)}.leave-apply-form__cancel:focus-visible,.leave-apply-form__submit:focus-visible{outline:3px solid rgba(23,79,80,.15);outline-offset:2px}@media (max-width: 768px){.leave-apply-modal-backdrop{padding:18px}.leave-apply-modal{max-height:calc(100vh - 36px)}.leave-apply-modal__header{min-height:62px;padding:0 22px}.leave-apply-modal__header h2{font-size:20px}.leave-apply-form{padding:25px 28px}.leave-apply-form__grid{column-gap:20px;row-gap:19px}.leave-apply-form__actions{margin-top:30px}}@media (max-width: 576px){.leave-apply-modal-backdrop{align-items:flex-end;padding:0;background:#14262380}.leave-apply-modal{width:100%;max-height:92dvh;margin:0;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.leave-apply-modal__header{min-height:60px;padding:0 18px}.leave-apply-modal__header h2{font-size:19px}.leave-apply-form{padding:22px 18px 24px}.leave-apply-form__grid{grid-template-columns:1fr;gap:18px}.leave-apply-form__field--empty{display:none}.leave-apply-form__field--full{grid-column:auto}.leave-apply-form__field input,.leave-apply-form__field select{height:48px}.leave-apply-form__field textarea{min-height:88px}.leave-apply-form__actions{gap:12px;margin-top:26px}.leave-apply-form__cancel,.leave-apply-form__submit{flex:1 1 0;min-width:0;min-height:44px;padding:10px 16px}}@media (max-width: 380px){.leave-apply-modal__header{padding:0 15px}.leave-apply-form{padding:19px 15px 22px}.leave-apply-form__grid{gap:16px}.leave-apply-form__field label{font-size:13px}.leave-apply-form__actions{margin-top:22px}}@media (prefers-reduced-motion: reduce){.leave-apply-modal__close,.leave-apply-form__field input,.leave-apply-form__field select,.leave-apply-form__field textarea,.leave-apply-form__cancel,.leave-apply-form__submit{transition:none}}.leave-view-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.leave-view-modal{width:min(720px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 25px 70px #0f172a47;animation:leaveViewModalIn .2s ease-out}@keyframes leaveViewModalIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.leave-view-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.leave-view-modal__employee{display:flex;align-items:center;gap:13px;min-width:0}.leave-view-modal__avatar{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#eff6ff;color:#2563eb}.leave-view-modal__avatar img{width:100%;height:100%;object-fit:cover}.leave-view-modal__employee h2{margin:0;font-size:19px;font-weight:700;color:#111827}.leave-view-modal__employee p{margin:4px 0 0;font-size:13px;color:#6b7280}.leave-view-modal__close{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease}.leave-view-modal__close:hover{background:#f3f4f6;color:#111827}.leave-view-modal__body{flex:1;overflow-y:auto;padding:24px}.leave-view-modal__section{margin-bottom:24px}.leave-view-modal__section:last-child{margin-bottom:0}.leave-view-modal__section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;color:#111827}.leave-view-modal__section-title svg{flex-shrink:0;color:#2563eb}.leave-view-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.leave-view-modal__item{min-width:0;padding:13px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.leave-view-modal__item span{display:block;margin-bottom:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#6b7280}.leave-view-modal__item strong{display:block;overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;color:#111827}.leave-view-modal__status-row{display:flex;align-items:center}.leave-view-status{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.leave-view-status--approved{background:#ecfdf3;color:#15803d}.leave-view-status--rejected{background:#fef2f2;color:#dc2626}.leave-view-status--pending{background:#fff7ed;color:#c2410c}.leave-view-modal__reason{padding:14px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;font-size:14px;line-height:1.6;color:#374151;white-space:pre-wrap;overflow-wrap:anywhere}.leave-view-modal__footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb}.leave-view-modal__close-button{min-width:90px;height:38px;padding:0 18px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease}.leave-view-modal__close-button:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 640px){.leave-view-modal-overlay{padding:10px}.leave-view-modal{max-height:94vh;border-radius:12px}.leave-view-modal__header,.leave-view-modal__body{padding:16px}.leave-view-modal__footer{padding:14px 16px}.leave-view-modal__grid{grid-template-columns:1fr}.leave-view-modal__employee h2{font-size:17px}}.leave-employees-header,.leave-employees-header *,.leave-employees-header *:before,.leave-employees-header *:after{box-sizing:border-box}.leave-employees-header{width:100%;min-width:0;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.leave-employees-header__content{width:100%;min-width:0;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:12px 24px;background:transparent}.leave-employees-header__text{flex:1 1 auto;min-width:0;margin:0;padding:0}.leave-employees-header__title-row{display:flex;align-items:center;gap:7px;margin:0 0 4px;padding:0}.leave-employees-header__title-icon{width:21px;height:21px;flex:0 0 21px;color:#075968}.leave-employees-header__title{margin:0;padding:0;color:#102a43;font-family:inherit;font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.3px}.leave-employees-header__description{max-width:520px;margin:0;padding:0;color:#60758a;font-family:inherit;font-size:11.5px;font-weight:400;line-height:1.45}.leave-employees-header__right{flex:0 0 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:13px;margin:0;padding:0}.leave-employees-header__employee-visual{position:relative;width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}.leave-employees-header__visual-circle{position:relative;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#075968;background:#eef8f8;border:1px solid #d4eaea;border-radius:50%}.leave-employees-header__visual-circle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid rgba(7,89,104,.07);border-radius:50%;pointer-events:none}.leave-employees-header__visual-circle svg{width:23px;height:23px}.leave-employees-header__visual-dot{position:absolute;z-index:3;display:block;border-radius:50%;pointer-events:none}.leave-employees-header__visual-dot--top{top:2px;right:2px;width:5px;height:5px;background:#75bda1}.leave-employees-header__visual-dot--bottom{bottom:3px;left:2px;width:4px;height:4px;background:#075968}.leave-employees-header__breadcrumb{min-width:0;display:flex;align-items:center;gap:6px;margin:0;padding:0;color:#102a43;font-family:inherit;font-size:11px;line-height:1.3;white-space:nowrap}.leave-employees-header__breadcrumb-parent{color:#687e8f;font-weight:400;cursor:pointer;transition:color .16s ease}.leave-employees-header__breadcrumb-parent:hover{color:#075968}.leave-employees-header__breadcrumb-icon{width:13px;height:13px;flex:0 0 13px;color:#9aa8b5}.leave-employees-header__breadcrumb-current{color:#31485b;font-weight:500}@media (prefers-reduced-motion: reduce){.leave-employees-header__breadcrumb-parent{transition:none}}@media (max-width: 1279px){.leave-employees-header__content{min-height:74px;gap:20px;padding:11px 20px}.leave-employees-header__title{font-size:21px}.leave-employees-header__description{max-width:470px;font-size:11px}.leave-employees-header__right{gap:11px}.leave-employees-header__employee-visual{width:43px;height:43px;flex-basis:43px}.leave-employees-header__visual-circle{width:37px;height:37px}.leave-employees-header__visual-circle svg{width:21px;height:21px}.leave-employees-header__breadcrumb{font-size:10.5px}}@media (max-width: 900px){.leave-employees-header__content{min-height:70px;gap:16px;padding:10px 16px}.leave-employees-header__title-row{gap:6px;margin-bottom:3px}.leave-employees-header__title{font-size:20px}.leave-employees-header__title-icon{width:19px;height:19px;flex-basis:19px}.leave-employees-header__description{max-width:400px;font-size:10.5px}.leave-employees-header__employee-visual{width:40px;height:40px;flex-basis:40px}.leave-employees-header__visual-circle{width:35px;height:35px}.leave-employees-header__visual-circle svg{width:20px;height:20px}.leave-employees-header__breadcrumb{display:none}}@media (max-width: 650px){.leave-employees-header__content{min-height:66px;gap:12px;padding:9px 14px}.leave-employees-header__title{font-size:19px}.leave-employees-header__title-icon{width:18px;height:18px;flex-basis:18px}.leave-employees-header__description{max-width:320px;font-size:10px;line-height:1.4}.leave-employees-header__right{gap:8px}.leave-employees-header__employee-visual{width:38px;height:38px;flex-basis:38px}.leave-employees-header__visual-circle{width:33px;height:33px}.leave-employees-header__visual-circle svg{width:19px;height:19px}.leave-employees-header__visual-circle:before{top:-3px;right:-3px;bottom:-3px;left:-3px}.leave-employees-header__visual-dot--top{width:4px;height:4px}.leave-employees-header__visual-dot--bottom{width:3px;height:3px}}@media (max-width: 480px){.leave-employees-header__content{min-height:62px;gap:10px;padding:8px 12px}.leave-employees-header__title{font-size:18px;letter-spacing:-.2px}.leave-employees-header__description{max-width:260px;font-size:9.5px}.leave-employees-header__employee-visual{width:35px;height:35px;flex-basis:35px}.leave-employees-header__visual-circle{width:30px;height:30px}.leave-employees-header__visual-circle svg{width:17px;height:17px}}@media (max-width: 380px){.leave-employees-header__content{min-height:60px;padding:8px 10px}.leave-employees-header__title{font-size:17px}.leave-employees-header__description{max-width:100%;font-size:9.5px}.leave-employees-header__right{display:none}}.leave-summary,.leave-summary *,.leave-summary *:before,.leave-summary *:after{box-sizing:border-box}.leave-summary{width:100%;min-width:0;margin:0;padding:8px 0}.leave-summary__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:12px}.leave-summary-card{--leave-accent: #2563eb;--leave-border: #dbe5f0;--leave-icon-bg: #eff6ff;position:relative;min-width:0;min-height:94px;display:flex;align-items:center;gap:12px;padding:13px 14px;overflow:hidden;background:#fff;border:1px solid var(--leave-border);border-left:3px solid var(--leave-accent);border-radius:8px;box-shadow:0 1px 2px #0f172a06,0 4px 10px #0f172a09;transition:transform .16s ease,box-shadow .16s ease}@media (hover: hover){.leave-summary-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0f172a09,0 6px 14px #0f172a0d}}.leave-summary-card__icon-wrapper{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.leave-summary-card__icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;color:var(--leave-accent);background:var(--leave-icon-bg);border:1px solid var(--leave-border);border-radius:9px}.leave-summary-card__icon svg{width:21px;height:21px;flex-shrink:0}.leave-summary-card__content{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center}.leave-summary-card__title{margin:0 0 4px;overflow:hidden;color:#344b46;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.leave-summary-card__value{margin:0 0 4px;color:#172d28;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:700;line-height:1;letter-spacing:-.35px}.leave-summary-card__description{margin:0;overflow:hidden;color:#73827e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px;font-weight:400;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.leave-summary-card--total{--leave-accent: #2563eb;--leave-border: #dbe7f5;--leave-icon-bg: #eff6ff}.leave-summary-card--pending{--leave-accent: #d97706;--leave-border: #f1e4cc;--leave-icon-bg: #fff8eb}.leave-summary-card--approved{--leave-accent: #16845e;--leave-border: #d9e9e3;--leave-icon-bg: #edf7f3}.leave-summary-card--rejected{--leave-accent: #dc3545;--leave-border: #f0dadd;--leave-icon-bg: #fff1f2}@media (max-width: 1400px){.leave-summary__grid{gap:10px}.leave-summary-card{min-height:90px;gap:10px;padding:12px}.leave-summary-card__icon{width:39px;height:39px;flex-basis:39px}.leave-summary-card__icon svg{width:19px;height:19px}.leave-summary-card__title{font-size:10.5px}.leave-summary-card__value{font-size:21px}.leave-summary-card__description{font-size:9px}}@media (max-width: 1180px){.leave-summary__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.leave-summary{padding:6px 0}.leave-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.leave-summary-card{min-height:86px;padding:11px 12px}.leave-summary-card__title,.leave-summary-card__description{white-space:normal}}@media (max-width: 520px){.leave-summary__grid{grid-template-columns:1fr;gap:8px}.leave-summary-card{min-height:78px;gap:11px;padding:10px 12px;border-left-width:3px;border-radius:7px}.leave-summary-card__icon{width:38px;height:38px;flex-basis:38px}.leave-summary-card__icon svg{width:18px;height:18px}.leave-summary-card__title{margin-bottom:3px;font-size:10.5px}.leave-summary-card__value{margin-bottom:3px;font-size:20px}.leave-summary-card__description{font-size:9px}}@media (max-width: 380px){.leave-summary__grid{gap:7px}.leave-summary-card{min-height:76px;padding:9px 10px}.leave-summary-card__icon{width:36px;height:36px;flex-basis:36px}.leave-summary-card__icon svg{width:17px;height:17px}.leave-summary-card__value{font-size:19px}}@media (prefers-reduced-motion: reduce){.leave-summary-card{transition:none}.leave-summary-card:hover{transform:none}}.leave-employees-filters,.leave-employees-filters *,.leave-employees-filters *:before,.leave-employees-filters *:after{box-sizing:border-box}.leave-employees-filters{width:100%;background:#fff}.leave-employees-filters__primary{display:flex;align-items:flex-end;width:100%;gap:16px;padding:16px;background:#fff;border-bottom:1px solid #edf1f5}.leave-employees-filters__status-field{display:flex;flex-direction:column;width:190px;flex:0 0 190px;gap:6px}.leave-employees-filters__label{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:500;line-height:1.2}.leave-employees-filters__select{width:100%;height:44px;padding:0 34px 0 13px;color:#30445f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;background:#fff;border:1px solid #d9e2ec;border-radius:8px;outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.leave-employees-filters__select:hover{border-color:#bfcddd}.leave-employees-filters__select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.leave-employees-filters__search-button{display:inline-flex;align-items:center;justify-content:center;width:188px;height:44px;flex:0 0 188px;gap:8px;padding:0 18px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;background:#36414d;border:1px solid #36414d;border-radius:8px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.leave-employees-filters__search-button:hover{background:#29333e;box-shadow:0 4px 10px #0f172a1f;transform:translateY(-1px)}.leave-employees-filters__search-button:active{transform:translateY(0)}.leave-employees-filters__search-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.leave-employees-filters__search-field{display:flex;align-items:center;gap:8px;margin-left:auto}.leave-employees-filters__search-label{color:#1e3a5f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:600;white-space:nowrap}.leave-employees-filters__search-input-wrapper{position:relative;width:280px;flex:0 0 280px}.leave-employees-filters__search-icon{position:absolute;top:50%;left:13px;color:#8fa0b5;pointer-events:none;transform:translateY(-50%)}.leave-employees-filters__search-input{display:block;width:100%;height:44px;padding:0 13px 0 40px;color:#263c59;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400;background:#fff;border:1px solid #d9e2ec;border-radius:8px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.leave-employees-filters__search-input::placeholder{color:#9aaabd}.leave-employees-filters__search-input:hover{border-color:#bdcad9}.leave-employees-filters__search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.leave-employees-filters__reset-button{display:inline-flex;align-items:center;justify-content:center;width:96px;height:44px;flex:0 0 96px;gap:7px;padding:0 14px;color:#53657c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:600;background:#fff;border:1px solid #d9e2ec;border-radius:8px;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.leave-employees-filters__reset-button:hover{color:#2563eb;background:#f8fbff;border-color:#bfdbfe;box-shadow:0 2px 6px #2563eb14}.leave-employees-filters__reset-button:active{background:#f1f5f9}.leave-employees-filters__reset-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width: 1100px){.leave-employees-filters__primary{flex-wrap:wrap}.leave-employees-filters__search-field{margin-left:0;flex:1 1 320px}.leave-employees-filters__search-input-wrapper{width:100%;flex:1 1 auto}}@media (max-width: 700px){.leave-employees-filters__primary{align-items:stretch;flex-direction:column;gap:12px;padding:14px}.leave-employees-filters__status-field,.leave-employees-filters__search-button,.leave-employees-filters__search-field,.leave-employees-filters__reset-button{width:100%;flex:1 1 auto}.leave-employees-filters__search-field{align-items:stretch;flex-direction:column;gap:6px}.leave-employees-filters__search-input-wrapper{width:100%;flex:1 1 auto}}@media (max-width: 400px){.leave-employees-filters__primary{padding:12px}.leave-employees-filters__select,.leave-employees-filters__search-button,.leave-employees-filters__search-input,.leave-employees-filters__reset-button{height:42px}}@media (prefers-reduced-motion: reduce){.leave-employees-filters__select,.leave-employees-filters__search-button,.leave-employees-filters__search-input,.leave-employees-filters__reset-button{transition:none}}.leave-employees-table{width:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff}.leave-employees-table *,.leave-employees-table *:before,.leave-employees-table *:after{box-sizing:border-box}.leave-employees-table__scroll{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid #e4eaf2;border-radius:10px;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.leave-employees-table__scroll::-webkit-scrollbar{height:7px}.leave-employees-table__scroll::-webkit-scrollbar-track{background:#f8fafc}.leave-employees-table__scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.leave-employees-table__table{width:100%;min-width:1180px;border-spacing:0;border-collapse:separate;color:#14213d;font-size:13px;table-layout:fixed}.leave-employees-table__table thead{background:linear-gradient(180deg,#fbfcfe,#f7f9fc)}.leave-employees-table__table th{height:48px;padding:0 16px;color:#10244b;font-size:12px;font-weight:700;line-height:1;text-align:left;white-space:nowrap;border-right:1px solid #e6ebf2;border-bottom:1px solid #e2e8f0}.leave-employees-table__table th:last-child{border-right:none}.leave-employees-table__header-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;color:inherit;font:inherit;background:transparent;border:0;cursor:pointer;text-align:left}.leave-employees-table__header-button:hover{color:#2563eb}.leave-employees-table__header-button>svg{flex:0 0 auto;margin-left:10px;color:#9eabc0}.leave-employees-table__sort-neutral{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;margin-left:10px;color:#bdc7d5}.leave-employees-table__sort-neutral svg+svg{margin-top:-3px}.leave-employees-table__table th:nth-child(1){width:20%}.leave-employees-table__table th:nth-child(2){width:9%}.leave-employees-table__table th:nth-child(3){width:9%}.leave-employees-table__table th:nth-child(4){width:9%}.leave-employees-table__table th:nth-child(5){width:14%}.leave-employees-table__table th:nth-child(6){width:19%}.leave-employees-table__table th:nth-child(7){width:11%}.leave-employees-table__table th:nth-child(8){width:9%}.leave-employees-table__table td{height:64px;padding:8px 16px;vertical-align:middle;color:#19304f;border-right:1px solid #e7ecf2;border-bottom:1px solid #e7ecf2;background:#fff}.leave-employees-table__table td:last-child{border-right:none}.leave-employees-table__table tbody tr:last-child td{border-bottom:none}.leave-employees-table__table tbody tr{transition:background-color .15s ease}.leave-employees-table__table tbody tr:hover td{background:#fbfdff}.leave-employees-table__employee{display:flex;align-items:center;min-width:0;gap:11px}.leave-employees-table__avatar{width:38px;height:38px;flex:0 0 38px;display:block;object-fit:cover;border:1px solid #e1e8f0;border-radius:50%;background:#e2e8f0}.leave-employees-table__employee-info{display:flex;flex-direction:column;min-width:0;gap:3px}.leave-employees-table__employee-name{display:block;overflow:hidden;color:#10244b;font-size:13px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.leave-employees-table__employee-id-text{display:block;color:#71829a;font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap}.leave-employees-table__date{display:block;color:#19304f;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}.leave-employees-table__days{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:28px;padding:0 8px;color:#1e3a5f;font-size:12px;font-weight:700;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px}.leave-employees-table__leave-type{display:inline-flex;align-items:center;max-width:100%;padding:7px 9px;overflow:hidden;border-radius:6px;font-size:11px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.leave-employees-table__leave-type--blue{color:#1769d2;background:#eaf4ff}.leave-employees-table__leave-type--red{color:#c62828;background:#fff0f0}.leave-employees-table__leave-type--purple{color:#6547ed;background:#f0edff}.leave-employees-table__leave-type--green{color:#27845c;background:#e8f7ef}.leave-employees-table__leave-type--orange{color:#d96a18;background:#fff1e8}.leave-employees-table__leave-type--pink{color:#c43d76;background:#fff0f6}.leave-employees-table__leave-type--gray{color:#52647d;background:#f1f5f9}.leave-employees-table__reason{display:block;max-width:100%;overflow:hidden;color:#52647d;font-size:12px;font-weight:400;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.leave-employees-table__status{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.leave-employees-table__status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.leave-employees-table__status--pending{color:#b45309;background:#fff7e6}.leave-employees-table__status--approved{color:#16805c;background:#e8f7f0}.leave-employees-table__status--rejected{color:#dc2626;background:#fff0f0}.leave-employees-table__status--cancelled{color:#64748b;background:#f1f5f9}.leave-employees-table__actions-heading{text-align:center!important}.leave-employees-table__actions{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;white-space:nowrap}.leave-employees-table__action-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;padding:0;color:#1a304d;background:#fff;border:1px solid #dfe6ee;border-radius:7px;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.leave-employees-table__action-button:hover{color:#2563eb;background:#f8fbff;border-color:#bfdbfe;box-shadow:0 3px 8px #0f172a0f;transform:translateY(-1px)}.leave-employees-table__action-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.leave-employees-table__empty-cell{height:180px!important;padding:0!important;border-right:none!important}.leave-employees-table__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;gap:6px;text-align:center}.leave-employees-table__empty-state strong{color:#263c59;font-size:13px;font-weight:700}.leave-employees-table__empty-state span{color:#8292a8;font-size:11px;font-weight:400}.leave-employees-table__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:65px;padding:12px 14px}.leave-employees-table__entries{margin:0;color:#1d3451;font-size:12px;font-weight:500;white-space:nowrap}.leave-employees-table__page-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 9px;color:#52647d;background:#fff;border:1px solid #dbe5f0;border-radius:7px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.leave-employees-table__page-button:hover:not(:disabled):not(.leave-employees-table__page-button--active){color:#2563eb;background:#eff6ff;border-color:#bfdbfe;box-shadow:0 2px 6px #2563eb14;transform:translateY(-1px)}.leave-employees-table__page-button--active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 3px 8px #2563eb33}.leave-employees-table__page-button:disabled{color:#b8c3d0;background:#f8fafc;border-color:#e2e8f0;cursor:not-allowed;opacity:1}.leave-employees-table__page-button:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}@media (max-width: 1400px){.leave-employees-table__table{min-width:1120px}.leave-employees-table__table th,.leave-employees-table__table td{padding-left:13px;padding-right:13px}}@media (max-width: 900px){.leave-employees-table__footer{align-items:flex-start;flex-direction:column;padding-top:16px}.leave-employees-table__pagination{width:100%;overflow-x:auto;padding-bottom:5px;justify-content:flex-start}}@media (max-width: 576px){.leave-employees-table__table{min-width:1080px}.leave-employees-table__table th{height:44px;padding-left:11px;padding-right:11px;font-size:11px}.leave-employees-table__table td{height:56px;padding-left:11px;padding-right:11px}.leave-employees-table__avatar{width:32px;height:32px;flex-basis:32px}.leave-employees-table__employee-name{font-size:12px}.leave-employees-table__employee-id-text,.leave-employees-table__date,.leave-employees-table__reason{font-size:11px}.leave-employees-table__footer{padding-left:4px;padding-right:4px}.leave-employees-table__page-button{min-width:35px;height:35px}}@media (prefers-reduced-motion: reduce){.leave-employees-table__table tbody tr,.leave-employees-table__action-button,.leave-employees-table__page-button{transition:none}}.leave-employee-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a94;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-sizing:border-box}.leave-employee-modal{width:min(820px,100%);max-height:min(90vh,860px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 24px 60px #0f172a33,0 8px 24px #0f172a14;box-sizing:border-box}.leave-employee-modal__header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid #e8eef5;background:#fff;box-sizing:border-box}.leave-employee-modal__title-row{min-width:0;display:flex;align-items:flex-start;gap:12px}.leave-employee-modal__title-icon{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbeafe;border-radius:9px;background:#eff6ff;color:#2563eb}.leave-employee-modal__title{margin:0;color:#172554;font-size:21px;font-weight:700;line-height:1.3}.leave-employee-modal__subtitle{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.5}.leave-employee-modal__close{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe4ee;border-radius:9px;background:#fff;color:#64748b;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.leave-employee-modal__close:hover{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.leave-employee-modal__close:active{transform:scale(.97)}.leave-employee-modal__profile{flex:0 0 auto;display:flex;align-items:center;gap:18px;padding:22px 28px;background:#f8fbff;border-bottom:1px solid #e8eef5;box-sizing:border-box}.leave-employee-modal__avatar-wrapper{width:68px;height:68px;position:relative;flex:0 0 68px}.leave-employee-modal__avatar{width:68px;height:68px;display:block;object-fit:cover;border:3px solid #ffffff;border-radius:50%;box-shadow:0 3px 12px #0f172a1f;box-sizing:border-box}.leave-employee-modal__profile-content{min-width:0;flex:1}.leave-employee-modal__name-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.leave-employee-modal__name{margin:0;color:#172554;font-size:20px;font-weight:700;line-height:1.3}.leave-employee-modal__designation{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:500}.leave-employee-modal__employee-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px}.leave-employee-modal__employee-meta>span{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border:1px solid #dbeafe;border-radius:6px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:600;box-sizing:border-box}.leave-employee-modal__employee-meta>strong{color:#172554;font-size:14px;font-weight:700}.leave-employee-modal__employee-meta .leave-employee-modal__meta-separator{min-height:auto;padding:0;border:0;background:transparent;color:#94a3b8;font-size:13px}.leave-employee-modal__status{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.leave-employee-modal__status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}.leave-employee-modal__status--pending{color:#b45309;background:#fff7e6}.leave-employee-modal__status--approved{color:#047857;background:#eaf8f2}.leave-employee-modal__status--rejected{color:#dc2626;background:#fff0f0}.leave-employee-modal__status--cancelled{color:#64748b;background:#f1f5f9}.leave-employee-modal__body{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:24px 28px;background:#fff;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#94a3b8 transparent}.leave-employee-modal__body::-webkit-scrollbar{width:7px}.leave-employee-modal__body::-webkit-scrollbar-track{background:transparent}.leave-employee-modal__body::-webkit-scrollbar-thumb{border-radius:10px;background:#94a3b8}.leave-employee-modal__section-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}.leave-employee-modal__section-icon{width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#eff6ff;color:#2563eb}.leave-employee-modal__section-heading h4{margin:0;color:#1e3a8a;font-size:15px;font-weight:700}.leave-employee-modal__section-heading p{margin:3px 0 0;color:#94a3b8;font-size:12px}.leave-employee-modal__details-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;box-sizing:border-box}.leave-employee-modal__detail{min-width:0;display:flex;align-items:flex-start;gap:12px;min-height:78px;padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-sizing:border-box}.leave-employee-modal__detail-icon{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#eff6ff;color:#2563eb}.leave-employee-modal__detail-content{min-width:0;display:flex;flex-direction:column;gap:3px}.leave-employee-modal__label{display:block;color:#94a3b8;font-size:11px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.03em}.leave-employee-modal__value{display:block;color:#1e293b;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.leave-employee-modal__helper{display:block;color:#64748b;font-size:12px;line-height:1.3}.leave-employee-modal__field{min-width:0;display:flex;flex-direction:column}.leave-employee-modal__field--full{grid-column:1 / -1}.leave-employee-modal__field-label{display:block;margin-bottom:7px;color:#475569;font-size:12px;font-weight:600;line-height:1.4}.leave-employee-modal__input-wrapper{position:relative;width:100%;display:flex;align-items:center}.leave-employee-modal__input-icon{position:absolute;left:13px;z-index:2;color:#64748b;pointer-events:none}.leave-employee-modal__input,.leave-employee-modal__select,.leave-employee-modal__textarea{width:100%;box-sizing:border-box;border:1px solid #d9e2ec;border-radius:9px;outline:none;background:#fff;color:#1e293b;font-family:inherit;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.leave-employee-modal__input{min-height:44px;padding:0 42px 0 40px}.leave-employee-modal__select{min-height:44px;padding:0 38px 0 13px;cursor:pointer}.leave-employee-modal__textarea{min-height:105px;padding:12px 13px;resize:vertical;line-height:1.5}.leave-employee-modal__input:hover,.leave-employee-modal__select:hover,.leave-employee-modal__textarea:hover{border-color:#bfdbfe}.leave-employee-modal__input:focus,.leave-employee-modal__select:focus,.leave-employee-modal__textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb1a}.leave-employee-modal__input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}.leave-employee-modal__readonly-box{width:100%;min-height:44px;display:flex;align-items:center;gap:9px;box-sizing:border-box;padding:0 13px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;color:#334155;font-size:13px;font-weight:600;overflow-wrap:anywhere}.leave-employee-modal__readonly-box svg{flex:0 0 auto;color:#2563eb}.leave-employee-modal__days-box{width:100%;min-height:44px;display:flex;align-items:center;gap:6px;box-sizing:border-box;padding:0 13px;border:1px solid #dbeafe;border-radius:9px;background:#eff6ff;color:#1d4ed8}.leave-employee-modal__days-number{font-size:16px;font-weight:700}.leave-employee-modal__days-label{color:#64748b;font-size:12px;font-weight:500}.leave-employee-modal__readonly-status{min-height:44px;display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;padding:0 13px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;font-size:13px;font-weight:600}.leave-employee-modal__reason-box{width:100%;min-height:88px;box-sizing:border-box;padding:12px 13px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;color:#475569;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.leave-employee-modal__validation-error{margin-top:16px;padding:11px 13px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#b91c1c;font-size:12px;font-weight:500;line-height:1.5}.leave-employee-modal__footer{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:15px 28px;border-top:1px solid #e8eef5;background:#f8fafc;box-sizing:border-box}.leave-employee-modal__button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 17px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.leave-employee-modal__button:active{transform:translateY(1px)}.leave-employee-modal__button--secondary{border:1px solid #d9e2ec;background:#fff;color:#475569}.leave-employee-modal__button--secondary:hover{border-color:#cbd5e1;background:#f8fafc}.leave-employee-modal__button--primary{border:1px solid #2563eb;background:#2563eb;color:#fff;box-shadow:0 4px 10px #2563eb2e}.leave-employee-modal__button--primary:hover{border-color:#1d4ed8;background:#1d4ed8;box-shadow:0 6px 14px #2563eb3d}.leave-employee-modal--view .leave-employee-modal__detail{background:#fff}.leave-employee-modal--edit .leave-employee-modal__details-grid{gap:18px 16px}.leave-employee-modal--edit .leave-employee-modal__field{min-width:0}@media (max-width: 700px){.leave-employee-modal__backdrop{align-items:flex-end;padding:0}.leave-employee-modal{width:100%;max-height:94vh;border-radius:16px 16px 0 0}.leave-employee-modal__header,.leave-employee-modal__profile,.leave-employee-modal__body,.leave-employee-modal__footer{padding-left:18px;padding-right:18px}.leave-employee-modal__details-grid{grid-template-columns:1fr}.leave-employee-modal__field--full{grid-column:auto}.leave-employee-modal__name-row{align-items:flex-start;flex-direction:column;gap:10px}.leave-employee-modal__status{align-self:flex-start}}@media (max-width: 480px){.leave-employee-modal__header{padding-top:18px;padding-bottom:18px}.leave-employee-modal__title{font-size:18px}.leave-employee-modal__subtitle{font-size:12px}.leave-employee-modal__profile{align-items:flex-start;padding-top:18px;padding-bottom:18px}.leave-employee-modal__avatar-wrapper,.leave-employee-modal__avatar{width:56px;height:56px;flex-basis:56px}.leave-employee-modal__name{font-size:18px}.leave-employee-modal__footer{flex-direction:column-reverse}.leave-employee-modal__button{width:100%}}.leave-employees-page{width:100%;min-width:0;min-height:100vh;color:#14213d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc}.leave-employees-page *,.leave-employees-page *:before,.leave-employees-page *:after{box-sizing:border-box}.leave-employees-page__container{width:100%;min-width:0;padding:8px 24px 32px}.leave-employees-page__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;color:#7890aa;font-size:11px;font-weight:500;line-height:1.4}.leave-employees-page__breadcrumb-divider{color:#bdc7d4}.leave-employees-page__breadcrumb-current{color:#445d79;font-weight:600}.leave-employees-page__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px;margin-bottom:16px}.leave-employees-page__header-left{min-width:0}.leave-employees-page__title-wrapper{display:flex;align-items:center;min-width:0;gap:12px}.leave-employees-page__title-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;color:#2563eb;background:#eaf3ff;border:1px solid #d9e9ff;border-radius:11px}.leave-employees-page__title-content{min-width:0}.leave-employees-page__title{margin:0 0 3px;color:#10244b;font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.leave-employees-page__subtitle{margin:0;color:#667b97;font-size:12px;font-weight:400;line-height:1.5}.leave-employees-page__header-actions{display:flex;align-items:center;flex:0 0 auto}.leave-employees-page__add-button{display:inline-flex;align-items:center;justify-content:center;min-width:145px;height:42px;gap:8px;padding:0 17px;color:#fff;font:inherit;font-size:12px;font-weight:600;background:#2563eb;border:1px solid #2563eb;border-radius:8px;box-shadow:0 5px 12px #2563eb2e;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.leave-employees-page__add-button:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 7px 16px #2563eb38;transform:translateY(-1px)}.leave-employees-page__add-button:active{transform:translateY(0)}.leave-employees-page__summary{width:100%;min-width:0;margin-bottom:18px}.leave-employees-page__summary .employee-summary{padding:0}.leave-employees-page__summary .employee-summary__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.leave-employees-page__summary .employee-summary-card{min-width:0;min-height:130px;padding:18px 16px}.leave-employees-page__summary .employee-summary-card__icon-wrapper{margin-right:14px}.leave-employees-page__summary .employee-summary-card__icon{width:62px;height:62px;flex:0 0 62px}.leave-employees-page__summary .employee-summary-card__content{min-width:0}.leave-employees-page__summary .employee-summary-card__title{max-width:100%;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.leave-employees-page__summary .employee-summary-card__value{font-size:24px}.leave-employees-page__summary .employee-summary-card__description{max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.leave-employees-page__content-card{width:100%;min-width:0;overflow:hidden;background:#fff;border:1px solid #e1e8f0;border-radius:12px;box-shadow:0 2px 5px #0f172a04,0 8px 24px #0f172a06}.leave-employees-page__content-header{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px;padding:15px 19px;background:#fff;border-bottom:1px solid #e8edf3}.leave-employees-page__section-title-row{display:flex;align-items:center;min-width:0;gap:11px}.leave-employees-page__section-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;flex:0 0 37px;color:#2563eb;background:#edf5ff;border-radius:8px}.leave-employees-page__section-title{margin:0 0 3px;color:#10244b;font-size:14px;font-weight:700;line-height:1.3}.leave-employees-page__section-subtitle{margin:0;color:#8090a5;font-size:11px;font-weight:400;line-height:1.4}.leave-employees-page__employee-count{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;color:#2563eb;font-size:11px;font-weight:600;white-space:nowrap;background:#eff6ff;border:1px solid #d6e7ff;border-radius:6px}.leave-employees-page__filters{display:flex;align-items:center;justify-content:space-between;width:100%;gap:18px;padding:13px 19px;background:#fbfcfe;border-bottom:1px solid #e5ebf2}.leave-employees-page__search{position:relative;width:330px;max-width:100%;flex:0 1 330px}.leave-employees-page__search-icon{position:absolute;top:50%;left:13px;color:#8ca0b8;pointer-events:none;transform:translateY(-50%)}.leave-employees-page__search-input{width:100%;height:40px;padding:0 14px 0 40px;color:#263c59;font:inherit;font-size:12px;outline:none;background:#fff;border:1px solid #dbe4ee;border-radius:7px;transition:border-color .16s ease,box-shadow .16s ease}.leave-employees-page__search-input::placeholder{color:#91a2b7}.leave-employees-page__search-input:hover{border-color:#c5d1df}.leave-employees-page__search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.leave-employees-page__filter-group{display:flex;align-items:center;gap:10px;flex:0 0 auto}.leave-employees-page__select-wrapper{position:relative;display:flex;align-items:center}.leave-employees-page__select-icon{position:absolute;left:12px;z-index:1;color:#7d8fa5;pointer-events:none}.leave-employees-page__select{min-width:195px;height:40px;padding:0 34px 0 36px;color:#30435e;font:inherit;font-size:11px;font-weight:500;outline:none;background:#fff;border:1px solid #dbe4ee;border-radius:7px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.leave-employees-page__select--status{min-width:135px;padding-left:13px}.leave-employees-page__select:hover{border-color:#c5d1df}.leave-employees-page__select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.leave-employees-page__reset-button{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:40px;gap:6px;padding:0 12px;color:#566a84;font:inherit;font-size:11px;font-weight:600;background:#fff;border:1px solid #dbe4ee;border-radius:7px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.leave-employees-page__reset-button:hover:not(:disabled){color:#2563eb;background:#f8fbff;border-color:#bfdbfe}.leave-employees-page__reset-button:disabled{color:#a7b4c4;background:#f8fafc;cursor:not-allowed;opacity:.7}.leave-employees-page__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;color:#fff;font-size:9px;font-weight:700;background:#2563eb;border-radius:20px}.leave-employees-page__table-wrapper{width:100%;min-width:0;overflow:hidden}.leave-employees-page__table-wrapper .leave-employees-table__scroll{border-top:0;border-right:0;border-left:0;border-radius:0}.leave-employees-page__add-button:focus-visible,.leave-employees-page__reset-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width: 1500px){.leave-employees-page__summary .employee-summary__grid{gap:12px}.leave-employees-page__summary .employee-summary-card{padding:16px 13px}.leave-employees-page__summary .employee-summary-card__icon-wrapper{margin-right:11px}.leave-employees-page__summary .employee-summary-card__icon{width:56px;height:56px;flex-basis:56px}}@media (max-width: 1350px){.leave-employees-page__container{padding-right:18px;padding-left:18px}.leave-employees-page__summary .employee-summary__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leave-employees-page__summary .employee-summary-card{min-height:115px}}@media (max-width: 1100px){.leave-employees-page__filters{align-items:stretch;flex-direction:column}.leave-employees-page__search{width:100%;flex-basis:auto}.leave-employees-page__filter-group{width:100%}.leave-employees-page__select-wrapper{flex:1}.leave-employees-page__select{width:100%}}@media (max-width: 768px){.leave-employees-page__container{padding:12px 15px 26px}.leave-employees-page__header{align-items:stretch;flex-direction:column;gap:14px}.leave-employees-page__header-actions,.leave-employees-page__add-button{width:100%}.leave-employees-page__summary .employee-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-employees-page__filter-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.leave-employees-page__select-wrapper,.leave-employees-page__reset-button{width:100%}}@media (max-width: 576px){.leave-employees-page__container{padding:10px 11px 22px}.leave-employees-page__breadcrumb{margin-bottom:8px;font-size:10px}.leave-employees-page__title-wrapper{align-items:flex-start}.leave-employees-page__title-icon{width:39px;height:39px;flex-basis:39px}.leave-employees-page__title{font-size:20px}.leave-employees-page__subtitle{font-size:11px}.leave-employees-page__summary .employee-summary__grid{grid-template-columns:1fr;gap:10px}.leave-employees-page__summary .employee-summary-card{min-height:105px}.leave-employees-page__content-card{border-radius:10px}.leave-employees-page__content-header{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.leave-employees-page__employee-count{margin-left:48px}.leave-employees-page__filters{padding:12px 14px}.leave-employees-page__filter-group{grid-template-columns:1fr}.leave-employees-page__select-wrapper,.leave-employees-page__select,.leave-employees-page__reset-button{width:100%}.leave-employees-page__select{min-width:0}}@media (max-width: 380px){.leave-employees-page__container{padding-right:9px;padding-left:9px}.leave-employees-page__employee-count{margin-left:0}}@media (prefers-reduced-motion: reduce){.leave-employees-page__add-button,.leave-employees-page__reset-button,.leave-employees-page__search-input,.leave-employees-page__select{transition:none}}.add-view-leave-filters,.add-view-leave-filters *,.add-view-leave-filters *:before,.add-view-leave-filters *:after{box-sizing:border-box}.add-view-leave-filters{width:100%;min-width:0;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:10px 16px;background:#fff}.add-view-leave-filters__heading{min-width:0;display:flex;align-items:center;gap:9px}.add-view-leave-filters__heading-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:#1677e8;background:#edf5ff;border:1px solid #e0edfc;border-radius:50%}.add-view-leave-filters__heading-icon svg{width:16px;height:16px}.add-view-leave-filters__title{min-width:0;margin:0;padding:0;color:#126fcf;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap}.add-view-leave-filters__actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-shrink:0}.add-view-leave-filters__search{position:relative;width:240px;min-width:0}.add-view-leave-filters__search input{width:100%;height:36px;margin:0;padding:0 12px 0 36px;color:#334155;background:#fff;border:1px solid #d8e0e8;border-radius:6px;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;font-weight:400;line-height:normal;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.add-view-leave-filters__search input::placeholder{color:#8293a6;opacity:1}.add-view-leave-filters__search input:hover{border-color:#bdc9d6}.add-view-leave-filters__search input:focus{border-color:#3182df;box-shadow:0 0 0 3px #3182df14}.add-view-leave-filters__search-icon{position:absolute;z-index:1;top:50%;left:12px;width:15px;height:15px;color:#71869b;pointer-events:none;transform:translateY(-50%)}.add-view-leave-filters__search input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.add-view-leave-filters__filter-button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;margin:0;padding:0 13px;color:#334155;background:#fff;border:1px solid #d8e0e8;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.add-view-leave-filters__filter-button svg{width:15px;height:15px;flex-shrink:0}@media (hover: hover){.add-view-leave-filters__filter-button:hover{color:#126fcf;background:#f8fbff;border-color:#b9d4f5}}.add-view-leave-filters__filter-button:focus-visible{outline:2px solid rgba(59,130,246,.55);outline-offset:2px}@media (max-width: 1200px){.add-view-leave-filters{gap:16px;padding:10px 15px}.add-view-leave-filters__search{width:220px}}@media (max-width: 900px){.add-view-leave-filters{gap:14px}.add-view-leave-filters__actions{flex:1 1 auto}.add-view-leave-filters__search{width:min(100%,220px);margin-left:auto}}@media (max-width: 768px){.add-view-leave-filters{min-height:56px;gap:12px;padding:10px 14px}.add-view-leave-filters__heading{gap:8px}.add-view-leave-filters__heading-icon{width:28px;height:28px;flex-basis:28px}.add-view-leave-filters__heading-icon svg{width:15px;height:15px}.add-view-leave-filters__title{font-size:13.5px}.add-view-leave-filters__search{width:min(100%,200px)}}@media (max-width: 640px){.add-view-leave-filters{min-height:0;flex-direction:column;align-items:stretch;gap:10px;padding:11px 14px}.add-view-leave-filters__heading{width:100%}.add-view-leave-filters__title{white-space:normal}.add-view-leave-filters__actions{width:100%;flex:none;justify-content:flex-start;gap:8px}.add-view-leave-filters__search{flex:1 1 auto;width:auto;max-width:none;margin-left:0}.add-view-leave-filters__search input,.add-view-leave-filters__filter-button{height:38px}}@media (max-width: 420px){.add-view-leave-filters{padding:10px 12px}.add-view-leave-filters__actions{flex-direction:column;align-items:stretch;gap:8px}.add-view-leave-filters__search,.add-view-leave-filters__filter-button{width:100%}}@media (max-width: 360px){.add-view-leave-filters__title{font-size:13px}.add-view-leave-filters__search input,.add-view-leave-filters__filter-button{font-size:11px}}@media (prefers-reduced-motion: reduce){.add-view-leave-filters__search input,.add-view-leave-filters__filter-button{transition:none}}.add-view-leave-header,.add-view-leave-header *,.add-view-leave-header *:before,.add-view-leave-header *:after{box-sizing:border-box}.add-view-leave-header{width:100%;min-width:0;margin:0;padding:14px 24px 13px;background:transparent}.add-view-leave-header__title{margin:0;padding:0;color:#172b3a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.35px}.add-view-leave-header__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%;min-width:0;margin:8px 0 0;padding:0}.add-view-leave-header__breadcrumb-item{margin:0;padding:0;color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;font-weight:400;line-height:1.4;white-space:nowrap}.add-view-leave-header__breadcrumb-item--active{color:#3f5364;font-weight:500}.add-view-leave-header__breadcrumb-icon{width:13px;height:13px;flex:0 0 13px;color:#94a3b8}@media (min-width: 1440px){.add-view-leave-header{padding-right:26px;padding-left:26px}}@media (max-width: 1200px){.add-view-leave-header{padding:13px 22px 12px}.add-view-leave-header__title{font-size:23px;letter-spacing:-.3px}.add-view-leave-header__breadcrumb{margin-top:7px}}@media (max-width: 1024px){.add-view-leave-header{padding:13px 20px 12px}.add-view-leave-header__title{font-size:22px}.add-view-leave-header__breadcrumb-item{font-size:11px}}@media (max-width: 768px){.add-view-leave-header{padding:12px 16px 11px}.add-view-leave-header__title{font-size:21px;line-height:1.25;letter-spacing:-.25px}.add-view-leave-header__breadcrumb{gap:5px;margin-top:6px}.add-view-leave-header__breadcrumb-item{font-size:10.75px}.add-view-leave-header__breadcrumb-icon{width:12px;height:12px;flex-basis:12px}}@media (max-width: 576px){.add-view-leave-header{padding:11px 14px 10px}.add-view-leave-header__title{font-size:20px;letter-spacing:-.2px}.add-view-leave-header__breadcrumb{column-gap:4px;row-gap:5px;margin-top:6px}.add-view-leave-header__breadcrumb-item{font-size:10.5px}.add-view-leave-header__breadcrumb-icon{width:11px;height:11px;flex-basis:11px}}@media (max-width: 380px){.add-view-leave-header{padding:10px 12px 9px}.add-view-leave-header__title{font-size:19px}.add-view-leave-header__breadcrumb{column-gap:3px;row-gap:4px}.add-view-leave-header__breadcrumb-item{font-size:10px;white-space:normal}.add-view-leave-header__breadcrumb-icon{width:10px;height:10px;flex-basis:10px}}.add-view-leave-form-card{position:relative;width:calc(100% - 52px);min-height:262px;margin:0 26px 24px;padding:22px 22px 20px;box-sizing:border-box;background:#fff;border:1px solid #e6ebf1;border-radius:14px;box-shadow:0 2px 6px #0f172a06,0 10px 30px #0f172a0d;overflow:visible}.add-view-leave-form-card__header{position:relative;z-index:10;display:flex;align-items:center;gap:12px;margin-bottom:20px}.add-view-leave-form-card__header-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;color:#1677e8;background:linear-gradient(145deg,#edf6ff,#e5f1ff);border-radius:50%}.add-view-leave-form-card__title{margin:0;color:#0873e6;font-size:16px;font-weight:600;line-height:1.3}.add-view-leave-form-card__illustration{position:absolute;top:-42px;right:-15px;z-index:1;display:block;width:310px;max-width:none;height:auto;object-fit:contain;object-position:top right;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 14px rgba(37,99,235,.06))}.add-view-leave-form{position:relative;z-index:10;width:100%}.add-view-leave-form__top-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.72fr);gap:18px;width:calc(100% - 250px);margin-bottom:17px}.add-view-leave-form__leave-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}.add-view-leave-form__field{min-width:0}.add-view-leave-form__field label{display:block;margin:0 0 8px;color:#334155;font-size:12px;font-weight:600;line-height:1.2}.add-view-leave-form__control{position:relative;width:100%}.add-view-leave-form__control input,.add-view-leave-form__control select{display:block;width:100%;height:38px;box-sizing:border-box;color:#475569;background:#fff;border:1px solid #d8e0e8;border-radius:6px;outline:none;font-family:inherit;font-size:12px;font-weight:400;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.add-view-leave-form__control input{padding:0 13px}.add-view-leave-form__control input::placeholder{color:#718096;opacity:1}.add-view-leave-form__control select{padding:0 38px 0 13px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none}.add-view-leave-form__control--with-icon input,.add-view-leave-form__control--with-icon select{padding-left:38px}.add-view-leave-form__control input:hover,.add-view-leave-form__control select:hover{border-color:#b9c6d4}.add-view-leave-form__control input:focus,.add-view-leave-form__control select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-view-leave-form__control input:disabled,.add-view-leave-form__control select:disabled{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0;cursor:not-allowed;opacity:.8}.add-view-leave-form__control input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.add-view-leave-form__control input[type=number]::-webkit-inner-spin-button,.add-view-leave-form__control input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.add-view-leave-form__leading-icon{position:absolute;z-index:2;top:50%;left:13px;color:#8293a6;pointer-events:none;transform:translateY(-50%)}.add-view-leave-form__select-icon{position:absolute;z-index:2;top:50%;right:12px;color:#8293a6;pointer-events:none;transform:translateY(-50%)}.add-view-leave-form__actions{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:17px}.add-view-leave-form__cancel-button,.add-view-leave-form__save-button{display:inline-flex;align-items:center;justify-content:center;height:34px;box-sizing:border-box;border:0;border-radius:6px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}.add-view-leave-form__cancel-button{min-width:64px;padding:0 14px;color:#fff;background:#8795a4}.add-view-leave-form__cancel-button:hover{background:#748291;box-shadow:0 4px 10px #47556926}.add-view-leave-form__save-button{gap:7px;min-width:68px;padding:0 13px;color:#fff;background:linear-gradient(135deg,#34c759,#28ae49);box-shadow:0 3px 8px #2eb94f2e}.add-view-leave-form__save-button:hover{background:linear-gradient(135deg,#2fbb52,#219d40);box-shadow:0 5px 12px #2eb94f3b}.add-view-leave-form__cancel-button:active,.add-view-leave-form__save-button:active{transform:translateY(1px)}.add-view-leave-form__cancel-button:focus-visible,.add-view-leave-form__save-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.add-view-leave-form__cancel-button:disabled,.add-view-leave-form__save-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}@media (max-width: 1400px){.add-view-leave-form-card__illustration{top:-36px;right:-12px;width:285px}.add-view-leave-form__top-grid{width:calc(100% - 230px)}}@media (max-width: 1200px){.add-view-leave-form-card__illustration{top:-30px;right:-10px;width:255px}.add-view-leave-form__top-grid{width:calc(100% - 205px);grid-template-columns:minmax(0,1.5fr) minmax(190px,.75fr)}}@media (max-width: 1024px){.add-view-leave-form-card__illustration{top:-22px;right:-6px;width:220px}.add-view-leave-form__top-grid{width:calc(100% - 175px);grid-template-columns:minmax(0,1.4fr) minmax(170px,.7fr)}.add-view-leave-form__leave-grid{gap:14px}}@media (max-width: 900px){.add-view-leave-form-card__illustration{display:none}.add-view-leave-form__top-grid{width:100%;grid-template-columns:minmax(0,1.4fr) minmax(180px,.7fr)}.add-view-leave-form__leave-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}@media (max-width: 768px){.add-view-leave-form-card{width:calc(100% - 32px);min-height:auto;margin:0 16px 20px;padding:18px 16px;border-radius:12px}.add-view-leave-form-card__header{margin-bottom:18px}.add-view-leave-form-card__header-icon{width:36px;height:36px;flex:0 0 36px}.add-view-leave-form-card__title{font-size:15px}.add-view-leave-form__top-grid,.add-view-leave-form__leave-grid{width:100%;grid-template-columns:1fr;gap:15px}.add-view-leave-form__top-grid{margin-bottom:15px}.add-view-leave-form__control input,.add-view-leave-form__control select{height:42px;font-size:13px}.add-view-leave-form__field label{font-size:12px}.add-view-leave-form__actions{margin-top:18px}.add-view-leave-form__cancel-button,.add-view-leave-form__save-button{height:38px}}@media (max-width: 480px){.add-view-leave-form-card{width:calc(100% - 28px);margin:0 14px 18px;padding:16px 14px;border-radius:12px}.add-view-leave-form-card__header{gap:10px;margin-bottom:17px}.add-view-leave-form-card__header-icon{width:34px;height:34px;flex:0 0 34px}.add-view-leave-form-card__title{font-size:14px}.add-view-leave-form__top-grid,.add-view-leave-form__leave-grid{gap:14px}.add-view-leave-form__control input,.add-view-leave-form__control select{height:42px;font-size:12px}.add-view-leave-form__actions{gap:10px;margin-top:17px}.add-view-leave-form__cancel-button,.add-view-leave-form__save-button{min-height:38px;padding-right:14px;padding-left:14px}}@media (max-width: 360px){.add-view-leave-form-card{width:calc(100% - 20px);margin:0 10px 16px;padding:15px 12px}.add-view-leave-form-card__header{align-items:flex-start}.add-view-leave-form-card__title{padding-top:7px;font-size:13px}.add-view-leave-form__control input,.add-view-leave-form__control select{font-size:12px}}.add-view-leave-summary,.add-view-leave-summary *,.add-view-leave-summary *:before,.add-view-leave-summary *:after{box-sizing:border-box}.add-view-leave-summary{width:100%;min-width:0;margin:0;padding:0 26px 18px}.add-view-leave-summary__grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.add-view-leave-summary-card{position:relative;min-width:0;min-height:96px;display:flex;align-items:center;padding:14px 36px 14px 15px;overflow:hidden;background:#fff;border:1px solid #e5ebf1;border-radius:10px;box-shadow:0 2px 5px #0f172a06,0 6px 16px #0f172a09;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.add-view-leave-summary-card:before{content:"";position:absolute;top:13px;bottom:13px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--summary-accent)}.add-view-leave-summary-card:after{content:"";position:absolute;right:-30px;bottom:-45px;width:90px;height:90px;border-radius:50%;background:var(--summary-icon-bg);opacity:.32;pointer-events:none}@media (hover: hover){.add-view-leave-summary-card:hover{transform:translateY(-2px);border-color:#d9e2eb;box-shadow:0 4px 9px #0f172a0a,0 10px 22px #0f172a0e}}.add-view-leave-summary-card__icon-wrapper{position:relative;z-index:1;width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;margin-right:13px;color:var(--summary-accent);background:var(--summary-icon-bg);border:1px solid var(--summary-icon-border);border-radius:50%}.add-view-leave-summary-card__icon-wrapper svg{width:23px;height:23px}.add-view-leave-summary-card__content{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column}.add-view-leave-summary-card__title,.add-view-leave-summary-card__value,.add-view-leave-summary-card__description{margin:0;padding:0}.add-view-leave-summary-card__title{margin-bottom:4px;color:var(--summary-accent);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-view-leave-summary-card__value{margin-bottom:4px;color:var(--summary-value);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:700;line-height:1;letter-spacing:-.35px}.add-view-leave-summary-card__description{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;font-weight:400;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-view-leave-summary-card__menu{position:absolute;z-index:2;top:10px;right:8px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;padding:0;color:#94a3b8;background:transparent;border:0;border-radius:5px;cursor:pointer;transition:color .16s ease,background-color .16s ease}.add-view-leave-summary-card__menu svg{width:15px;height:15px}@media (hover: hover){.add-view-leave-summary-card__menu:hover{color:#475569;background:#f1f5f9}}.add-view-leave-summary-card__menu:focus-visible{outline:2px solid rgba(59,130,246,.55);outline-offset:1px}.add-view-leave-summary-card--employees{--summary-accent: #1673d9;--summary-value: #1769c2;--summary-icon-bg: #eaf3ff;--summary-icon-border: #dcecff;background:linear-gradient(110deg,#f0f7ff80,#fff 58%)}.add-view-leave-summary-card--casual{--summary-accent: #25a844;--summary-value: #219a38;--summary-icon-bg: #eaf8ed;--summary-icon-border: #daf0df;background:linear-gradient(110deg,#f0fbf380,#fff 58%)}.add-view-leave-summary-card--sick{--summary-accent: #e99a00;--summary-value: #d98f00;--summary-icon-bg: #fff5df;--summary-icon-border: #f9e9c5;background:linear-gradient(110deg,#fff9ed99,#fff 58%)}.add-view-leave-summary-card--compOff{--summary-accent: #7140db;--summary-value: #7140db;--summary-icon-bg: #f1eafd;--summary-icon-border: #e6dcfa;background:linear-gradient(110deg,#f8f5ffa6,#fff 58%)}@media (max-width: 1400px){.add-view-leave-summary{padding-right:22px;padding-left:22px}.add-view-leave-summary__grid{gap:12px}.add-view-leave-summary-card{min-height:92px;padding:13px 34px 13px 13px}.add-view-leave-summary-card__icon-wrapper{width:44px;height:44px;flex-basis:44px;margin-right:11px}.add-view-leave-summary-card__icon-wrapper svg{width:21px;height:21px}.add-view-leave-summary-card__title{font-size:11px}.add-view-leave-summary-card__value{font-size:21px}.add-view-leave-summary-card__description{font-size:10px}}@media (max-width: 1100px){.add-view-leave-summary{padding-right:18px;padding-left:18px}.add-view-leave-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.add-view-leave-summary-card{min-height:94px}}@media (max-width: 768px){.add-view-leave-summary{padding:0 16px 16px}.add-view-leave-summary__grid{gap:11px}.add-view-leave-summary-card{min-height:90px;padding:12px 32px 12px 12px}.add-view-leave-summary-card__icon-wrapper{width:42px;height:42px;flex-basis:42px;margin-right:10px}.add-view-leave-summary-card__icon-wrapper svg{width:20px;height:20px}.add-view-leave-summary-card__value{font-size:20px}}@media (max-width: 560px){.add-view-leave-summary{padding:0 14px 14px}.add-view-leave-summary__grid{grid-template-columns:1fr;gap:9px}.add-view-leave-summary-card{min-height:84px;padding:11px 34px 11px 12px;border-radius:9px}.add-view-leave-summary-card:before{top:11px;bottom:11px}.add-view-leave-summary-card__icon-wrapper{width:42px;height:42px;flex-basis:42px;margin-right:11px}.add-view-leave-summary-card__title{margin-bottom:3px;font-size:11px}.add-view-leave-summary-card__value{margin-bottom:3px;font-size:20px}.add-view-leave-summary-card__description{font-size:10px}.add-view-leave-summary-card__menu{top:8px;right:7px}}@media (max-width: 380px){.add-view-leave-summary{padding-right:12px;padding-left:12px}.add-view-leave-summary-card{min-height:82px}.add-view-leave-summary-card__icon-wrapper{width:40px;height:40px;flex-basis:40px}.add-view-leave-summary-card__icon-wrapper svg{width:19px;height:19px}.add-view-leave-summary-card__value{font-size:19px}}@media (prefers-reduced-motion: reduce){.add-view-leave-summary-card,.add-view-leave-summary-card__menu{transition:none}.add-view-leave-summary-card:hover{transform:none}}.add-view-leave-table{width:100%;padding:0 18px 18px;box-sizing:border-box;background:#fff}.add-view-leave-table__scroll{position:relative;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;background:#fff;border:1px solid #e4eaf0;border-radius:7px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;-webkit-overflow-scrolling:touch}.add-view-leave-table__scroll::-webkit-scrollbar{height:6px}.add-view-leave-table__scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.add-view-leave-table__scroll::-webkit-scrollbar-thumb:hover{background:#aebccc}.add-view-leave-table__scroll::-webkit-scrollbar-track{background:#f8fafc}.add-view-leave-table table{width:100%;min-width:900px;border-collapse:collapse;border-spacing:0;table-layout:auto;color:#1e293b;background:#fff}.add-view-leave-table thead{background:#f7f9fb}.add-view-leave-table th{height:40px;padding:0 14px;color:#26384c;font-size:11px;font-weight:600;line-height:1.2;text-align:left;vertical-align:middle;white-space:nowrap;background:#f7f9fb;border-bottom:1px solid #dfe6ed}.add-view-leave-table__number-column{width:34px}.add-view-leave-table__action-heading{min-width:130px;text-align:center!important}.add-view-leave-table tbody tr{background:#fff;transition:background-color .15s ease,box-shadow .15s ease}.add-view-leave-table tbody tr:hover{background:#fafdff}.add-view-leave-table td{height:44px;padding:0 14px;color:#34465a;font-size:11px;font-weight:400;line-height:1.3;text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e9edf2}.add-view-leave-table tbody tr:last-child td{border-bottom:0}.add-view-leave-table__row-number{color:#172b3a!important;font-weight:500!important}.add-view-leave-table__employee{display:flex;align-items:center;min-width:150px;gap:10px}.add-view-leave-table__avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;font-size:9px;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.add-view-leave-table__avatar--0{color:#148675;background:#d8f4ec}.add-view-leave-table__avatar--1{color:#42526b;background:#e8edf5}.add-view-leave-table__avatar--2{color:#2457b5;background:#dce8ff}.add-view-leave-table__avatar--3{color:#247087;background:#dff2f5}.add-view-leave-table__avatar--4{color:#39704a;background:#e3f2e4}.add-view-leave-table__employee-name{display:block;min-width:0;color:#1e293b;font-weight:600;line-height:1.25}.add-view-leave-table__actions{display:flex;align-items:center;justify-content:center;gap:7px;min-width:120px}.add-view-leave-table__action-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:29px;padding:0;background:#fff;border:1px solid #e0e7ee;border-radius:5px;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.add-view-leave-table__action-button--edit{color:#0878f9}.add-view-leave-table__action-button--view{color:#71849a}.add-view-leave-table__action-button--delete{color:#ef4444}.add-view-leave-table__action-button--edit:hover{color:#0067df;background:#eef6ff;border-color:#c9e0ff;box-shadow:0 2px 5px #0878f914}.add-view-leave-table__action-button--view:hover{color:#475569;background:#f4f7fa;border-color:#cbd5e1;box-shadow:0 2px 5px #47556912}.add-view-leave-table__action-button--delete:hover{color:#dc2626;background:#fff5f5;border-color:#fecaca;box-shadow:0 2px 5px #dc262612}.add-view-leave-table__action-button:active{transform:translateY(1px)}.add-view-leave-table__action-button:focus-visible{position:relative;z-index:2;outline:2px solid #3b82f6;outline-offset:1px}.add-view-leave-table__empty{height:100px!important;color:#64748b!important;font-size:12px!important;font-weight:400!important;text-align:center!important}.add-view-leave-table__footer{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;min-height:64px;padding-top:15px;box-sizing:border-box}.add-view-leave-table__entries{margin:0;color:#536579;font-size:11px;font-weight:400;line-height:1.4;white-space:nowrap}.add-view-leave-table__entries strong{color:#34465a;font-weight:600}.add-view-leave-table__pagination{display:flex;align-items:center;gap:7px;max-width:100%}.add-view-leave-table__page-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:32px;height:32px;padding:0 9px;color:#475569;background:#fff;border:1px solid #e0e7ee;border-radius:5px;font-family:inherit;font-size:11px;font-weight:500;line-height:1;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.add-view-leave-table__page-button:hover:not(:disabled){color:#0878f9;background:#f7fbff;border-color:#bfdbfe}.add-view-leave-table__page-button--active{color:#fff!important;background:#1677e8!important;border-color:#1677e8!important;box-shadow:0 3px 8px #1677e82e}.add-view-leave-table__page-button:disabled{color:#b5c0cc;background:#fafbfc;border-color:#e5eaf0;cursor:not-allowed;opacity:.75}.add-view-leave-table__page-button:focus-visible{position:relative;z-index:2;outline:2px solid #3b82f6;outline-offset:2px}.add-view-leave-table__ellipsis{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:24px;height:32px;color:#8293a6;font-size:12px;line-height:1}@media (max-width: 1024px){.add-view-leave-table table{min-width:880px}.add-view-leave-table th,.add-view-leave-table td{padding-right:13px;padding-left:13px}}@media (max-width: 768px){.add-view-leave-table{padding:0 16px 16px}.add-view-leave-table__scroll{border-radius:6px}.add-view-leave-table table{min-width:850px}.add-view-leave-table__footer{align-items:flex-start;flex-direction:column;gap:13px;min-height:auto;padding-top:15px}.add-view-leave-table__pagination{align-self:flex-end}}@media (max-width: 560px){.add-view-leave-table{padding:0 14px 14px}.add-view-leave-table table{min-width:820px}.add-view-leave-table th{height:39px;padding-right:12px;padding-left:12px}.add-view-leave-table td{height:43px;padding-right:12px;padding-left:12px}.add-view-leave-table__avatar{flex-basis:27px;width:27px;height:27px}.add-view-leave-table__footer{gap:12px;padding-top:14px}.add-view-leave-table__entries{white-space:normal}.add-view-leave-table__pagination{align-self:stretch;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 2px 5px;box-sizing:border-box;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.add-view-leave-table__pagination::-webkit-scrollbar{height:4px}.add-view-leave-table__pagination::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.add-view-leave-table__pagination::-webkit-scrollbar-track{background:transparent}.add-view-leave-table__page-button{min-width:31px;height:31px}.add-view-leave-table__ellipsis{height:31px}}@media (max-width: 420px){.add-view-leave-table{padding-right:12px;padding-bottom:12px;padding-left:12px}.add-view-leave-table__footer{padding-top:12px}.add-view-leave-table__pagination{gap:6px}}@media (max-width: 360px){.add-view-leave-table{padding-right:10px;padding-left:10px}.add-view-leave-table__page-button{min-width:30px;height:30px;padding-right:8px;padding-left:8px}.add-view-leave-table__ellipsis{min-width:20px;height:30px}}.add-view-leave-page__actions{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.add-view-leave-page__add-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.add-view-leave-page__add-button:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40;transform:translateY(-1px)}.add-view-leave-page__add-button:active{transform:translateY(0)}.add-view-leave-page__add-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:20px;line-height:1}.add-view-leave-page__error{margin-bottom:16px;padding:12px 16px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:14px}.add-view-leave-page__loading{padding:40px;text-align:center;color:#6b7280;font-size:14px}.add-view-leave-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;overflow-y:auto;animation:addViewLeaveOverlayIn .2s ease-out}.add-view-leave-modal-wrapper{position:relative;width:100%;max-width:720px;max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000040;animation:addViewLeaveModalIn .25s ease-out}.add-view-leave-modal-close{position:absolute;top:14px;right:14px;z-index:10;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f3f4f6;color:#374151;font-size:24px;font-weight:400;line-height:1;cursor:pointer;transition:background-color .2s ease,color .2s ease}.add-view-leave-modal-close:hover{background:#e5e7eb;color:#111827}.add-view-leave-modal-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@keyframes addViewLeaveOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes addViewLeaveModalIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.add-view-leave-page__actions{justify-content:stretch}.add-view-leave-page__add-button{width:100%}.add-view-leave-modal-overlay{align-items:flex-start;padding:16px}.add-view-leave-modal-wrapper{max-height:calc(100vh - 32px);border-radius:10px}}.leave-settings-page{width:100%;min-width:0;min-height:100vh;color:#14213d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc}.leave-settings-page *,.leave-settings-page *:before,.leave-settings-page *:after{box-sizing:border-box}.leave-settings-container{width:100%;min-width:0;max-width:100%;padding:8px 24px 32px}.leave-settings-card{width:100%;min-width:0;overflow:hidden;background:#fff;border:1px solid #e1e8f0;border-radius:12px;box-shadow:0 2px 5px #0f172a04,0 8px 24px #0f172a06}.leave-settings-card__header{display:flex;align-items:center;min-height:76px;gap:12px;padding:15px 19px;background:#fff;border-bottom:1px solid #e8edf3}.leave-settings-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;color:#2563eb;background:#eaf3ff;border:1px solid #d9e9ff;border-radius:11px}.leave-settings-card__header>div:last-child{min-width:0}.leave-settings-card__header h1{margin:0 0 3px;color:#10244b;font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.leave-settings-card__header p{margin:0;color:#667b97;font-size:12px;font-weight:400;line-height:1.5}.leave-settings-form{width:100%;padding:24px 19px 22px;background:#fff}.leave-settings-field{width:100%;margin-bottom:18px}.leave-settings-field label{display:block;margin:0 0 7px;color:#445d79;font-size:12px;font-weight:600;line-height:1.4}.leave-settings-field select,.leave-settings-field input{width:100%;max-width:100%;height:40px;padding:0 13px;color:#30435e;font:inherit;font-size:12px;font-weight:500;outline:none;background:#fff;border:1px solid #dbe4ee;border-radius:7px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.leave-settings-field select{cursor:pointer}.leave-settings-field input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.leave-settings-field input[type=number]::-webkit-inner-spin-button,.leave-settings-field input[type=number]::-webkit-outer-spin-button{margin:0}.leave-settings-field select:hover:not(:disabled),.leave-settings-field input:hover:not(:disabled){border-color:#c5d1df}.leave-settings-field select:focus,.leave-settings-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.leave-settings-field select:disabled,.leave-settings-field input:disabled{color:#8b9aab;background:#f8fafc;cursor:not-allowed;opacity:.8}.leave-settings-message{display:flex;align-items:center;justify-content:center;min-height:160px;padding:30px 20px;color:#8090a5;font-size:12px;font-weight:500;text-align:center;background:#fff}.leave-settings-error{width:100%;margin:2px 0 16px;padding:11px 13px;color:#b42318;font-size:11px;font-weight:500;line-height:1.5;background:#fff5f5;border:1px solid #ffd6d6;border-radius:7px}.leave-settings-success{width:100%;margin:2px 0 16px;padding:11px 13px;color:#087443;font-size:11px;font-weight:500;line-height:1.5;background:#f0fdf4;border:1px solid #ccefd9;border-radius:7px}.leave-settings-save{display:inline-flex;align-items:center;justify-content:center;width:145px;height:42px;gap:8px;padding:0 17px;color:#fff;font:inherit;font-size:12px;font-weight:600;background:#2563eb;border:1px solid #2563eb;border-radius:8px;box-shadow:0 5px 12px #2563eb2e;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.leave-settings-save:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 7px 16px #2563eb38;transform:translateY(-1px)}.leave-settings-save:active:not(:disabled){transform:translateY(0)}.leave-settings-save:disabled{cursor:not-allowed;opacity:.65}.leave-settings-save:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width: 1350px){.leave-settings-container{padding-right:18px;padding-left:18px}}@media (max-width: 768px){.leave-settings-container{padding:12px 15px 26px}.leave-settings-card__header{min-height:70px;padding:14px 16px}.leave-settings-form{padding:20px 16px}.leave-settings-save{width:100%}}@media (max-width: 576px){.leave-settings-container{padding:10px 11px 22px}.leave-settings-card{border-radius:10px}.leave-settings-card__header{align-items:flex-start;padding:14px}.leave-settings-card__icon{width:39px;height:39px;flex-basis:39px}.leave-settings-card__header h1{font-size:20px}.leave-settings-card__header p{font-size:11px}.leave-settings-form{padding:18px 14px 20px}.leave-settings-field{margin-bottom:16px}.leave-settings-field label{font-size:11px}.leave-settings-field select,.leave-settings-field input{height:40px;font-size:12px}.leave-settings-error,.leave-settings-success{font-size:10px}.leave-settings-save{height:42px}}@media (max-width: 380px){.leave-settings-container{padding-right:9px;padding-left:9px}.leave-settings-card__header{padding:13px}.leave-settings-form{padding-right:13px;padding-left:13px}}@media (prefers-reduced-motion: reduce){.leave-settings-save,.leave-settings-field select,.leave-settings-field input{transition:none}}.joining-form-header{text-align:center;margin-bottom:0}.joining-form-title{font-size:24px;font-weight:600;color:var(--joining-text, #18364a);margin:0;letter-spacing:-.3px}.joining-form-subtitle{font-size:14px;color:var(--joining-muted, #71808a);margin:0}.emergency-contacts-section{width:100%;max-width:100%;box-sizing:border-box;padding:2rem;color:#18364a}.emergency-contacts-list{width:100%}.emergency-contact-card{width:100%;box-sizing:border-box;margin-bottom:1.5rem;padding:1.75rem;border:1px solid #dce6e2;border-radius:16px;background:#fff;box-shadow:0 4px 18px #18364a0a}.emergency-contact-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid #edf1ef}.emergency-contact-title{display:flex;align-items:center;gap:.8rem;min-width:0}.emergency-contact-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#eef7f5;color:var(--joining-primary, #176f73);font-size:12px;font-weight:700}.emergency-contact-card-header h3{margin:0 0 .2rem;color:#18364a;font-size:18px;font-weight:650}.emergency-contact-card-header p{margin:0;color:#81929c;font-size:12px;line-height:1.5}.emergency-remove-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:36px;padding:.5rem .8rem;border:1px solid #efd4d4;border-radius:8px;background:snow;color:#b33a3a;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.emergency-remove-button:hover{background:#fff0f0;border-color:#e5baba}.emergency-remove-button:focus-visible{outline:3px solid rgba(179,58,58,.15);outline-offset:2px}.emergency-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 1.5rem}.emergency-form-group{display:flex;flex-direction:column;gap:.55rem;min-width:0}.emergency-form-group-full{grid-column:1 / -1}.emergency-form-group label{color:#18364a;font-size:13px;font-weight:650;line-height:1.5}.emergency-form-group label span{margin-left:3px;color:#dc3545}.emergency-form-group input,.emergency-form-group select,.emergency-form-group textarea{width:100%;box-sizing:border-box;border:1px solid #d9e2df;border-radius:10px;padding:.8rem .9rem;background:#fff;color:#18364a;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.emergency-form-group input,.emergency-form-group select{min-height:48px}.emergency-form-group textarea{min-height:105px;resize:vertical;line-height:1.5}.emergency-form-group input::placeholder,.emergency-form-group textarea::placeholder{color:#9aaeb8}.emergency-form-group select{cursor:pointer}.emergency-form-group input:focus,.emergency-form-group select:focus,.emergency-form-group textarea:focus{border-color:var(--joining-primary, #176f73);box-shadow:0 0 0 3px #176f7317;background:#fff}.emergency-form-group input:hover,.emergency-form-group select:hover,.emergency-form-group textarea:hover{border-color:#b9cfca}.emergency-add-contact-wrapper{display:flex;justify-content:flex-start;margin-top:.25rem}.emergency-add-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem 1.1rem;border:1px solid var(--joining-primary, #176f73);border-radius:9px;background:#fff;color:var(--joining-primary, #176f73);font-family:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.emergency-add-button:hover{background:#f0f8f7;border-color:#125c60}.emergency-add-button:active{transform:translateY(1px)}.emergency-add-button:focus-visible{outline:3px solid rgba(23,111,115,.15);outline-offset:2px}.emergency-contacts-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid #e4e9e7}.joining-primary-button,.joining-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-width:110px;min-height:44px;padding:.75rem 1.5rem;border-radius:9px;font-family:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.joining-primary-button{border:1px solid var(--joining-primary, #176f73);background:var(--joining-primary, #176f73);color:#fff}.joining-primary-button:hover{border-color:#125c60;background:#125c60}.joining-secondary-button{border:1px solid #d5dcda;background:#fff;color:#18364a}.joining-secondary-button:hover{border-color:#bdcbc6;background:#f4f7f6}.joining-primary-button:active,.joining-secondary-button:active{transform:translateY(1px)}@media (max-width: 1024px){.emergency-contacts-section,.emergency-contact-card{padding:1.5rem}}@media (max-width: 768px){.emergency-contacts-section{padding:1.25rem}.emergency-contacts-header{align-items:flex-start;gap:.8rem;margin-bottom:1.5rem}.emergency-contacts-icon{width:48px;height:48px;border-radius:12px}.emergency-contacts-header h2{font-size:22px}.emergency-contacts-header p{font-size:14px}.emergency-contact-card{padding:1.25rem;border-radius:14px}.emergency-contact-card-header{align-items:flex-start;margin-bottom:1.5rem}.emergency-contact-grid{grid-template-columns:1fr;gap:1.1rem}.emergency-form-group-full{grid-column:auto}.emergency-contacts-actions{margin-top:1.5rem;padding-top:1.25rem}}@media (max-width: 480px){.emergency-contacts-section,.emergency-contact-card{padding:1rem}.emergency-contact-card-header{flex-direction:column;align-items:stretch;gap:.75rem}.emergency-remove-button{align-self:flex-start}.emergency-contacts-actions{gap:.75rem}.joining-primary-button,.joining-secondary-button{flex:1;min-width:0;padding:.7rem 1rem}}.joining-form-stepper{width:100%;max-width:100%;margin:0 0 1.5rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .25rem .75rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.stepper-track{display:flex;align-items:flex-start;width:max-content;min-width:100%}.stepper-item{display:flex;flex-direction:column;align-items:center;flex:0 0 125px;min-width:125px}.stepper-step{display:flex;align-items:center;width:100%;height:36px}.stepper-circle{width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:#e8edec;color:#71808a;border:2px solid transparent;flex-shrink:0;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.stepper-circle.active,.stepper-circle.completed{background:var(--joining-primary, #176f73);color:#fff;border-color:var(--joining-primary, #176f73)}.stepper-line{flex:1;height:2px;background:#dce1df;margin:0 8px;transition:background-color .2s ease}.stepper-line.completed-line{background:var(--joining-primary, #176f73)}.stepper-label{display:block;width:100%;min-height:34px;margin-top:12px;padding:0 3px;font-size:12px;line-height:1.4;color:#71808a;text-align:center;white-space:normal;overflow-wrap:break-word;font-weight:500}.stepper-label.active-label{color:var(--joining-text, #18364a);font-weight:600}.stepper-label.completed-label{color:var(--joining-primary, #176f73)}@media (max-width: 1024px){.stepper-item{flex-basis:120px;min-width:120px}.stepper-label{font-size:12px}}@media (max-width: 768px){.joining-form-stepper{margin-bottom:1rem;padding:.25rem .125rem .75rem}.stepper-track{min-width:max-content}.stepper-item{flex-basis:110px;min-width:110px}.stepper-circle{width:36px;height:36px;min-width:36px;font-size:13px}.stepper-step{height:36px}.stepper-line{margin:0 6px}.stepper-label{margin-top:10px;font-size:11px;line-height:1.35;min-height:30px}}@media (max-width: 480px){.stepper-item{flex-basis:100px;min-width:100px}.stepper-label{font-size:10px}.stepper-line{margin:0 5px}}.form-section-wrapper{display:flex;flex-direction:column;width:100%}.form-section-card{background-color:#fff;border:1px solid #D9DDD9;border-radius:12px;padding:1.2rem;margin-top:0;width:100%;box-sizing:border-box}.form-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.form-section-icon-box{background-color:#f1eee7;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#1f6669;font-size:1.2rem}.form-section-text h2{font-size:1.15rem;font-weight:600;color:#19383a;margin:0 0 .2rem}.form-section-text p{font-size:.85rem;color:#6b7c7d;margin:0}.form-section-content{width:100%}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn{height:42px;padding:0 28px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary{background-color:#1f6669;color:#fff}.btn-primary:hover{background-color:#155053}.btn-secondary{background-color:#f1eee7;color:#19383a}.btn-secondary:hover{background-color:#e8e3d8}@media (max-width: 768px){.form-actions{flex-direction:column-reverse;gap:.75rem}.btn{width:100%;justify-content:center}}.input-wrapper{position:relative;display:block}.input-wrapper select,.input-wrapper input{width:100%;height:42px;box-sizing:border-box;border:1px solid var(--joining-border, #e4e8e7);border-radius:6px;padding:0 36px 0 12px;font-size:14px;background-color:#f7f7f7!important;color:#18364a!important;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.input-wrapper input:focus,.input-wrapper select:focus{background-color:#f7f7f7!important;border-color:var(--joining-primary, #176f73);box-shadow:0 0 0 3px #176f731a}.input-wrapper input::placeholder{color:#aab5b2}.input-wrapper:has(>input[type=date]):after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.input-wrapper:has(>select):after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:12px;height:12px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.personal-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:13px;font-weight:500;color:var(--joining-text, #18364a);margin-bottom:4px}.form-field .required{color:#d9534f;margin-left:2px}.form-field input,.form-field select{height:42px;border:1px solid var(--joining-border, #e4e8e7);border-radius:6px;padding:0 12px;font-size:14px;background:#fafafa;transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit}.form-field textarea{border:1px solid var(--joining-border, #e4e8e7);border-radius:6px;padding:10px 12px;font-size:14px;background:#fafafa;transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit;resize:vertical;min-height:80px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--joining-primary, #176f73);box-shadow:0 0 0 3px #176f731a;background:#fff}.form-field textarea:disabled{background:#f0f2f1;cursor:not-allowed;opacity:.7}.form-field input::placeholder,.form-field textarea::placeholder{color:#aab5b2}.current-address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;flex-wrap:wrap;gap:8px}.current-address-header label{margin-bottom:0}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;color:var(--joining-muted, #71808a);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--joining-primary, #176f73)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}.btn{height:42px;padding:0 24px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--joining-primary, #176f73);color:#fff}.btn-primary:hover{background:var(--joining-primary-dark, #145b5e)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;border-color:var(--joining-border, #e4e8e7);color:var(--joining-text, #18364a)}.btn-secondary:hover{background:#f5f7f6}@media (max-width: 768px){.personal-details-grid{grid-template-columns:1fr;gap:1rem}.form-field.full-width{grid-column:1}.current-address-header{flex-direction:column;align-items:flex-start;gap:4px}.form-actions{flex-direction:column-reverse;gap:.75rem}.form-actions .btn{width:100%}}@media (max-width: 480px){.form-field input,.form-field select,.form-field textarea{font-size:13px}.btn{height:38px;font-size:13px;padding:0 16px}}.dynamic-list-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.dynamic-item-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;position:relative;box-shadow:0 2px 4px #00000005}.remove-item-btn{position:absolute;top:12px;right:12px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.remove-item-btn:hover{background:#fecaca}.basic-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem}.basic-info-grid .form-field{display:flex;flex-direction:column}.basic-info-grid .form-field.full-width{grid-column:1 / -1}.basic-info-grid .form-field label{font-size:13px;font-weight:500;color:var(--text-dark, #19383a);margin-bottom:6px}.basic-info-grid .form-field .required{color:#d9534f;margin-left:2px}.basic-info-grid .form-field input,.basic-info-grid .form-field select{height:42px;border:1px solid var(--input-border, #d9ddd9);border-radius:8px;padding:0 12px;font-size:14px;background:var(--input-bg, #fafaf8);transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit;width:100%}.basic-info-grid .form-field textarea{border:1px solid var(--input-border, #d9ddd9);border-radius:8px;padding:10px 12px;font-size:14px;background:var(--input-bg, #fafaf8);transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit;resize:vertical;min-height:60px;width:100%}.basic-info-grid .form-field input:focus,.basic-info-grid .form-field select:focus,.basic-info-grid .form-field textarea:focus{border-color:var(--primary-teal, #1f6669);box-shadow:0 0 0 3px #1f66691a;background:#fff}.basic-info-grid .form-field input::placeholder,.basic-info-grid .form-field textarea::placeholder{color:#aab5b2}.add-item-btn{background:transparent;color:var(--primary-teal, #1f6669);border:1px dashed var(--primary-teal, #1f6669);border-radius:8px;padding:.75rem;font-weight:600;cursor:pointer;width:100%;margin-top:.5rem;transition:all .2s;font-size:14px}.add-item-btn:hover{background:#1f66690d;border-color:var(--primary-teal, #1f6669)}.basic-info-grid .form-field input[type=file]{width:100%;height:42px;padding:5px 8px;background:var(--input-bg, #fafaf8);border:1px solid var(--input-border, #d9ddd9);border-radius:8px;color:var(--text-dark, #19383a);font-family:inherit;font-size:13px;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.basic-info-grid .form-field input[type=file]::file-selector-button{height:30px;margin-right:10px;padding:4px 12px;background:#e3efed;color:var(--primary-teal, #1f6669);border:1px solid #c4dcd8;border-radius:5px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.basic-info-grid .form-field input[type=file]::file-selector-button:hover{background:#d3e7e3;border-color:var(--primary-teal, #1f6669)}.basic-info-grid .form-field input[type=file]:focus{border-color:var(--primary-teal, #1f6669);box-shadow:0 0 0 3px #1f66691a;background:#fff}@media (max-width: 768px){.basic-info-grid .form-field input[type=file]{height:42px;font-size:12px}.basic-info-grid .form-field input[type=file]::file-selector-button{font-size:11px;padding:4px 10px}}@media (max-width: 768px){.basic-info-grid{grid-template-columns:1fr;gap:1rem}.basic-info-grid .form-field.full-width{grid-column:1}.dynamic-item-wrapper{padding:1.25rem}}.document-upload{--doc-bg: #fafaf8;--doc-surface: #ffffff;--doc-border: #d9ddd9;--doc-border-hover: #b9c5c3;--doc-primary: #1f6669;--doc-primary-dark: #174e51;--doc-primary-light: #e3efed;--doc-secondary: #6b7c7d;--doc-success: #2e9b62;--doc-success-bg: #edf8f2;--doc-danger: #c94b4b;--doc-danger-bg: #fff6f5;--doc-text: #19383a;--doc-text-secondary: #647476;--doc-muted-bg: #f5f6f4;--doc-shadow: 0 2px 8px rgba(25, 56, 58, .05);width:100%;box-sizing:border-box;color:var(--doc-text);font-family:inherit}.document-upload *,.document-upload *:before,.document-upload *:after{box-sizing:border-box}.document-upload-header{width:100%;margin-bottom:20px}.document-upload-header h2{margin:0 0 5px;color:var(--doc-text);font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.01em}.document-upload-header p{margin:0;color:var(--doc-secondary);font-size:13px;line-height:1.5}.document-upload-grid{display:flex;flex-direction:column;width:100%;gap:9px;margin-bottom:22px}.document-upload-card{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;min-height:50px;padding:9px 12px;background:var(--doc-surface);border:1px solid var(--doc-danger);border-radius:7px;box-shadow:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.document-upload-card:hover{border-color:var(--doc-danger);background:#fdfefe;box-shadow:var(--doc-shadow)}.document-upload-card:has(.document-upload-card-header h3 span):hover{border-color:var(--doc-danger)}.document-upload-card.has-file{border-color:var(--doc-danger);background:var(--doc-success-bg)}.document-upload-card.has-file:hover{border-color:var(--doc-success)}.document-upload-card-header{display:flex;align-items:center;flex:1;width:auto;min-width:0;margin:0}.document-upload-card-header>div{display:flex;align-items:center;width:100%;min-width:0}.document-upload-card-header h3{display:block;margin:0;color:var(--doc-text);font-size:12px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.document-upload-card-header h3 span{color:var(--doc-danger);font-weight:700}.document-upload-card-header>div>span{display:none}.document-upload input[type=file]{display:none}.document-upload-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:80px;min-height:29px;margin-left:12px;padding:6px 12px;background:#e5eceb;color:var(--doc-primary);border:1px solid transparent;border-radius:5px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.document-upload-button:hover{background:var(--doc-primary-light);border-color:#1f666940;color:var(--doc-primary-dark)}.document-upload-button:active{transform:translateY(0)}.document-upload-button:focus-visible{outline:3px solid rgba(31,102,105,.18);outline-offset:2px}.document-selected-file{display:flex;align-items:center;justify-content:space-between;flex:0 1 230px;min-width:0;gap:8px;margin-left:12px;padding:5px 7px;background:var(--doc-success-bg);border:1px solid rgba(46,155,98,.22);border-radius:5px}.document-file-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.document-file-info strong{display:block;min-width:0;color:var(--doc-text);font-size:11px;line-height:1.3;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.document-file-info span{color:var(--doc-secondary);font-size:10px;line-height:1.3}.document-selected-file>button{flex:0 0 auto;padding:4px 7px;background:transparent;color:var(--doc-danger);border:1px solid rgba(201,75,75,.25);border-radius:4px;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.document-selected-file>button:hover{background:var(--doc-danger-bg);border-color:#c94b4b73;color:#a83c3c}.document-selected-file>button:focus-visible{outline:3px solid rgba(201,75,75,.15);outline-offset:2px}.document-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;padding-top:14px;border-top:1px solid var(--doc-border)}.document-upload-actions button{min-height:34px;padding:8px 18px;border-radius:6px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.document-upload-actions button:first-child{background:#e8e6df;color:var(--doc-text);border:1px solid #e8e6df}.document-upload-actions button:first-child:hover{background:#dedcd5;border-color:#dedcd5;transform:translateY(-1px)}.document-upload-actions button:last-child{background:var(--doc-primary);color:#fff;border:1px solid var(--doc-primary);box-shadow:0 3px 8px #1f666926}.document-upload-actions button:last-child:hover{background:var(--doc-primary-dark);border-color:var(--doc-primary-dark);box-shadow:0 5px 12px #1f666933;transform:translateY(-1px)}.document-upload-actions button:focus-visible{outline:3px solid rgba(31,102,105,.18);outline-offset:2px}.document-upload button:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.document-upload-header{margin-bottom:18px}.document-upload-header h2{font-size:20px}.document-upload-grid{gap:8px}.document-upload-card{min-height:48px;padding:8px 10px}.document-upload-card-header h3{font-size:12px}.document-upload-button{min-width:76px;min-height:28px;padding:5px 10px;font-size:10px}.document-upload-actions{padding-top:12px}}@media (max-width: 480px){.document-upload-header h2{font-size:18px}.document-upload-header p{font-size:12px}.document-upload-grid{gap:8px}.document-upload-card{min-height:46px;padding:8px}.document-upload-card-header h3{font-size:11px}.document-upload-button{min-width:68px;min-height:27px;margin-left:8px;padding:5px 8px;font-size:10px}.document-selected-file{flex:0 1 170px;gap:5px;margin-left:8px;padding:4px 5px}.document-file-info strong{font-size:10px}.document-file-info span{font-size:9px}.document-selected-file>button{padding:4px 5px;font-size:9px}.document-upload-actions{gap:8px;padding-top:12px}.document-upload-actions button{min-height:36px;padding:8px 14px;font-size:11px}}@media (max-width: 360px){.document-upload-card{padding:7px}.document-upload-card-header h3{font-size:10px}.document-upload-button{min-width:60px;padding:5px 6px;font-size:9px}.document-upload-actions button{font-size:10px}}@media (prefers-reduced-motion: reduce){.document-upload *,.document-upload *:before,.document-upload *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.review-section-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.review-item-row{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;background:#f7f5f0;border-radius:10px;border:1px solid var(--joining-border, #D9DDD9);transition:background .2s ease}.review-item-row:hover{background:#efece6}.review-item-row h4{margin:0;font-size:.95rem;font-weight:600;color:var(--joining-text, #19383A)}.review-item-row .edit-link{color:var(--joining-primary, #1F6669);cursor:pointer;font-weight:600;font-size:.85rem;background:transparent;border:none;padding:.4rem .8rem;border-radius:6px;transition:background .2s}.review-item-row .edit-link:hover{background:#1f666914}.row-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--joining-muted, #6B7C7D);flex-shrink:0;margin-right:.5rem}.confirmation-checkbox-area{margin-top:1.5rem;padding:1rem;background:#ebe8e3;border-radius:10px;display:flex;align-items:flex-start;gap:.75rem;border:1px solid transparent;transition:border-color .2s ease}.confirmation-checkbox-area.has-error{border-color:var(--joining-danger, #C94B4B);background:snow}.confirmation-checkbox-area input{margin-top:3px;accent-color:var(--joining-primary, #1F6669);width:18px;height:18px;cursor:pointer}.confirmation-checkbox-area label{font-size:.9rem;cursor:pointer;color:var(--joining-text, #19383A)}.review-validation-error{margin-top:-.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:500;color:var(--joining-danger, #C94B4B);display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.review-item-row{padding:.75rem 1rem}.review-item-row h4{font-size:.9rem}.confirmation-checkbox-area{flex-direction:column;align-items:center;text-align:center}}.submission-success-wrapper{display:flex;flex-direction:column;align-items:center;padding:1rem 0 2rem;width:100%;text-align:center}.success-illustration{width:100%;max-width:350px;margin:0 auto 1.5rem}.success-image{width:100%;height:auto;object-fit:contain}.success-title{font-size:1.5rem;font-weight:700;color:var(--text-dark, #19383A);margin-bottom:.5rem}.success-description{font-size:.95rem;color:var(--text-secondary, #6B7C7D);line-height:1.5;max-width:450px}.dashboard-btn{margin:1.5rem auto}.success-next-steps{margin-top:2rem;background:#fff;border:1px solid var(--border-color, #D9DDD9);border-radius:12px;padding:1.5rem 2rem;width:100%;max-width:500px;text-align:left}.success-next-steps h3{font-size:.95rem;font-weight:600;color:var(--text-dark);margin:0 0 .75rem}.success-next-steps ul{list-style:none;padding:0;margin:0}.success-next-steps ul li{font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem}:root{--page-bg: #FFFFFF;--card-bg: #F5F2EC;--border-color: #D9DDD9;--primary-teal: #1F6669;--text-dark: #19383A;--text-secondary: #6B7C7D;--input-bg: #FFFFFF;--input-border: #D9DDD9;--section-header: #EBE8E2;--shadow-color: rgba(0, 0, 0, .04)}.joining-form-page{min-height:100vh;background-color:var(--page-bg);display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.joining-form-container{max-width:780px;width:100%;background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);box-shadow:0 8px 30px #0000000a;padding:2rem 2.5rem 0rem;display:flex;flex-direction:column}.form-header-wrapper{text-align:center;margin-bottom:1.5rem}.form-header-wrapper h1{color:var(--text-dark);font-size:1.4rem;font-weight:700;margin-bottom:.2rem}.form-header-wrapper p{color:var(--text-secondary);font-size:.85rem;margin:0}.stepper-wrapper{margin-bottom:1.5rem}.joining-form-step-content{background:transparent;min-height:250px;display:flex;flex-direction:column}.section-header-box{background-color:var(--section-header);border-radius:10px;padding:.8rem 1.2rem;display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.section-icon-circle{background-color:#d5d2cc;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-teal)}.section-header-box h2{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0}.section-header-box p{color:var(--text-secondary);font-size:.8rem;margin:.1rem 0 0}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-bottom:0}.btn{padding:.65rem 2rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:var(--primary-teal);color:#fff}.btn-primary:hover:not(:disabled){background-color:#155053}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background-color:#e8e5de;color:var(--text-dark)}.btn-secondary:hover{background-color:#ddd9d1}.joining-form-footer-note{margin-top:2rem;background-color:#ebe8e3;margin-left:-2.5rem;margin-right:-2.5rem;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top:1px solid var(--border-color);padding:1rem;text-align:center;font-size:.8rem;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;gap:.5rem}@media (max-width: 768px){.joining-form-container{padding:1.5rem 1rem 0rem}.form-actions{flex-direction:column-reverse;gap:1rem}.btn{width:100%;justify-content:center}.joining-form-footer-note{margin-left:-1rem;margin-right:-1rem}}.employee-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0 12px;border-bottom:1px solid #e5e7eb}.employee-header-left{display:flex;flex-direction:column;gap:2px}.employee-header-title{font-size:18px;font-weight:600;color:#111827;margin:0}.employee-header-breadcrumb{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:6px}.breadcrumb-separator{color:#d1d5db}.employee-header-right{display:flex;align-items:center}.employee-header-right button{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px}.employee-statistics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:15px 0}.statistic-card{background:#fff;border-radius:20px;border:1px solid #f0f0f0;position:relative;overflow:hidden;min-height:100px;display:flex;flex-direction:column;transition:transform .2s ease;box-shadow:0 4px 6px -1px #0000000d}.statistic-card:hover{transform:translateY(-4px)}.statistic-content{padding:14px;z-index:2;display:flex;gap:16px;align-items:flex-start}.statistic-icon-wrapper{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.statistic-info{display:flex;flex-direction:column;gap:4px}.statistic-label{font-size:13px;font-weight:600;color:#374151}.statistic-value{font-size:28px;font-weight:800;color:#111827;line-height:1;margin-bottom:8px}.statistic-footer-text{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.statistic-wave{position:absolute;bottom:0;left:0;width:100%;line-height:0;z-index:1}.statistic-wave svg{width:100%;height:auto}@media (max-width: 1200px){.employee-statistics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.employee-statistics{grid-template-columns:1fr}}.employee-toolbar{padding:12px 0;border-bottom:1px solid #e5e7eb}.employee-toolbar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.employee-toolbar-search{flex:1;min-width:180px;max-width:280px}.toolbar-search-input{height:36px;font-size:13px}.employee-toolbar-designation{flex:0 0 200px;min-width:160px}.toolbar-designation-select{width:100%;height:36px;padding:0 12px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;background:#fff;transition:border-color .15s}.toolbar-designation-select:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.toolbar-select{width:100%}.employee-toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.toolbar-filter-btn,.toolbar-reset-btn{height:36px;font-size:13px;display:flex;align-items:center;gap:6px;padding:0 14px}@media (max-width: 768px){.employee-toolbar-row{flex-direction:column;align-items:stretch}.employee-toolbar-search{max-width:100%;min-width:unset}.employee-toolbar-designation{flex:1;min-width:unset}.employee-toolbar-actions{margin-left:0}}.employee-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e5e7eb;color:#374151;font-weight:600;flex-shrink:0;overflow:hidden}.employee-avatar-image{width:100%;height:100%;object-fit:cover}.employee-avatar-initials{font-weight:600;color:#4b5563}.employee-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;letter-spacing:.3px;text-transform:capitalize}.employee-status-badge-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.employee-status-badge-clickable:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.employee-status-badge-clickable:active{transform:scale(.97)}.employee-status-badge-clickable:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.employee-row-cell{padding:10px 12px;font-size:13px;color:#374151;vertical-align:middle}.employee-cell{min-width:160px}.employee-cell-content{display:flex;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0}.employee-cell-content>*{flex-shrink:0}.employee-name{display:inline-block;min-width:0;font-weight:500;color:#111827;white-space:nowrap;cursor:pointer}.employee-actions{display:flex;justify-content:flex-end;gap:6px}.employee-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .15s}.employee-table-wrapper{overflow-x:auto;margin:4px 0 8px}.employee-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-size:13px}.employee-table-header{padding:8px 10px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.employee-row{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.employee-row:hover{background-color:#f9fafb}.employee-row-cell{padding:8px 10px;font-size:13px;color:#374151;vertical-align:middle}.employee-cell{min-width:140px}.employee-cell-content{display:flex;align-items:center;gap:8px}.employee-name{font-weight:500;color:#111827;font-size:13px}.employee-actions-cell{text-align:right}.employee-actions{display:flex;justify-content:flex-end;gap:4px}.employee-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .15s}.employee-action-btn:hover{background:#f3f4f6;color:#374151}.employee-action-delete:hover{background:#fee2e2;color:#ef4444}.employee-table-loading,.employee-table-empty{text-align:center;padding:40px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.loading-spinner{display:inline-block;width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#0d9488;border-radius:50%;animation:spinner .6s linear infinite;margin-bottom:8px}@keyframes spinner{to{transform:rotate(360deg)}}.employee-pagination{display:flex;justify-content:space-between;align-items:center;padding:8px 0 4px;flex-wrap:wrap;gap:8px}.pagination-info{font-size:12px;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:2px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.pagination-active{background:#0d9488;color:#fff;border-color:#0d9488}.pagination-active:hover:not(:disabled){background:#0f766e;border-color:#0f766e}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;font-size:13px;color:#6b7280}.add-employee-form{display:flex;flex-direction:column;height:100%;max-height:100%}.form-scroll-content{flex:1;overflow-y:auto;padding:12px 0 8px}.form-scroll-content::-webkit-scrollbar{width:4px}.form-scroll-content::-webkit-scrollbar-track{background:#f3f4f6}.form-scroll-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.form-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.form-section:last-of-type{margin-bottom:0}.form-section-title{font-size:13px;font-weight:600;color:#111827;margin:0;padding-bottom:6px;border-bottom:1px solid #f3f4f6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:3px}.form-label{font-size:12px;font-weight:500;color:#374151}.form-error{font-size:11px;color:#ef4444;margin-top:2px}.form-submit-error{padding:6px 10px;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:12px;margin-top:8px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 0 4px;border-top:1px solid #e5e7eb;margin-top:12px;background:#fff;flex-shrink:0;position:relative;bottom:0;z-index:10}.form-actions button{min-width:100px;font-size:12px;padding:6px 16px}.file-upload-wrapper{width:100%}.file-upload-input-wrapper{position:relative}.file-upload-input{position:absolute;opacity:0;width:.1px;height:.1px}.file-upload-label{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:6px 10px;border:1px dashed #d1d5db;border-radius:4px;background:#f9fafb;color:#6b7280;font-size:12px;cursor:pointer;transition:all .15s;min-height:32px}.file-upload-label:hover{border-color:#0d9488;background:#f0fdfa}.form-select-wrapper{width:100%}.form-select{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;background:#fff;transition:border-color .15s;min-height:32px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-select:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.form-select-error{border-color:#ef4444}.form-select-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input,.form-group .form-input{font-size:12px;padding:6px 10px;min-height:32px;height:32px}@media (max-width: 640px){.form-row{grid-template-columns:1fr;gap:10px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%;min-width:unset}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.add-employee-modal{background:#fff;border-radius:10px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-title{font-size:16px;font-weight:600;color:#111827;margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .15s}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.modal-content{flex:1;overflow-y:auto;padding:0 20px 16px}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:#f3f4f6}.modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}@media (max-width: 640px){.add-employee-modal{width:100vw;max-width:100vw;max-height:100vh;border-radius:0}}.all-employees-page{padding:0 20px 24px;background:#f8fafc;min-height:calc(100vh - 60px)}@media (max-width: 768px){.all-employees-page{padding:0 12px 16px}}.activate-employee-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a59;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:9999;box-sizing:border-box}.activate-employee-modal{width:min(620px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 20px 45px #0f172a29,0 4px 12px #0f172a0f;overflow:hidden;animation:activateEmployeeModalIn .2s ease-out}.activate-employee-header{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-sizing:border-box}.activate-employee-header h2{margin:0;color:#0f172a;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.2px}.activate-employee-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:7px;background:transparent;color:#64748b;cursor:pointer;transition:background-color .2s ease,color .2s ease}.activate-employee-close:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.activate-employee-close:active:not(:disabled){transform:scale(.96)}.activate-employee-form{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 48px)}.activate-employee-body{padding:12px;overflow-y:auto;background:#fff}.activate-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;row-gap:22px}.activate-form-field{display:flex;flex-direction:column;min-width:0}.activate-form-field label{margin-bottom:8px;color:#334155;font-size:14px;font-weight:600;line-height:1.4}.activate-form-field label span{margin-left:3px;color:#ef4444;font-weight:600}.activate-form-field input,.activate-form-field select,.activate-form-field textarea{width:100%;min-height:46px;padding:0 13px;border:1px solid #dbe2ea;border-radius:7px;outline:none;background:#fff;color:#0f172a;font-family:inherit;font-size:14px;line-height:1.4;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.activate-form-field textarea{min-height:76px;padding-top:12px;padding-bottom:12px;resize:vertical}.activate-form-field select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.activate-form-field input[type=date]{color:#64748b;cursor:pointer}.activate-form-field input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.activate-form-field input[type=number]::-webkit-inner-spin-button,.activate-form-field input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.activate-form-field input::placeholder,.activate-form-field textarea::placeholder{color:#94a3b8}.activate-form-field input:focus,.activate-form-field select:focus,.activate-form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.activate-form-field input:hover:not(:focus),.activate-form-field select:hover:not(:focus),.activate-form-field textarea:hover:not(:focus){border-color:#cbd5e1}.activate-notice-field{grid-column:1 / 2}.activate-employee-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:70px;padding:12px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;box-sizing:border-box}.activate-close-button{min-width:82px;height:40px;padding:0 18px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#475569;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.activate-close-button:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#334155}.activate-submit-button{min-width:92px;height:40px;padding:0 20px;border:1px solid #1f6669;border-radius:7px;background:#1f6669;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #1f666926;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.activate-submit-button:hover:not(:disabled){background:#18565a;border-color:#18565a;box-shadow:0 4px 10px #1f666938;transform:translateY(-1px)}.activate-submit-button:active:not(:disabled){background:#144b4e;border-color:#144b4e;transform:translateY(0)}.activate-submit-button:active:not(:disabled){background:#1e40af;border-color:#1e40af;transform:translateY(0)}.activate-submit-button:disabled,.activate-close-button:disabled,.activate-employee-close:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}@keyframes activateEmployeeModalIn{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 700px){.activate-employee-overlay{padding:16px}.activate-employee-modal{max-height:calc(100vh - 32px)}.activate-form-grid{grid-template-columns:1fr;column-gap:0}.activate-notice-field{grid-column:auto}}@media (max-width: 480px){.activate-employee-overlay{align-items:flex-start;padding:10px}.activate-employee-modal{width:100%;max-height:calc(100vh - 20px);border-radius:8px}.activate-employee-header{min-height:58px;padding:0 16px}.activate-employee-header h2{font-size:18px}.activate-employee-body{padding:20px 16px}.activate-form-grid{row-gap:18px}.activate-form-field label{font-size:13px;margin-bottom:7px}.activate-form-field input,.activate-form-field select,.activate-form-field textarea{min-height:44px;font-size:14px}.activate-form-field textarea{min-height:72px}.activate-employee-footer{min-height:66px;padding:12px 16px}.activate-close-button,.activate-submit-button{height:40px;font-size:13px}}.holiday-calendar-header{display:flex;align-items:center;gap:20px;padding:0}.holiday-calendar-header-image{flex-shrink:0}.holiday-calendar-image{width:308px;height:98px}.holiday-calendar-header-text{display:flex;flex-direction:column;gap:2px}.holiday-calendar-title{font-size:28px;font-weight:700;color:#0f172a;margin:0;line-height:1.2}.holiday-calendar-subtitle{font-size:14px;color:#64748b;margin:0}@media (max-width: 640px){.holiday-calendar-header{flex-direction:column;align-items:flex-start;gap:12px}.holiday-calendar-title{font-size:24px}}.holiday-stat-card{background:#fff;border-radius:8px;border:1px solid #eef2f6;padding:10px 12px;flex:1;min-width:0;transition:box-shadow .2s ease}.holiday-stat-card:hover{box-shadow:0 2px 8px #0000000f}.holiday-stat-card-content{display:flex;align-items:center;gap:14px}.holiday-stat-card-left{flex-shrink:0}.holiday-stat-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.holiday-stat-card-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.holiday-stat-card-title{font-size:13px;font-weight:500;color:#64748b;letter-spacing:.3px}.holiday-stat-card-value{font-size:26px;font-weight:700;color:#0f172a;line-height:1.2}.holiday-stat-card-footer{font-size:12px;color:#94a3b8;font-weight:500;letter-spacing:.2px}@media (max-width: 640px){.holiday-stat-card{padding:12px 16px}.holiday-stat-card-icon{width:38px;height:38px}.holiday-stat-card-value{font-size:22px}}.holiday-statistics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}@media (max-width: 1024px){.holiday-statistics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.holiday-statistics{grid-template-columns:1fr}}.holiday-day-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.3px;background-color:#f0f4f8;color:#2c3e50}.holiday-day-badge.monday{background-color:#e8f0fe;color:#1a56db}.holiday-day-badge.tuesday{background-color:#f3e8ff;color:#6b21a5}.holiday-day-badge.wednesday{background-color:#e0f2fe;color:#0369a1}.holiday-day-badge.thursday{background-color:#fee2e2;color:#b91c1c}.holiday-day-badge.friday{background-color:#fef3c7;color:#92400e}.holiday-day-badge.saturday{background-color:#e0f7fa;color:#00695c}.holiday-day-badge.sunday{background-color:#fce4ec;color:#880e4f}.holiday-day-badge.default{background-color:#f1f5f9;color:#475569}.holiday-row{transition:background-color .2s ease}.holiday-row:hover{background-color:#f8fafc}.holiday-row td{padding:10px 12px;vertical-align:middle;border-bottom:1px solid #eef2f6}.holiday-row-icon{width:38px;text-align:center}.holiday-emoji{font-size:15px;display:inline-block;width:30px;height:30px;line-height:36px;text-align:center;border-radius:50%;background-color:#f1f5f9}.holiday-row-title{font-size:12px;font-weight:500;color:#1e293b;padding-right:20px}.holiday-row-date{font-size:12px;color:#475569}.holiday-date-icon{margin-right:8px;color:#94a3b8}.holiday-row-day{text-align:start}.holiday-row:last-child td{border-bottom:none}.holiday-table-wrapper{background:#fff;border-radius:8px;border:1px solid #eef2f6;overflow:hidden;margin-top:15px}.holiday-table{width:100%;border-collapse:collapse;font-size:12px}.holiday-table thead{background-color:#f0f7f4}.holiday-table thead th{padding:10px 12px;text-align:left;font-weight:600;font-size:12px;color:#1e293b;letter-spacing:.3px;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.holiday-table-header-icon{width:38px}.holiday-table-header-title{width:35%}.holiday-table-header-date{width:30%}.holiday-table-header-day{width:25%;text-align:right}.holiday-table tbody tr:last-child td{border-bottom:none}.holiday-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-top:1px solid #eef2f6;border-radius:0 0 8px 8px;margin-top:0}.holiday-pagination-info{font-size:13px;color:#64748b}.holiday-pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled):not(.active){background-color:#f1f5f9;border-color:#cbd5e1}.pagination-btn.active{background-color:#0f4c5c;border-color:#0f4c5c;color:#fff}.pagination-btn.active:hover{background-color:#0a3a47;border-color:#0a3a47}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:#94a3b8;font-size:14px}.holiday-calendar-page{max-width:1280px;margin:0 auto;width:100%}@media (max-width: 1024px){.holiday-calendar-page{padding:20px 24px}}@media (max-width: 768px){.holiday-calendar-page{padding:16px}}.admin-holiday-header{width:100%;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px;padding:18px 20px;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0f172a0d}.admin-holiday-header-left{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:5px}.admin-holiday-title{margin:0;color:#172b4d;font-size:26px;line-height:32px;font-weight:700;letter-spacing:-.5px}.admin-holiday-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0;color:#64748b;font-size:12px;line-height:18px;font-weight:400}.admin-holiday-breadcrumb-separator{color:#a8b2c1;-webkit-user-select:none;user-select:none}.admin-holiday-breadcrumb-current{color:#334155;font-weight:500}.admin-holiday-header-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;margin-left:auto;padding-top:2px}.admin-holiday-add-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:132px;height:38px;padding:0 16px;box-sizing:border-box;border:1px solid #0f766e;border-radius:7px;background:#0f766e;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:18px;font-weight:600;white-space:nowrap;cursor:pointer;outline:none;box-shadow:0 1px 2px #0f766e1f;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.admin-holiday-add-button svg{flex:0 0 auto;width:17px;height:17px}.admin-holiday-add-button:hover{background:#115e59;border-color:#115e59;box-shadow:0 3px 8px #0f766e33}.admin-holiday-add-button:active{transform:translateY(1px);box-shadow:0 1px 3px #0f766e24}.admin-holiday-add-button:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.admin-holiday-add-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 768px){.admin-holiday-header{align-items:stretch;flex-direction:column;gap:14px;padding:16px}.admin-holiday-header-right{width:100%;margin-left:0;padding-top:0}.admin-holiday-add-button{width:100%}}@media (max-width: 480px){.admin-holiday-header{margin-bottom:14px;padding:14px}.admin-holiday-title{font-size:22px;line-height:28px}.admin-holiday-breadcrumb{font-size:11px;line-height:16px}.admin-holiday-add-button{height:38px;font-size:12px}}@media (prefers-reduced-motion: reduce){.admin-holiday-add-button{transition:none}}.admin-holiday-stat-card{background:#fff;border-radius:8px;padding:10px 14px;border:1px solid #e8ecf1;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s ease;display:flex;align-items:center;gap:16px}.admin-holiday-stat-card:hover{box-shadow:0 2px 8px #00000014}.admin-holiday-stat-card-icon-wrapper{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#f8f9fc;border-radius:8px}.admin-holiday-stat-card-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.admin-holiday-stat-card-label{font-size:13px;color:#6b7a8f;font-weight:500;letter-spacing:.2px}.admin-holiday-stat-card-value{font-size:24px;font-weight:600;color:#1a2332;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-holiday-stat-card-subtext{font-size:12px;color:#8a9aa8;font-weight:400}@media (max-width: 768px){.admin-holiday-stat-card{padding:14px 16px;gap:12px}.admin-holiday-stat-card-icon-wrapper{width:38px;height:38px}.admin-holiday-stat-card-icon-wrapper svg{width:20px;height:20px}.admin-holiday-stat-card-value{font-size:20px}}@media (max-width: 480px){.admin-holiday-stat-card{padding:12px 14px;gap:10px}.admin-holiday-stat-card-icon-wrapper{width:34px;height:34px}.admin-holiday-stat-card-icon-wrapper svg{width:18px;height:18px}.admin-holiday-stat-card-value{font-size:18px}}.admin-holiday-statistics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}@media (max-width: 1024px){.admin-holiday-statistics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.admin-holiday-statistics{grid-template-columns:1fr;gap:12px}}.admin-holiday-actions{display:flex;align-items:center;gap:4px}.admin-holiday-action-btn{padding:4px 6px;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-holiday-action-btn:hover{background:#f0f2f5}.admin-holiday-action-edit{color:#0f7b7b}.admin-holiday-action-edit:hover{background:#e6f3f3;color:#0d6b6b}.admin-holiday-action-delete{color:#dc3545}.admin-holiday-action-delete:hover{background:#fde8ea;color:#c82333}.admin-holiday-action-btn:active{transform:scale(.92)}.admin-holiday-status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-transform:capitalize;letter-spacing:.3px;min-width:60px}.admin-holiday-status-active{background:#d1fae5;color:#065f46}.admin-holiday-status-active:hover{background:#a7f3d0}.admin-holiday-status-inactive{background:#f3f4f6;color:#6b7280}.admin-holiday-status-inactive:hover{background:#e5e7eb}.admin-holiday-status-badge:active{transform:scale(.95)}.admin-holiday-row td{vertical-align:middle}.admin-holiday-row-id{font-weight:500;color:#6b7a8f;font-size:13px}.admin-holiday-row-title{font-weight:500;color:#1a2332}.admin-holiday-row-date{color:#4a5568}.admin-holiday-row-day{color:#6b7a8f}.admin-holiday-row-status,.admin-holiday-row-actions{padding:8px 16px}.admin-holiday-pagination{display:flex;align-items:center;gap:4px}.admin-holiday-pagination-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #d0d7de;border-radius:4px;background:#fff;color:#4a5568;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:500;height:32px}.admin-holiday-pagination-btn:hover:not(.admin-holiday-pagination-disabled){background:#f0f2f5;border-color:#b0b8c4}.admin-holiday-pagination-btn:active:not(.admin-holiday-pagination-disabled){transform:scale(.95)}.admin-holiday-pagination-disabled{opacity:.5;cursor:not-allowed}.admin-holiday-pagination-pages{display:flex;align-items:center;gap:4px}.admin-holiday-pagination-page{min-width:32px;height:32px;padding:0 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:#4a5568;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:500;display:flex;align-items:center;justify-content:center}.admin-holiday-pagination-page:hover:not(.admin-holiday-pagination-active):not(.admin-holiday-pagination-ellipsis){background:#f0f2f5;border-color:#d0d7de}.admin-holiday-pagination-active{background:#0f7b7b;color:#fff;border-color:#0f7b7b}.admin-holiday-pagination-active:hover{background:#0d6b6b;border-color:#0d6b6b}.admin-holiday-pagination-ellipsis{cursor:default;color:#8a9aa8}@media (max-width: 640px){.admin-holiday-pagination{flex-wrap:wrap;justify-content:center}.admin-holiday-pagination-btn span{display:none}.admin-holiday-pagination-btn{padding:6px 10px}}.admin-holiday-table-container{background:#fff;border-radius:8px;border:1px solid #e8ecf1;box-shadow:0 1px 3px #0000000f;overflow:hidden}.admin-holiday-table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e8ecf1;background:#fafbfc}.admin-holiday-table-entries{display:flex;align-items:center;gap:8px;font-size:14px;color:#4a5568}.admin-holiday-table-entries select{padding:4px 8px;border:1px solid #d0d7de;border-radius:4px;font-size:13px;background:#fff;cursor:pointer;outline:none}.admin-holiday-table-entries select:focus{border-color:#0f7b7b}.admin-holiday-table-search{position:relative;display:flex;align-items:center}.admin-holiday-table-search input{padding:6px 36px 6px 12px;border:1px solid #d0d7de;border-radius:4px;font-size:14px;width:220px;transition:border-color .2s ease;background:#fff}.admin-holiday-table-search input:focus{outline:none;border-color:#0f7b7b}.admin-holiday-search-icon{position:absolute;right:10px;color:#8a9aa8}.admin-holiday-table-wrapper{overflow-x:auto}.admin-holiday-table{width:100%;border-collapse:collapse;font-size:14px}.admin-holiday-table thead{background:#f8f9fa;border-bottom:2px solid #e8ecf1}.admin-holiday-table th{text-align:left;padding:8px 12px;font-weight:600;color:#4a5568;font-size:13px;white-space:nowrap}.admin-holiday-table td{padding:8px 12px;border-bottom:1px solid #f0f2f5;color:#2d3748}.admin-holiday-table tr:hover{background:#f8fafc}.admin-holiday-table-header-id{width:50px}.admin-holiday-table-header-title{min-width:150px}.admin-holiday-table-header-date{min-width:120px}.admin-holiday-table-header-day{min-width:100px}.admin-holiday-table-header-status{min-width:90px}.admin-holiday-table-header-actions{min-width:100px}.admin-holiday-table-loading,.admin-holiday-table-empty{text-align:center;padding:40px 20px!important;color:#8a9aa8}.admin-holiday-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #e8ecf1;background:#fafbfc}.admin-holiday-table-info{font-size:14px;color:#4a5568}@media (max-width: 768px){.admin-holiday-table-toolbar{flex-direction:column;gap:12px;align-items:stretch}.admin-holiday-table-entries{justify-content:center}.admin-holiday-table-search input{width:100%}.admin-holiday-table-footer{flex-direction:column;gap:12px;align-items:center}}@media (max-width: 480px){.admin-holiday-table-entries{font-size:13px;flex-wrap:wrap;justify-content:center}.admin-holiday-table th,.admin-holiday-table td{padding:8px 12px;font-size:13px}}.admin-holiday-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:adminHolidayFadeIn .2s ease}.admin-holiday-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;z-index:1001;width:450px;max-width:92%;animation:adminHolidaySlideIn .3s ease}@keyframes adminHolidayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminHolidaySlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.admin-holiday-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e8ecf1}.admin-holiday-modal-title{font-size:18px;font-weight:600;color:#1a2332;margin:0}.admin-holiday-modal-close{background:none;border:none;color:#8a9aa8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center}.admin-holiday-modal-close:hover{background:#f0f2f5;color:#4a5568}.admin-holiday-modal-form{padding:24px}.admin-holiday-form-group{margin-bottom:20px}.admin-holiday-form-group:last-of-type{margin-bottom:24px}.admin-holiday-form-label{display:block;font-size:14px;font-weight:500;color:#2d3748;margin-bottom:6px}.admin-holiday-form-required{color:#dc3545;margin-left:2px}.admin-holiday-form-input{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;color:#1a2332;transition:all .2s ease;background:#fff;box-sizing:border-box}.admin-holiday-form-input:focus{outline:none;border-color:#0f7b7b;box-shadow:0 0 0 3px #0f7b7b1a}.admin-holiday-form-input::placeholder{color:#8a9aa8}.admin-holiday-form-input-error{border-color:#dc3545}.admin-holiday-form-input-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.admin-holiday-form-error{display:block;margin-top:4px;font-size:13px;color:#dc3545}.admin-holiday-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid #f0f2f5}.admin-holiday-btn-cancel,.admin-holiday-btn-submit{padding:8px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;height:36px}.admin-holiday-btn-cancel{background:#f0f2f5;color:#4a5568}.admin-holiday-btn-cancel:hover{background:#e5e7eb}.admin-holiday-btn-submit{background:#0f7b7b;color:#fff}.admin-holiday-btn-submit:hover{background:#0d6b6b;box-shadow:0 2px 8px #0f7b7b4d}.admin-holiday-btn-cancel:active,.admin-holiday-btn-submit:active{transform:scale(.97)}@media (max-width: 480px){.admin-holiday-modal{width:96%;max-width:96%}.admin-holiday-modal-header{padding:16px 20px}.admin-holiday-modal-form{padding:20px}.admin-holiday-modal-actions{flex-direction:column}.admin-holiday-btn-cancel,.admin-holiday-btn-submit{width:100%;justify-content:center}}.admin-holiday-calendar-page{padding-top:5px;background:#f5f7fa;min-height:100vh}.admin-holiday-content{max-width:1280px;margin:0 auto}@media (max-width: 768px){.admin-holiday-calendar-page{padding:16px}}@media (max-width: 480px){.admin-holiday-calendar-page{padding:12px}}.payslip-admin-header{position:relative;min-height:214px;overflow:hidden;margin-bottom:14px;padding:18px 22px;border:1px solid rgba(217,226,222,.72);border-radius:12px;background:radial-gradient(circle at 67% 60%,rgba(222,239,236,.48),transparent 25%),linear-gradient(115deg,#fff,#fbfcfa 52%,#f5faf8);box-shadow:0 4px 18px #22423d0e}.payslip-admin-header:after{content:"";position:absolute;right:-100px;bottom:-125px;width:440px;height:250px;border-radius:50%;background:#daede859;transform:rotate(-7deg);pointer-events:none}.payslip-admin-header__content{position:relative;z-index:2}.payslip-admin-header__breadcrumb{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-bottom:3px;color:#84908f;font-size:10px;line-height:1}.payslip-admin-header__breadcrumb strong{color:#294443;font-weight:700}.payslip-admin-header__breadcrumb-separator{color:#aab4b1;font-size:14px}.payslip-admin-header__main{display:flex;align-items:center;min-height:155px}.payslip-admin-header__left{flex:1;min-width:0}.payslip-admin-header__title-row{display:flex;align-items:center;gap:18px}.payslip-admin-header__icon-box{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 72px;width:72px;height:72px;border-radius:12px;color:#236460;background:#dcece8}.payslip-admin-header__rupee{position:absolute;right:7px;bottom:8px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;color:#fff;background:#246d68;font-size:14px;font-weight:700}.payslip-admin-header__title-content{min-width:0}.payslip-admin-header__eyebrow{display:block;margin-bottom:3px;color:#9aa8a5;font-size:9px;font-weight:700;letter-spacing:5px}.payslip-admin-header__title{margin:0;color:#153638;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3vw,38px);font-weight:700;line-height:1}.payslip-admin-header__description{margin:6px 0 0;color:#71807f;font-size:13px;line-height:1.4}.payslip-admin-header__features{display:flex;align-items:center;gap:34px;margin-top:19px}.payslip-admin-header__feature{display:flex;align-items:center;gap:9px;min-width:0}.payslip-admin-header__feature-icon{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;color:#216762}.payslip-admin-header__feature strong{display:block;color:#243b3c;font-size:10.5px;font-weight:700;line-height:1.3}.payslip-admin-header__feature span{display:block;margin-top:2px;color:#84908f;font-size:9px;line-height:1.3}.payslip-admin-header__illustration{position:relative;flex:0 0 42%;align-self:stretch;min-height:155px;overflow:hidden}.payslip-admin-header__illustration-image{position:absolute;right:17%;bottom:-21px;width:min(310px,92%);max-height:185px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}.payslip-admin-header__illustration-copy{position:absolute;top:50%;right:1%;z-index:2;color:#316b68;font-size:13px;font-style:italic;font-weight:600;line-height:1.3;transform:translateY(-45%) rotate(-4deg)}.payslip-admin-header__illustration-copy span{display:block;width:58px;height:1px;margin:6px auto 0;background:#377773;transform:rotate(-7deg)}.payslip-admin-header__actions{position:absolute;right:22px;bottom:18px;z-index:5;display:flex;gap:8px}.payslip-admin-header__salary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 17px;border:0;border-radius:22px;color:#fff;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.payslip-admin-header__salary-button span{font-size:20px;font-weight:300;line-height:1}.payslip-admin-header__salary-button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #22565226}.payslip-admin-header__salary-button--pf{background:#145b59}.payslip-admin-header__salary-button--regular{background:#3e8984}@media (max-width: 1100px){.payslip-admin-header__features{gap:18px}.payslip-admin-header__illustration{flex-basis:37%}.payslip-admin-header__illustration-copy{right:0;font-size:11px}}@media (max-width: 820px){.payslip-admin-header{padding:18px}.payslip-admin-header__main{min-height:250px}.payslip-admin-header__illustration{position:absolute;right:0;bottom:0;width:47%;opacity:.38}.payslip-admin-header__features{position:relative;z-index:3;flex-wrap:wrap;gap:12px 20px;max-width:70%}.payslip-admin-header__actions{right:18px;bottom:18px}}@media (max-width: 620px){.payslip-admin-header{min-height:auto;padding:15px}.payslip-admin-header__breadcrumb{justify-content:flex-start;margin-bottom:15px}.payslip-admin-header__main{display:block;min-height:auto}.payslip-admin-header__title-row{gap:12px}.payslip-admin-header__icon-box{flex-basis:60px;width:60px;height:60px}.payslip-admin-header__title{font-size:30px}.payslip-admin-header__features{max-width:100%;margin-bottom:70px}.payslip-admin-header__illustration{width:50%;opacity:.2}.payslip-admin-header__actions{right:15px;left:15px;justify-content:flex-start;overflow-x:auto}.payslip-admin-header__salary-button{flex:0 0 auto}}.payslip-admin-filters{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 0 17px}.payslip-admin-filters__entries{display:flex;align-items:center;gap:9px}.payslip-admin-filters__label{color:#71807f;font-size:11px;white-space:nowrap}.payslip-admin-filters__select-wrapper{position:relative;width:86px}.payslip-admin-filters__select{width:100%;height:38px;padding:0 30px 0 13px;border:1px solid #e2e9e7;border-radius:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#294342;background:#fff;font-family:inherit;font-size:11px;cursor:pointer}.payslip-admin-filters__select:focus{border-color:#75a6a1;box-shadow:0 0 0 3px #4c8b8514}.payslip-admin-filters__select-icon{position:absolute;top:50%;right:9px;color:#354c4c;pointer-events:none;transform:translateY(-50%)}.payslip-admin-filters__search{display:flex;align-items:center;width:230px;height:38px;padding:0 12px;border:1px solid #e2e9e7;border-radius:8px;background:#fff;transition:border-color .16s ease}.payslip-admin-filters__search:focus-within{border-color:#75a6a1;box-shadow:0 0 0 3px #4c8b8514}.payslip-admin-filters__search-icon{flex:0 0 auto;margin-right:9px;color:#2d4d4c}.payslip-admin-filters__search input{width:100%;min-width:0;border:0;outline:0;color:#314746;background:transparent;font-family:inherit;font-size:11px}.payslip-admin-filters__search input::placeholder{color:#9ba7a5}@media (max-width: 600px){.payslip-admin-filters{align-items:stretch;flex-direction:column}.payslip-admin-filters__search{width:100%}}.payslip-admin-actions{display:inline-flex;align-items:center;gap:5px}.payslip-admin-actions__button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;padding:0;border:1px solid #e1e9e6;border-radius:7px;color:#41605e;background:#fff;cursor:pointer}.payslip-admin-actions__button:hover{border-color:#a7c6c1;background:#f2f8f6}.payslip-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:20px;font-size:9px;font-weight:700}.payslip-status-badge--generated{color:#216a5e;background:#e2f3ed}.payslip-status-badge--pending{color:#8a6b24;background:#fff4d8}.payslip-status-badge--not-generated{color:#777f80;background:#eef1f1}.payslip-admin-row{height:50px;border-bottom:1px solid #edf1f0;color:#435755;font-size:10.5px}.payslip-admin-row:last-child{border-bottom:0}.payslip-admin-row td{padding:0 12px;white-space:nowrap}.payslip-admin-row td:first-child{color:#253d3d;font-weight:700}.payslip-admin-table-wrapper{width:100%;overflow-x:auto;border:1px solid #e5ecea;border-radius:9px;background:#fff}.payslip-admin-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}.payslip-admin-table thead th{height:35px;padding:0 13px;border-bottom:1px solid #dce8e5;color:#254342;background:#e7f2ef;font-size:10px;font-weight:700;text-align:left}.payslip-admin-table thead th:first-child{border-top-left-radius:8px}.payslip-admin-table thead th:last-child{border-top-right-radius:8px}.payslip-admin-table thead th>span{display:inline-block;margin-right:7px}.payslip-admin-table__sort-icon{vertical-align:middle;color:#9aa9a7;transform:rotate(0)}.payslip-admin-table__empty-cell{height:187px;padding:0!important}.payslip-admin-table__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:187px;padding:20px;text-align:center}.payslip-admin-table__empty-icon{display:flex;align-items:center;justify-content:center;width:47px;height:55px;margin-bottom:10px;color:#8da3a8}.payslip-admin-table__empty strong{color:#344b4c;font-size:12px;font-weight:700}.payslip-admin-table__empty span{margin-top:5px;color:#8b9998;font-size:10px}.payslip-admin-table__loading{height:187px;color:#84918f;font-size:11px;text-align:center}.salary-entry{--teal: #087f78;--teal-dark: #06645f;--ink: #243746;--muted: #6b7d89;--line: #e2e9ed;width:100%;max-width:100%;min-width:0;margin:10px 0 16px;color:var(--ink);font:12px/1.35 Inter,Poppins,Arial,sans-serif}.salary-entry,.salary-entry *{box-sizing:border-box}.salary-entry__toolbar{display:grid;grid-template-columns:minmax(180px,230px) minmax(220px,1fr) auto;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.salary-entry__month{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 10px;border:1px solid #e1e8ec;border-radius:7px;color:#216c70;background:#fbfdfd}.salary-entry__month>span{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.salary-entry__month small{color:#506775;font-size:10px;font-weight:700}.salary-entry__month small b{color:#e5484d}.salary-entry__month input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#233845;font:600 12px Inter,Arial,sans-serif}.salary-entry__search{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 11px;border:1px solid #dfe7eb;border-radius:7px;color:#7a8b96}.salary-entry__search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#253a46;font:12px Inter,Arial,sans-serif}.salary-entry__outline-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #80bcb6;border-radius:7px;background:#fff;color:#187d77;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.salary-entry__outline-button:hover{background:#f0faf8}.salary-entry__message{margin:0 0 9px;padding:8px 10px;border:1px solid #cde8e3;border-radius:7px;background:#f0fbf8;color:#26766e;font-size:11px}.salary-entry__message.is-error{border-color:#fecaca;background:#fff4f4;color:#b42318}.salary-entry__table-card{width:100%;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}.salary-entry__table-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid #e8eef1;color:#566b78}.salary-entry__table-tools>label{display:flex;align-items:center;gap:6px;white-space:nowrap}.salary-entry__table-tools select{padding:4px 18px 4px 7px;border:1px solid #dce5e9;border-radius:5px;background:#fff;color:#334956;font-size:11px}.salary-entry__legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.salary-entry__legend span{display:flex;align-items:center;gap:5px;color:#657783;font-size:10px;white-space:nowrap}.salary-entry__legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.salary-entry__legend i.auto{background:#a8dfb3}.salary-entry__legend i.editable{background:#73b9f3}.salary-entry__legend button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #dce5e9;border-radius:6px;background:#fff;color:#35515e;font-size:10px;font-weight:700;cursor:pointer}.salary-entry__legend button.is-active{background:#e9f7f4;border-color:#71b9b1;color:#087f78}.salary-entry__scroll{width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible;scrollbar-width:none}.salary-entry__scroll table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:10px;font-variant-numeric:tabular-nums}.salary-entry__scroll th,.salary-entry__scroll td{padding:4px;border-right:1px solid #e8eef0;border-bottom:1px solid #e9eff1;text-align:center;white-space:nowrap}.salary-entry__scroll th:last-child,.salary-entry__scroll td:last-child{border-right:0}.salary-entry__groups th{height:29px;padding:5px 4px;background:#f2f7f8;color:#324b57;font-size:10px;font-weight:750}.salary-entry__groups .group-leave{background:#e0f5e8;color:#245f4a}.salary-entry__groups .group-earning{background:#dff1fc;color:#2b607c}.salary-entry__groups .group-deduction{background:#ffeddf;color:#8a5630}.salary-entry__groups .group-summary{background:#dff7ee;color:#276b58}.salary-entry__groups .salary-entry__employee-head{min-width:132px;text-align:left;padding-left:8px;background:#eaf3f3}.salary-entry__employee-head small{color:#71838c;font-size:9px;font-weight:500}.salary-entry__columns th{position:sticky;top:0;z-index:1;min-width:58px;height:34px;padding:5px 3px;background:#f7fafb;color:#506570;font-size:9px;font-weight:700;white-space:normal;line-height:1.2}.salary-entry__columns th:nth-child(-n+2){min-width:25px}.salary-entry__check-head,.salary-entry__check{width:26px;min-width:26px}.salary-entry input[type=checkbox]{width:13px;height:13px;accent-color:#087f78;cursor:pointer}.salary-entry__serial{color:#607581;font-weight:650}.salary-entry__employee{display:flex;align-items:center;gap:6px;min-width:132px;padding:4px 6px!important;text-align:left}.salary-entry__employee>span:last-child{display:flex;flex-direction:column;min-width:0}.salary-entry__employee strong{max-width:105px;overflow:hidden;text-overflow:ellipsis;color:#263d49;font-size:10px;font-weight:700}.salary-entry__employee small{margin-top:2px;color:#7c8c95;font-size:9px}.salary-entry__avatar{display:flex;flex:0 0 23px;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#dff1ee;color:#177b73;font-size:9px;font-weight:800}.salary-entry__input-wrap{position:relative;width:100%;min-width:0}.salary-entry__cell-input{display:block;width:100%;min-width:52px;height:25px;padding:3px 4px;border:1px solid #dce5e9;border-radius:4px;outline:none;background:#fff;color:#344c58;text-align:center;font:600 10px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums}.salary-entry__cell-input.days-input,.salary-entry__cell-input.money-input{width:100%;min-width:52px;height:25px;padding:3px 4px;font-size:10px;text-align:center}.salary-entry__input-wrap.is-money .salary-entry__currency{position:absolute;top:50%;left:5px;z-index:1;transform:translateY(-50%);color:#64748b;font-size:10px;pointer-events:none}.salary-entry__input-wrap.is-money .salary-entry__cell-input{padding-left:15px}.salary-entry__cell-input:focus{border-color:#52a9a0;box-shadow:0 0 0 2px #087f781a}.salary-entry__cell-input:disabled{background:#f8fafb;color:#71818a;opacity:.8}.salary-entry__cell-input.earning-input:focus{background:#f4fbff}.salary-entry__cell-input.deduction-input:focus{background:#fff9f4}.salary-entry__total{min-width:76px;background:#effaf3;color:#245c43;font-size:10px;font-weight:800}.salary-entry__net{min-width:78px;background:#e9f8ef;color:#08734e;font-size:10px;font-weight:850}.salary-entry__status{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:20px;font-size:9px;font-weight:750}.status-ready{background:#e8f8ee;color:#24794a}.status-loading{background:#eef5fb;color:#42749b}.status-generated{background:#e8f1ff;color:#315d9c}.status-error{background:#fff0ee;color:#b6473e}.salary-entry__row-message{display:block;max-width:90px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:#b6473e;font-size:9px}.salary-entry__empty{padding:25px!important;color:#788993;text-align:center!important}.salary-entry__pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 10px;color:#657985;font-size:10px}.salary-entry__pagination>div{display:flex;align-items:center;gap:4px}.salary-entry__pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border:1px solid #e0e8eb;border-radius:5px;background:#fff;color:#4c6571;cursor:pointer}.salary-entry__pagination button.is-current{border-color:var(--teal);background:var(--teal);color:#fff}.salary-entry__pagination button:disabled{opacity:.4;cursor:not-allowed}.salary-entry__ellipsis{padding:0 3px}.salary-entry__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px 0}.salary-entry__footer>div{display:flex;gap:8px}.salary-entry__footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:100px;min-height:36px;padding:0 13px;border-radius:7px;font:700 11px Inter,Arial,sans-serif;cursor:pointer}.salary-entry__cancel{border:1px solid #aabdc4;background:#fff;color:#405965}.salary-entry__save{border:1px solid #77b8b1;background:#fff;color:#147a73}.salary-entry__send{border:1px solid #087f78;background:#087f78;color:#fff}.salary-entry__footer button:disabled{opacity:.5;cursor:not-allowed}.salary-entry__scroll table{width:100%;min-width:0;table-layout:fixed}.salary-entry__scroll th,.salary-entry__scroll td{padding-left:2px;padding-right:2px;overflow:hidden}.salary-entry__groups th{font-size:9px}.salary-entry__columns th{min-width:0;padding-left:1px;padding-right:1px;font-size:8px;overflow-wrap:anywhere}.salary-entry__groups th:first-child,.salary-entry__columns th:first-child{width:24px}.salary-entry__groups .salary-entry__employee-head{min-width:0;width:92px}.salary-entry__employee{min-width:0;padding-left:3px!important;padding-right:3px!important}.salary-entry__employee strong{max-width:100%;font-size:9px}.salary-entry__employee small{font-size:8px}.salary-entry__cell-input,.salary-entry__cell-input.days-input,.salary-entry__cell-input.money-input{width:100%;min-width:0;height:25px;padding:3px 2px;font-size:9px}.salary-entry__input-wrap.is-money .salary-entry__cell-input{padding-left:13px}.salary-entry__input-wrap.is-money .salary-entry__currency{left:3px;font-size:9px}.salary-entry__total,.salary-entry__net{min-width:0;padding-left:1px;padding-right:1px;font-size:8px;letter-spacing:-.2px}.salary-entry__status{padding:3px 4px;font-size:8px}.salary-entry__row-message{max-width:100%}.salary-entry input[type=number]::-webkit-inner-spin-button,.salary-entry input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.salary-entry input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}@media (max-width: 900px){  .salary-entry__toolbar{grid-template-columns:minmax(0,1fr) auto}  .salary-entry__month{grid-column:1 / -1}  .salary-entry__search{grid-column:1}  .salary-entry__outline-button{grid-column:2}  .salary-entry__table-tools{align-items:flex-start}}@media (max-width: 600px){  .salary-entry__toolbar{grid-template-columns:minmax(0,1fr);padding:9px}  .salary-entry__month,  .salary-entry__search,  .salary-entry__outline-button{grid-column:1;width:100%}  .salary-entry__table-tools{align-items:flex-start;flex-direction:column}  .salary-entry__footer{align-items:stretch;flex-direction:column-reverse}.salary-entry__footer>div{display:grid;grid-template-columns:1fr 1fr}.salary-entry__footer button{min-width:0}}.payslip-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}.payslip-preview__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a7a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.payslip-preview__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1100px,96%);height:min(92vh,950px);overflow:hidden;background:#fff;border:1px solid #d9dedf;border-radius:4px;box-shadow:0 18px 50px #0000002e}.payslip-preview__toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:8px 12px;background:#f3f4f6;border-bottom:1px solid #dfe3e5}.payslip-preview__eyebrow{display:block;color:#64748b;font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.payslip-preview__toolbar h2{margin:2px 0 0;color:#1f2937;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700}.payslip-preview__actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.payslip-preview__action-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:0 9px;border:1px solid #cbd5d9;border-radius:2px;background:#fff;color:#334155;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.payslip-preview__action-button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.payslip-preview__action-button:disabled{cursor:not-allowed;opacity:.55}.payslip-preview__email-button{color:#fff;background:#16a34a;border-color:#16a34a}.payslip-preview__email-button:hover:not(:disabled){color:#fff;background:#15803d;border-color:#15803d}.payslip-preview__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #cbd5e1;border-radius:2px;background:#fff;color:#475569;cursor:pointer}.payslip-preview__close:hover{background:#f1f5f9;color:#0f172a}.payslip-preview__scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:12px;background:#e9ecef;box-sizing:border-box}.payslip-preview__loading{display:flex;align-items:center;justify-content:center;min-height:500px;color:#64748b;font-family:Arial,Helvetica,sans-serif;font-size:12px}.payslip-document{width:min(100%,1180px);max-width:940px;min-height:820px;margin:0 auto;padding:22px 26px;box-sizing:border-box;background:#fff;border:1px solid #d5dadd;color:#202020;font-family:Arial,Helvetica,sans-serif;box-shadow:0 2px 8px #00000014}.payslip-document__company{padding-bottom:14px;text-align:center}.payslip-document__logo{display:block;width:auto;max-width:260px;max-height:82px;margin:0 auto 6px;object-fit:contain}.payslip-document__company h1{margin:0;color:#111827;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1.3}.payslip-document__company p{margin:2px 0;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.4}.payslip-document__company h2{margin:12px 0 0;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:1.35;text-decoration:underline}.payslip-table{width:100%;border-collapse:collapse;table-layout:fixed;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:10px}.payslip-table th,.payslip-table td{box-sizing:border-box;padding:6px 7px;border:1px solid #d6dcde;vertical-align:middle;line-height:1.35;overflow-wrap:break-word}.payslip-employee-table{margin-top:4px}.payslip-employee-table td{height:32px;background:#fff}.payslip-label{width:14%;color:#52616b;background:#fff;font-size:10px;font-weight:500;text-align:left}.payslip-employee-table td:nth-child(2),.payslip-employee-table td:nth-child(4){width:36%;color:#222;font-size:11px;font-weight:600}.payslip-employee-table td:nth-child(3){width:14%}.payslip-salary-table{margin-top:14px}.payslip-salary-table th{height:34px;padding:7px 8px;color:#202020;background:#fff;font-size:11px;font-weight:700;text-align:center}.payslip-salary-table th:nth-child(1){width:38%}.payslip-salary-table th:nth-child(2){width:12%}.payslip-salary-table th:nth-child(3){width:38%}.payslip-salary-table th:nth-child(4){width:12%}.payslip-salary-table tbody td{height:30px;background:#fff;font-size:11px}.payslip-salary-table tbody td:nth-child(1),.payslip-salary-table tbody td:nth-child(3){color:#34444c;font-weight:400;text-align:left}.payslip-salary-table .amount{color:#222;font-size:11px;font-weight:400;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.payslip-salary-table .total-value{font-weight:700}.payslip-total-row td{height:34px;color:#222;background:#fff;font-size:11px;font-weight:700}.payslip-total-row td:first-child,.payslip-total-row td:nth-child(3){font-weight:700}.payslip-net-pay{display:none!important}.payslip-amount-words{display:flex;align-items:flex-start;gap:6px;margin-top:10px;min-height:32px;padding:8px 9px;box-sizing:border-box;border:1px solid #d6dcde;background:#fff;color:#222;font-size:11px;line-height:1.4}.payslip-amount-words strong{color:#222;font-size:11px;font-weight:700;white-space:nowrap}.payslip-amount-words span{color:#333;font-size:11px;font-weight:400}.payslip-footer-note{margin:14px 0 0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.4}@media (max-width: 1000px){.payslip-preview__scroll{padding:10px}.payslip-document{width:100%;max-width:940px}}@media (max-width: 760px){.payslip-preview{padding:0}.payslip-preview__dialog{width:100%;height:100vh;border:0;border-radius:0}.payslip-preview__toolbar{min-height:48px;padding:7px 9px}.payslip-preview__toolbar h2{font-size:13px}.payslip-preview__actions{gap:3px}.payslip-preview__action-button{min-width:28px;padding:0 7px}.payslip-preview__action-button span{display:none}.payslip-preview__scroll{padding:8px;overflow:auto}.payslip-document{width:100%;max-width:940px;min-height:760px;margin:0;padding:22px 26px}}@media print{@page{size:A4 landscape;margin:5mm}html,body,#root{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}body *{visibility:hidden!important}.payslip-preview,.payslip-preview *{visibility:visible!important}.payslip-preview{position:fixed!important;inset:0 auto auto 0!important;display:block!important;width:100%!important;height:auto!important;max-height:195mm!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;z-index:999999!important}.payslip-preview__backdrop,.payslip-preview__toolbar{display:none!important}.payslip-preview__dialog{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.payslip-preview__scroll{display:block!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}.payslip-document{width:940px!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:16px 24px!important;box-sizing:border-box!important;border:0!important;box-shadow:none!important;background:#fff!important;color:#202020!important;break-before:avoid!important;break-after:avoid!important;break-inside:avoid!important;page-break-before:avoid!important;page-break-after:avoid!important;page-break-inside:avoid!important}.payslip-document__company{padding-bottom:8px!important}.payslip-document__logo{max-width:200px!important;max-height:58px!important;margin:0 auto 4px!important}.payslip-document__company h1{font-size:14px!important;line-height:1.2!important}.payslip-document__company p{margin:1px 0!important;font-size:8px!important;line-height:1.25!important}.payslip-document__company h2{margin-top:6px!important;font-size:10px!important;line-height:1.2!important}.payslip-table{width:100%!important;margin-top:0!important;border-collapse:collapse!important;font-size:8px!important;line-height:1.15!important}.payslip-table th,.payslip-table td{height:auto!important;padding:4px 6px!important;line-height:1.2!important;break-inside:avoid!important;page-break-inside:avoid!important}.payslip-salary-table{margin-top:8px!important}.payslip-salary-table th{height:auto!important;padding:5px 6px!important;font-size:8px!important}.payslip-salary-table tbody td{height:auto!important;padding:4px 6px!important;font-size:8px!important}.payslip-label,.payslip-salary-table .amount,.payslip-salary-table .total-value{font-size:8px!important}.payslip-amount-words{display:flex!important;gap:5px!important;min-height:0!important;margin-top:6px!important;padding:5px 6px!important;font-size:8px!important;line-height:1.2!important;break-inside:avoid!important;page-break-inside:avoid!important}.payslip-amount-words strong,.payslip-amount-words span{font-size:8px!important;line-height:1.2!important}.payslip-footer-note{margin-top:8px!important;font-size:7px!important;line-height:1.2!important}.payslip-net-pay{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.payslip-preview__pdf-frame{display:block;width:100%;height:100%;min-height:75vh;border:0;background:#fff}.payslip-preview__scroll{overflow:auto;background:#f3f4f6;min-height:75vh}.payslip-document{box-sizing:border-box;width:100%;max-width:100%;background:#fff}.payslip-document *,.payslip-document *:before,.payslip-document *:after{box-sizing:border-box}.payslip-document .payslip-table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse}.payslip-document .payslip-table th,.payslip-document .payslip-table td{overflow-wrap:anywhere;word-wrap:break-word}.payslip-document .payslip-document__logo{display:block;max-width:100%;height:auto;object-fit:contain}.payslip-admin-page{width:100%;min-width:0;min-height:100%;color:#172033;background:#f8fafc;font-family:Inter,Poppins,sans-serif}.payslip-admin-page *,.payslip-admin-page *:before,.payslip-admin-page *:after{box-sizing:border-box}.payslip-admin-page__data-card{width:100%;min-width:0;margin-top:22px;padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08}.payslip-admin-page__error{padding:13px 15px;margin-bottom:16px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;font-size:13px;line-height:1.5}.payslip-admin-page__preview-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;color:#334155;background:#f8fafcd1;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.payslip-admin-page__data-card table{max-width:100%}.payslip-admin-page__data-card input,.payslip-admin-page__data-card select,.payslip-admin-page__data-card button{font-family:inherit}.payslip-admin-page__data-card button{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.payslip-admin-page__data-card button:focus-visible{outline:3px solid rgb(37 99 235 / 20%);outline-offset:2px}.payslip-admin-page__data-card button:disabled{cursor:not-allowed;opacity:.55}@media (max-width: 1024px){.payslip-admin-page{padding:20px}.payslip-admin-page__data-card{padding:18px}}@media (max-width: 640px){.payslip-admin-page{padding:12px}.payslip-admin-page__data-card{margin-top:16px;padding:12px;border-radius:11px}}.edit-punch-in-out-header{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 22px;margin-bottom:14px}.edit-punch-in-out-header__content{display:flex;align-items:center;justify-content:space-between;gap:24px}.edit-punch-in-out-header__left{display:flex;align-items:center;gap:16px;flex:1}.edit-punch-in-out-header__icon-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#f0fdf4;border-radius:12px;flex-shrink:0}.edit-punch-in-out-header__icon{color:#065f46}.edit-punch-in-out-header__text{flex:1}.edit-punch-in-out-header__title{font-size:24px;font-weight:600;color:#111827;margin:0;letter-spacing:-.5px}.edit-punch-in-out-header__subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.edit-punch-in-out-header__right{flex-shrink:0;display:flex;align-items:center}.edit-punch-in-out-header__image{max-height:100px;width:350px}@media (max-width: 768px){.edit-punch-in-out-header{padding:16px 20px}.edit-punch-in-out-header__content{flex-direction:column;align-items:flex-start}.edit-punch-in-out-header__left{width:100%}.edit-punch-in-out-header__right{width:100%;justify-content:center}.edit-punch-in-out-header__image{max-height:60px}.edit-punch-in-out-header__title{font-size:20px}}.employee-search-select{position:relative;width:100%}.employee-search-select__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.employee-search-select__control{position:relative;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;transition:border-color .2s ease;min-height:44px}.employee-search-select__control:hover{border-color:#9ca3af}.employee-search-select__control--error,.employee-search-select__control--error:hover{border-color:#ef4444}.employee-search-select__control-inner{display:flex;align-items:center;padding:0 12px;min-height:44px;gap:8px}.employee-search-select__icon{color:#6b7280;flex-shrink:0}.employee-search-select__selected-value{flex:1;font-size:14px;color:#111827;padding:8px 0}.employee-search-select__input{flex:1;border:none;outline:none;font-size:14px;color:#111827;background:transparent;padding:8px 0;min-height:30px}.employee-search-select__input::placeholder{color:#9ca3af}.employee-search-select__clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background-color .2s ease}.employee-search-select__clear-btn:hover{background-color:#f3f4f6}.employee-search-select__chevron{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.employee-search-select__chevron--open{transform:rotate(180deg)}.employee-search-select__error{color:#ef4444;font-size:12px;margin-top:4px}.employee-search-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;animation:dropdownIn .2s ease}.employee-search-select__dropdown-empty{padding:12px 16px;color:#6b7280;font-size:14px;text-align:center}.employee-search-select__dropdown-item{padding:10px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f3f4f6}.employee-search-select__dropdown-item:last-child{border-bottom:none}.employee-search-select__dropdown-item:hover{background-color:#f9fafb}.employee-search-select__dropdown-item-name{font-size:14px;color:#111827;font-weight:500}.employee-search-select__dropdown-item-department{font-size:12px;color:#6b7280;margin-top:2px}.month-search-select{position:relative;width:100%}.month-search-select__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.month-search-select__control{position:relative;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;transition:border-color .2s ease;min-height:44px}.month-search-select__control:hover{border-color:#9ca3af}.month-search-select__control--error,.month-search-select__control--error:hover{border-color:#ef4444}.month-search-select__control-inner{display:flex;align-items:center;padding:0 12px;min-height:44px;gap:8px}.month-search-select__icon{color:#6b7280;flex-shrink:0}.month-search-select__selected-value{flex:1;font-size:14px;color:#111827;padding:8px 0}.month-search-select__input{flex:1;border:none;outline:none;font-size:14px;color:#111827;background:transparent;padding:8px 0;min-height:30px}.month-search-select__input::placeholder{color:#9ca3af}.month-search-select__clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background-color .2s ease}.month-search-select__clear-btn:hover{background-color:#f3f4f6}.month-search-select__chevron{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.month-search-select__chevron--open{transform:rotate(180deg)}.month-search-select__error{color:#ef4444;font-size:12px;margin-top:4px}.month-search-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;animation:dropdownIn .2s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.month-search-select__dropdown-empty{padding:12px 16px;color:#6b7280;font-size:14px;text-align:center}.month-search-select__dropdown-item{padding:10px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f3f4f6}.month-search-select__dropdown-item:last-child{border-bottom:none}.month-search-select__dropdown-item:hover{background-color:#f9fafb}.month-search-select__dropdown-item{font-size:14px;color:#111827}.edit-punch-in-out-filters{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 22px;margin-bottom:0}.edit-punch-in-out-filters__grid{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}.edit-punch-in-out-filters__field{min-width:0}.edit-punch-in-out-filters__action{display:flex;align-items:flex-end;padding-bottom:0}.edit-punch-in-out-filters__search-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 28px;background-color:#065f46;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px;white-space:nowrap;min-width:120px}.edit-punch-in-out-filters__search-btn:hover:not(:disabled){background-color:#047857;box-shadow:0 2px 8px #065f4633}.edit-punch-in-out-filters__search-btn:active:not(:disabled){transform:scale(.98)}.edit-punch-in-out-filters__search-btn:disabled{opacity:.6;cursor:not-allowed}.edit-punch-in-out-filters__search-icon{flex-shrink:0}@media (max-width: 768px){.edit-punch-in-out-filters{padding:16px 20px}.edit-punch-in-out-filters__grid{grid-template-columns:1fr;gap:16px}.edit-punch-in-out-filters__action,.edit-punch-in-out-filters__search-btn{width:100%}}.edit-punch-in-out-empty-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;background-color:#f9fafb;border-radius:8px;border:1px dashed #d1d5db;margin-top:24px}.edit-punch-in-out-empty-state__icon{color:#6b7280;flex-shrink:0}.edit-punch-in-out-empty-state__message{font-size:14px;color:#6b7280;text-align:center}.edit-punch-in-out-page{max-width:1200px;margin:0 auto;padding-top:5px}.edit-punch-in-out-page__loading{display:flex;align-items:center;justify-content:center;padding:40px 10px;color:#6b7280;font-size:16px}.edit-punch-in-out-page__error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px 20px;color:#dc2626;font-size:14px;margin-top:16px}.edit-punch-in-out-page__results{margin-top:24px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;overflow:hidden}.edit-punch-in-out-page__results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.edit-punch-in-out-page__results-title{font-size:18px;font-weight:600;color:#111827;margin:0}.edit-punch-in-out-page__results-summary{display:flex;gap:20px;font-size:14px;color:#6b7280}.edit-punch-in-out-page__results-summary-item{display:flex;align-items:center;gap:4px}.edit-punch-in-out-page__results-table-wrapper{overflow-x:auto}.edit-punch-in-out-page__results-table{width:100%;border-collapse:collapse;font-size:14px}.edit-punch-in-out-page__results-table th{background-color:#f9fafb;padding:8px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.edit-punch-in-out-page__results-table td{padding:8px 12px;border-bottom:1px solid #f3f4f6;color:#111827;vertical-align:middle}.edit-punch-in-out-page__results-table tr:last-child td{border-bottom:none}.edit-punch-in-out-page__results-table tbody tr:hover{background-color:#f9fafb}.edit-punch-in-out-page__status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.edit-punch-in-out-page__status-badge--present{background-color:#ecfdf5;color:#065f46}.edit-punch-in-out-page__status-badge--absent{background-color:#fef2f2;color:#dc2626}.edit-punch-in-out-page__status-badge--late{background-color:#fffbeb;color:#d97706}.edit-punch-in-out-page__status-badge--half-day{background-color:#f3e8ff;color:#7c3aed}.edit-punch-in-out-page__late-mark{color:#6b7280}.edit-punch-in-out-page__late-mark-input{display:flex;align-items:center;gap:4px}.edit-punch-in-out-page__late-mark-icon{color:#6b7280}.edit-punch-in-out-page__edit-input{width:100%;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#111827;background-color:#fff;transition:border-color .2s;min-width:80px}.edit-punch-in-out-page__edit-input:focus{outline:none;border-color:#065f46;box-shadow:0 0 0 3px #065f461a}.edit-punch-in-out-page__edit-input--small{width:60px;min-width:40px}.edit-punch-in-out-page__edit-select{width:100%;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#111827;background-color:#fff;transition:border-color .2s}.edit-punch-in-out-page__edit-select:focus{outline:none;border-color:#065f46;box-shadow:0 0 0 3px #065f461a}.edit-punch-in-out-page__actions-header{text-align:center;min-width:100px}.edit-punch-in-out-page__actions{display:flex;align-items:center;justify-content:center;gap:4px}.edit-punch-in-out-page__action-btn{display:flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;background:transparent}.edit-punch-in-out-page__action-btn--edit{color:#065f46}.edit-punch-in-out-page__action-btn--edit:hover{background-color:#ecfdf5;transform:scale(1.05)}.edit-punch-in-out-page__action-btn--save{color:#fff;background-color:#065f46}.edit-punch-in-out-page__action-btn--save:hover{background-color:#047857;transform:scale(1.05)}.edit-punch-in-out-page__action-btn--cancel{color:#fff;background-color:#ef4444}.edit-punch-in-out-page__action-btn--cancel:hover{background-color:#dc2626;transform:scale(1.05)}@media (max-width: 768px){.edit-punch-in-out-page,.edit-punch-in-out-page__results{padding:16px}.edit-punch-in-out-page__results-header{flex-direction:column;align-items:flex-start}.edit-punch-in-out-page__results-summary{flex-direction:column;gap:8px}.edit-punch-in-out-page__results-table{font-size:12px}.edit-punch-in-out-page__results-table th,.edit-punch-in-out-page__results-table td{padding:6px 8px}.edit-punch-in-out-page__edit-input{font-size:12px;padding:2px 6px;min-width:60px}.edit-punch-in-out-page__edit-input--small{width:50px;min-width:30px}.edit-punch-in-out-page__actions-header{min-width:70px}}.attendance-history-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 0 20px;flex-wrap:wrap;gap:16px;z-index:20}.attendance-history-header-left{display:flex;flex-direction:column;gap:6px;min-width:0}.attendance-history-header-title-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.attendance-history-header-title{margin:0;font-size:24px;font-weight:600;line-height:1.3;color:#1e293b}.attendance-history-header-subtitle{display:inline-flex;align-items:center;min-height:24px;padding:2px 12px;border-radius:12px;background:#f1f5f9;color:#94a3b8;font-size:14px;font-weight:400}.attendance-history-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px}.breadcrumb-item{color:#94a3b8}.breadcrumb-item.active{color:#0d9488;font-weight:500}.breadcrumb-separator{color:#cbd5e1;font-size:12px}.attendance-history-header-right{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.attendance-history-month-picker{position:relative;min-width:160px}.attendance-history-month-selector{width:100%;height:42px;display:flex;align-items:center;gap:8px;padding:8px 38px 8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.attendance-history-month-selector:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.attendance-history-month-selector.is-open{border-color:#0d9488;box-shadow:0 0 0 3px #0d948814}.attendance-history-month-selector:focus-visible{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881f}.attendance-history-month-selector:disabled{opacity:.6;cursor:not-allowed}.month-icon{flex-shrink:0;color:#64748b}.month-selector-value{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chevron-icon{position:absolute;right:12px;color:#94a3b8;pointer-events:none;transition:transform .2s ease}.chevron-icon.rotated{transform:rotate(180deg)}.attendance-month-calendar{position:absolute;top:calc(100% + 8px);right:0;width:286px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0f172a1a,0 4px 10px #0f172a0d;z-index:1000;animation:attendance-calendar-enter .15s ease-out}@keyframes attendance-calendar-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.attendance-month-calendar-header{display:flex;align-items:center;justify-content:space-between;height:38px;margin-bottom:8px;padding:0 4px;border-bottom:1px solid #f1f5f9}.attendance-calendar-year{font-size:15px;font-weight:600;color:#1e293b}.attendance-year-navigation{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:background-color .15s ease,color .15s ease}.attendance-year-navigation:hover{background:#f1f5f9;color:#0d9488}.attendance-year-navigation:focus-visible{outline:2px solid #0d9488;outline-offset:1px}.attendance-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px 0 10px}.attendance-month-option{height:38px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:5px;background:transparent;color:#334155;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.attendance-month-option:hover{background:#f0fdfa;color:#0d9488;border-color:#ccfbf1}.attendance-month-option.selected{background:#0d9488;color:#fff;border-color:#0d9488;font-weight:600}.attendance-month-option.selected:hover{background:#0f766e;border-color:#0f766e;color:#fff}.attendance-month-option:focus-visible{outline:2px solid #0d9488;outline-offset:1px}.attendance-month-calendar-footer{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid #f1f5f9}.attendance-calendar-footer-button{padding:6px 8px;border:none;border-radius:5px;background:transparent;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease}.attendance-calendar-footer-button.clear{color:#64748b}.attendance-calendar-footer-button.current{color:#0d9488}.attendance-calendar-footer-button:hover{background:#f1f5f9}.attendance-calendar-footer-button.current:hover{background:#f0fdfa}.attendance-calendar-footer-button:focus-visible{outline:2px solid #0d9488;outline-offset:1px}.attendance-history-btn-calculate,.attendance-history-btn-export{height:42px;display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease;border:1px solid transparent}.attendance-history-btn-calculate{background:#0d9488;color:#fff}.attendance-history-btn-calculate:hover:not(:disabled){background:#0f766e}.attendance-history-btn-calculate:focus-visible{outline:none;box-shadow:0 0 0 3px #0d948826}.attendance-history-btn-export{background:#fff;color:#1e293b;border-color:#e2e8f0}.attendance-history-btn-export:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.attendance-history-btn-export:focus-visible{outline:none;box-shadow:0 0 0 3px #64748b1f}.attendance-history-btn-calculate:disabled,.attendance-history-btn-export:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1100px){.attendance-history-header-right{width:100%;justify-content:flex-start}.attendance-history-month-picker{min-width:170px}}@media (max-width: 768px){.attendance-history-header{flex-direction:column;padding:16px 0;gap:14px}.attendance-history-header-left{width:100%}.attendance-history-header-title{font-size:20px}.attendance-history-header-right{width:100%;align-items:stretch;justify-content:flex-start}.attendance-history-month-picker{min-width:0;flex:1}.attendance-history-btn-calculate,.attendance-history-btn-export{font-size:13px;padding:6px 16px;height:38px}.attendance-month-calendar{left:0;right:auto;width:min(286px,calc(100vw - 32px))}}@media (max-width: 520px){.attendance-history-header-title-group{align-items:flex-start;flex-direction:column;gap:6px}.attendance-history-header-right{flex-direction:column}.attendance-history-month-picker{width:100%}.attendance-history-btn-calculate,.attendance-history-btn-export{width:100%;justify-content:center}.attendance-month-calendar{width:100%}}.attendance-history-stat-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:6px 8px 2px;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .2s ease,border-color .2s ease;box-shadow:0 1px 3px #0000000a;min-height:110px;width:100%}.attendance-history-stat-card:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.stat-card-content{display:flex;align-items:center;gap:14px;width:100%}.stat-card-icon-wrapper{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease}.stat-card-icon-wrapper svg{width:22px;height:22px}.stat-card-body{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.stat-card-label{font-size:13px;color:#94a3b8;font-weight:500;line-height:1.3;margin-bottom:2px;text-align:right}.stat-card-value{font-size:26px;font-weight:700;color:#1e293b;line-height:1.1;text-align:center}.stat-card-sparkline{width:100%;height:28px;display:flex;align-items:flex-end}.stat-card-sparkline svg{width:100%;height:100%;display:block}@media (max-width: 768px){.attendance-history-stat-card{padding:14px 16px 10px;min-height:100px}.stat-card-icon-wrapper{width:40px;height:40px;min-width:40px}.stat-card-icon-wrapper svg{width:18px;height:18px}.stat-card-value{font-size:22px}.stat-card-label{font-size:12px}}@media (max-width: 480px){.attendance-history-stat-card{padding:12px 14px 10px;min-height:90px}.stat-card-icon-wrapper{width:36px;height:36px;min-width:36px}.stat-card-icon-wrapper svg{width:16px;height:16px}.stat-card-value{font-size:20px}}.attendance-history-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;width:100%;margin:8px 0 20px}.stat-card-skeleton{background:#fff;border-radius:12px;padding:16px 18px;border:1px solid #f1f5f9;animation:pulse 1.5s ease-in-out infinite;min-height:110px;display:flex;align-items:center;gap:14px}.skeleton-icon{width:48px;height:48px;background:#f1f5f9;border-radius:50%;flex-shrink:0}.skeleton-text{flex:1;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.skeleton-label{height:14px;background:#f1f5f9;border-radius:4px;width:60%}.skeleton-value{height:26px;background:#f1f5f9;border-radius:4px;width:40%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1200px){.attendance-history-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.attendance-history-stats{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.attendance-history-stats{grid-template-columns:1fr}}.attendance-history-table-wrapper{overflow-x:auto;margin:0 auto;width:fit-content;max-width:100%;padding:0 2px}.attendance-history-table{width:auto;border-collapse:collapse;font-size:12px;table-layout:auto}.attendance-history-table thead th{padding:6px 3px;text-align:center;font-weight:600;color:#64748b;border-bottom:2px solid #f1f5f9;font-size:10px;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.col-employee{min-width:130px;padding-left:4px}.col-id{min-width:50px;text-align:center}.col-day{min-width:28px;text-align:center;padding:4px 2px}.col-day.weekend{color:#94a3b8}.col-late-count{min-width:55px;text-align:center;font-weight:600;color:#f59e0b;font-size:11px}.day-name{display:block;font-size:7px;font-weight:500;color:#94a3b8;text-transform:uppercase}.day-number{display:block;font-size:10px;font-weight:600;color:#1e293b}.day-month{display:block;font-size:6px;color:#94a3b8}.attendance-history-table tbody td{padding:3px 2px;text-align:center;vertical-align:middle}.attendance-history-table tbody tr{border-bottom:1px solid #f8fafc;transition:background-color .2s}.attendance-history-table tbody tr:hover{background-color:#f8fafc}.employee-info{display:flex;align-items:center;gap:6px}.employee-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid #f1f5f9;flex-shrink:0}.employee-details{display:flex;flex-direction:column;gap:0px;line-height:1.2}.employee-name{font-weight:600;color:#1e293b;font-size:11px;white-space:nowrap}.employee-designation{font-size:9px;color:#94a3b8;white-space:nowrap}.employee-id-small{font-size:8px;color:#cbd5e1;white-space:nowrap}.status-cell{display:flex;flex-direction:column;align-items:center;gap:1px}.status-cell.late{gap:2px}.status-badge{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#1e293b;margin:0 auto}.late-time{display:flex;align-items:center;gap:2px;font-size:7px;color:#f59e0b;font-weight:500}.late-time svg{width:8px;height:8px}@media (max-width: 768px){.col-employee{min-width:110px}.col-day{min-width:24px}.employee-avatar{width:20px;height:20px}.employee-name{font-size:10px}.employee-designation{font-size:8px}}.attendance-history-legend{display:flex;align-items:center;gap:20px;padding:12px 0 4px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.legend-color{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.legend-label{font-weight:500}.attendance-history-overview{background:#fff;border-radius:12px;border:1px solid #f1f5f9;padding:16px 20px 12px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;align-items:center}.attendance-history-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px;width:100%}.overview-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.overview-count{font-size:12px;color:#94a3b8}.attendance-history-table-scroll{width:100%;display:flex;justify-content:center}.attendance-history-summary{width:100%;box-sizing:border-box;background:#fff;border-radius:12px;border:1px solid #f1f5f9;padding:16px 20px 12px;box-shadow:0 1px 3px #0000000a;margin-top:20px;display:flex;flex-direction:column;align-items:stretch}.summary-title{width:100%;box-sizing:border-box;font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px;padding:0}.summary-table-wrapper{width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;display:block}.summary-table{width:100%;min-width:900px;border-collapse:collapse;border-spacing:0;font-size:11px;table-layout:fixed}.summary-table th.summary-col-employee,.summary-table td.summary-col-employee{width:18%}.summary-table th.summary-col-data,.summary-table td.summary-col-data{width:auto}.summary-table thead th{padding:5px 4px;text-align:center;font-weight:600;color:#64748b;border-bottom:2px solid #f1f5f9;font-size:9px;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.summary-table thead th.summary-col-employee{text-align:left;padding-left:4px}.summary-col-employee{text-align:left;padding-left:4px;padding-right:6px;box-sizing:border-box}.summary-col-data{text-align:center;padding:4px 3px;font-weight:500;color:#334155;font-size:11px;box-sizing:border-box;white-space:nowrap}.summary-col-data.highlight{font-weight:700;color:#0d9488;font-size:12px}.summary-table tbody td{padding:3px;text-align:center;box-sizing:border-box}.summary-table tbody td.summary-col-employee{text-align:left}.summary-table tbody tr{border-bottom:1px solid #f8fafc;transition:background-color .2s ease}.summary-table tbody tr:hover{background-color:#f8fafc}.summary-table tbody tr:last-child{border-bottom:none}.summary-employee-info{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.summary-employee-avatar{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:50%;object-fit:cover;border:1.5px solid #f1f5f9;flex-shrink:0}.summary-employee-details{display:flex;flex-direction:column;gap:0;line-height:1.2;min-width:0;overflow:hidden}.summary-employee-name{display:block;font-weight:600;color:#1e293b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-employee-id{display:block;font-size:8px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-loading{width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 0;color:#94a3b8;box-sizing:border-box}.loading-spinner{width:24px;height:24px;border:3px solid #f1f5f9;border-top-color:#0d9488;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.attendance-history-summary{padding:14px 16px 10px}.summary-table{min-width:900px}.summary-table th.summary-col-employee,.summary-table td.summary-col-employee{width:17%}.summary-table thead th{font-size:8px}.summary-col-data{font-size:10px}.summary-col-data.highlight{font-size:11px}}@media (max-width: 768px){.attendance-history-summary{padding:12px 14px 10px}.summary-title{font-size:15px;margin-bottom:10px}.summary-table{min-width:900px}.summary-table th.summary-col-employee,.summary-table td.summary-col-employee{width:16%}.summary-table thead th{padding:4px 3px;font-size:8px}.summary-col-data{padding:3px 2px;font-size:10px}.summary-col-data.highlight{font-size:11px}.summary-employee-avatar{width:20px;height:20px;min-width:20px;min-height:20px}.summary-employee-name{font-size:10px}.summary-employee-id{font-size:7px}}@media (max-width: 480px){.attendance-history-summary{padding:10px 10px 8px}.summary-title{font-size:14px}.summary-table{min-width:850px}.summary-table th.summary-col-employee,.summary-table td.summary-col-employee{width:16%}.summary-table thead th{font-size:7px;padding:3px 2px}.summary-col-data{padding:2px;font-size:9px}.summary-col-data.highlight{font-size:10px}.summary-employee-avatar{width:18px;height:18px;min-width:18px;min-height:18px}.summary-employee-info{gap:4px}.summary-employee-name{font-size:9px}.summary-employee-id{font-size:7px}}.attendance-history-pagination{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:16px 0 4px}.pagination-btn{width:34px;height:34px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled):not(.active){background:#f8fafc;border-color:#cbd5e1}.pagination-btn.active{background:#0d9488;border-color:#0d9488;color:#fff}@media (max-width: 480px){.pagination-btn{width:30px;height:30px;font-size:12px}}.attendance-timeline-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a6b}.attendance-timeline-modal{width:min(800px,100%);max-height:min(680px,90vh);overflow-y:auto;border-radius:12px;box-shadow:0 20px 60px #0f172a33;background:#fff;color:#36585a}.attendance-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid #e2e8f0}.attendance-timeline-header h2{margin:0;font-size:21px;font-weight:600;color:#244448}.attendance-timeline-header p{margin:5px 0 0;font-size:13px;color:#647b7d}.attendance-timeline-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#476467;cursor:pointer}.attendance-timeline-close:hover{background:#e8f2f0}.attendance-timeline-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;padding:44px 40px}.attendance-timeline-content h3{margin:0 0 26px;color:#244448;font-size:19px;font-weight:600}.attendance-timesheet h3 span{margin-left:6px;font-size:14px;font-weight:400;color:#819597}.attendance-time-summary{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.attendance-time-summary>div:not(.attendance-hours-circle){display:flex;flex-direction:column;gap:4px}.attendance-time-summary>div>span{font-size:14px;color:#647b7d}.attendance-time-summary strong{color:#477f7d;font-size:16px;font-weight:600}.attendance-hours-circle{align-self:center;display:grid;place-items:center;width:108px;height:108px;border:6px solid #dcece8;border-radius:50%;background:#477f7d;color:#fff;font-size:24px;font-weight:600}.attendance-break-summary{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:16px;border-top:1px solid #e2ecea;font-size:13px}.attendance-break-summary span{color:#647b7d}.attendance-break-summary strong{color:#36585a}.attendance-timeline-events{position:relative;display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.attendance-timeline-events:before{position:absolute;top:8px;bottom:28px;left:5px;width:2px;background:#dce8e5;content:""}.attendance-timeline-events li{position:relative;display:flex;gap:18px;min-height:74px}.attendance-timeline-dot{z-index:1;flex:0 0 12px;width:12px;height:12px;margin-top:2px;border:2px solid #477f7d;border-radius:50%;background:#fff}.attendance-timeline-event{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.attendance-timeline-event>span{color:#36585a;font-size:15px;font-weight:500}.attendance-timeline-event strong{display:flex;align-items:center;gap:6px;color:#477f7d;font-size:13px;font-weight:500}.attendance-timeline-message{padding:48px 24px;text-align:center;color:#647b7d;font-size:14px}.attendance-timeline-error{color:#b91c1c}.attendance-status-button{display:block;width:100%;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}.attendance-status-button .status-cell{cursor:pointer}.attendance-status-button:hover .status-badge{outline:2px solid #477f7d;outline-offset:1px}.attendance-status-button:focus-visible{outline:2px solid #477f7d;outline-offset:2px}@media (max-width: 640px){.attendance-timeline-backdrop{padding:12px}.attendance-timeline-content{grid-template-columns:minmax(0,1fr);gap:32px;padding:28px 22px}.attendance-timeline-header{padding:16px 20px}}.attendance-history-page{background:#f8fafc;min-height:100vh}.attendance-history-grid{display:grid;grid-template-columns:100%;gap:10px;margin-top:4px}.attendance-history-main{display:flex;flex-direction:column;gap:6px;min-width:0}.attendance-history-aside{display:flex;flex-direction:column;gap:6px}@media (max-width: 1200px){.attendance-history-grid{grid-template-columns:1fr;gap:20px}.attendance-history-aside{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width: 1024px){.attendance-history-page{padding:0 20px 24px}}@media (max-width: 768px){.attendance-history-page{padding:0 12px 16px}.attendance-history-aside{grid-template-columns:1fr}}@media (max-width: 480px){.attendance-history-page{padding:0 8px 12px}}.shift-patterns-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left .page-title{font-size:28px;font-weight:600;margin:0 0 4px;color:#1e293b}.header-left .page-subtitle{font-size:14px;color:#64748b;margin:0}.header-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.breadcrumb{font-size:14px;color:#64748b}.breadcrumb .crumb{color:#64748b;text-decoration:none}.breadcrumb .crumb.current{color:#1e293b;font-weight:500}.breadcrumb .separator{margin:0 8px;color:#94a3b8}.add-pattern-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-pattern-btn:hover{background-color:#059669}.add-pattern-btn svg{stroke-width:2}.sp-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;gap:16px}.sp-stat-card-icon-wrapper{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:#e0f2fe;color:#0ea5e9}.sp-stat-card-content{flex:1}.sp-stat-card-title{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.sp-stat-card-value{font-size:16px;font-weight:600;color:#0f172a;line-height:1.2}.sp-stat-card-description{font-size:12px;color:#94a3b8;margin-top:2px}.sp-stat-card:nth-child(1) .sp-stat-card-icon-wrapper{background-color:#dbeafe;color:#2563eb}.sp-stat-card:nth-child(2) .sp-stat-card-icon-wrapper{background-color:#d1fae5;color:#10b981}.sp-stat-card:nth-child(3) .sp-stat-card-icon-wrapper{background-color:#fef3c7;color:#f59e0b}.sp-stat-card:nth-child(4) .sp-stat-card-icon-wrapper{background-color:#fce7f3;color:#ec4899}.shift-pattern-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media (max-width: 1024px){.shift-pattern-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.shift-pattern-stats{grid-template-columns:1fr}}.shift-pattern-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px 14px;box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:14px}.toolbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1}.search-wrapper{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 10px;transition:border-color .2s;flex:1 1 260px}.search-wrapper:focus-within{border-color:#10b981}.search-icon{color:#94a3b8;margin-right:8px}.search-input{border:none;background:transparent;padding:8px 0;font-size:14px;width:100%;outline:none;color:#1e293b}.search-input::placeholder{color:#94a3b8}.status-filter-wrapper{position:relative;display:inline-block;min-width:140px}.status-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 30px 10px 16px;font-size:14px;color:#1e293b;cursor:pointer;outline:none;width:100%;transition:border-color .2s}.status-select:focus{border-color:#10b981}.select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.toolbar-right{display:flex;align-items:center}.filter-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .2s}.filter-btn:hover{background:#f1f5f9}.shift-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background-color:#eef2ff;color:#4f46e5;flex-shrink:0}.shift-icon-wrapper:has(svg[data-type=morning]){background-color:#fef9c3;color:#ca8a04}.duration-badge{display:inline-block;padding:4px 12px;border-radius:20px;background-color:#f1f5f9;color:#334155;font-size:13px;font-weight:500;white-space:nowrap}.shift-pattern-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500;text-transform:capitalize}.status-active{background-color:#fee2e2;color:#991b1b}.status-inactive{background-color:#dcfce7;color:#166534}.shift-pattern-actions{display:flex;align-items:center;justify-content:center;gap:8px}.action-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;border:none;border-radius:8px;cursor:pointer;transition:background .2s;background:transparent;color:#64748b}.action-edit:hover{background:#f1f5f9;color:#0f172a}.action-delete{color:#ef4444}.action-delete:hover{background:#fee2e2}.shift-pattern-row .shift-name{margin-left:10px}.shift-pattern-row .col-name{display:flex;align-items:center}.shift-pattern-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000a;margin-bottom:10px}.shift-pattern-table{width:100%;border-collapse:collapse;font-size:12px;color:#1e293b;min-width:700px}.shift-pattern-table thead{background-color:#f0fdf4}.shift-pattern-table th{padding:10px 14px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:#475569;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.shift-pattern-table td{padding:8px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.shift-pattern-table tbody tr:last-child td{border-bottom:none}.col-index{width:50px;text-align:center}.col-name{min-width:200px}.col-start,.col-end,.col-duration{min-width:100px}.col-status{min-width:110px}.col-actions{min-width:100px;text-align:center}.empty-row{text-align:center;color:#94a3b8;padding:30px 0}.shift-pattern-pagination{display:flex;justify-content:space-between;align-items:center;padding:0;flex-wrap:wrap;gap:12px}.pagination-info{font-size:14px;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-page{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;background:#fff;border:1px solid transparent}.pagination-page.active{background:#10b981;color:#fff;border-color:#10b981}.sp-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.sp-form-modal{background:#fff;border-radius:16px;max-width:640px;width:50%;max-height:90vh;overflow-y:auto;padding:12px 16px 10px;box-shadow:0 20px 60px #00000026;position:relative;animation:spFadeIn .2s ease-out}@keyframes spFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sp-form-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:8px;transition:background .2s}.sp-form-close:hover{background:#f1f5f9;color:#1e293b}.sp-form-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.sp-form-header-icon{width:46px;height:46px;border-radius:50%;background:#0f766e;display:flex;align-items:center;justify-content:center;color:#fff}.sp-form-header-text{flex:1}.sp-form-title{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 4px}.sp-form-subtitle{font-size:12px;color:#64748b;margin:0}.sp-form-divider{border:none;border-top:1px solid #e2e8f0;margin:20px 0}.sp-form-body{display:flex;flex-direction:column;gap:24px}.sp-form-field{display:flex;flex-direction:column;gap:6px}.sp-form-field-label{display:flex;align-items:center;gap:4px}.sp-field-label-text{font-size:14px;font-weight:500;color:#1e293b}.sp-field-required{color:#ef4444;font-weight:600}.sp-form-input-wrapper{position:relative;display:flex;align-items:center}.sp-input-icon-left{position:absolute;left:12px;display:flex;align-items:center;color:#94a3b8}.sp-input-icon-right{position:absolute;right:12px;display:flex;align-items:center;color:#94a3b8;pointer-events:none}.sp-form-input{width:100%;padding:10px 20px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s,box-shadow .2s;height:38px}.sp-form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.sp-time-input{padding-right:20px}.sp-form-error{font-size:13px;color:#ef4444;margin-top:2px}.sp-form-footer{display:flex;justify-content:flex-start}.sp-form-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.sp-form-submit-btn:hover{background:#059669}.sp-form-submit-btn:focus{outline:2px solid #10b981;outline-offset:2px}@media (max-width: 640px){.sp-form-modal{padding:24px 20px;width:95%}.sp-form-title{font-size:20px}.sp-form-header-icon{width:44px;height:44px}.sp-form-header-icon svg{width:22px;height:22px}.sp-form-input{font-size:16px}}.shift-patterns-page{background-color:#f4f6f9;min-height:100vh}.sa-breadcrumb{display:flex;align-items:center;font-size:13px;color:#6b7280}.sa-breadcrumb__list{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.sa-breadcrumb__item{display:flex;align-items:center;font-weight:400}.sa-breadcrumb__item--active .sa-breadcrumb__text{color:#0d9488;font-weight:600}.sa-breadcrumb__separator{margin:0 6px;color:#9ca3af;font-weight:300}.sa-breadcrumb__link{color:#4b5563;text-decoration:none;transition:color .15s ease}.sa-breadcrumb__link:hover{color:#0d9488;text-decoration:underline}.sa-breadcrumb__text{color:#1f2937}.sa-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 24px;flex-wrap:wrap;gap:16px}.sa-header__left{display:flex;align-items:center;gap:14px}.sa-header__icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#d1fae5;border-radius:10px;flex-shrink:0}.sa-header__icon{color:#0d9488}.sa-header__content{display:flex;flex-direction:column;gap:2px}.sa-header__title{font-size:20px;font-weight:700;color:#111827;margin:0;line-height:1.3;letter-spacing:-.01em}.sa-header__subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.sa-header__right{flex-shrink:0}@media (max-width: 768px){.sa-header{flex-direction:column;align-items:flex-start;padding:16px 0 18px}.sa-header__right{width:100%}.sa-header__title{font-size:18px}.sa-header__icon-wrapper{width:40px;height:40px}.sa-header__icon{width:20px;height:20px}}.sa-employee-select{position:relative;width:100%}.sa-employee-select__label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}.sa-employee-select__required{color:#ef4444;margin-left:2px}.sa-employee-select__control{display:flex;align-items:center;min-height:36px;padding:0 10px;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease;cursor:text}.sa-employee-select__control:hover:not(.sa-employee-select__control--disabled){border-color:#9ca3af}.sa-employee-select__control--open{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.sa-employee-select__control--error.sa-employee-select__control--open{box-shadow:0 0 0 3px #ef44441a}.sa-employee-select__control--disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.sa-employee-select__input-wrapper{display:flex;align-items:center;flex:1;min-width:0;position:relative}.sa-employee-select__input-icon{color:#9ca3af;flex-shrink:0;margin-right:8px}.sa-employee-select__input{flex:1;min-width:0;height:32px;padding:0;font-size:13px;color:#111827;background:transparent;border:none;outline:none;font-family:inherit}.sa-employee-select__input::placeholder{color:#9ca3af}.sa-employee-select__input:disabled{cursor:not-allowed}.sa-employee-select__clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:50%;flex-shrink:0;transition:background .15s ease,color .15s ease}.sa-employee-select__clear-btn:hover{background:#f3f4f6;color:#6b7280}.sa-employee-select__chevron{color:#9ca3af;flex-shrink:0;margin-left:6px;transition:transform .2s ease}.sa-employee-select__chevron--open{transform:rotate(180deg)}.sa-employee-select__dropdown{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 20px #0000001f;overflow-y:auto;padding:4px 0;pointer-events:auto}.sa-employee-select__options{max-height:220px;overflow-y:auto;padding:4px 0}.sa-employee-select__option{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;cursor:pointer;transition:background .1s ease}.sa-employee-select__option:hover,.sa-employee-select__option--highlighted{background:#f3f4f6}.sa-employee-select__option--selected{background:#ecfdf5}.sa-employee-select__option--selected:hover{background:#d1fae5}.sa-employee-select__option-content{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}.sa-employee-select__option-name{font-size:13px;color:#111827;font-weight:500;line-height:1.4}.sa-employee-select__option-dept{font-size:11px;color:#6b7280;line-height:1.3}.sa-employee-select__option-check{color:#0d9488;flex-shrink:0;margin-left:8px}.sa-employee-select__no-results{padding:16px 12px;text-align:center;font-size:13px;color:#9ca3af}.sa-employee-select__error{font-size:11px;color:#ef4444;margin-top:3px}.sa-employee-select__options::-webkit-scrollbar{width:4px}.sa-employee-select__options::-webkit-scrollbar-track{background:transparent}.sa-employee-select__options::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.sa-employee-select__options::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sa-section{background:#fff;border:1px solid #eef0f2;border-radius:10px;box-shadow:0 1px 2px #0000000a;margin-bottom:16px;overflow:hidden;position:relative}.sa-section:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#0d9488;opacity:.5}.sa-section__header{display:flex;align-items:center;gap:10px;padding:12px 16px 0}.sa-section__number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#d1fae5;color:#0d9488;font-size:12px;font-weight:700;flex-shrink:0}.sa-section__title{font-size:14px;font-weight:600;color:#111827;margin:0;line-height:1.3}.sa-section__body{padding:12px 16px 16px}.sa-section__body--two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.sa-section__col--left,.sa-section__col--right{display:flex;flex-direction:column}.sa-duration-fields{display:flex;flex-direction:column;gap:10px}.sa-duration-field{display:flex;flex-direction:column;gap:3px}.sa-duration-field__label{font-size:12px;font-weight:500;color:#374151}.sa-duration-field__required{color:#ef4444;margin-left:2px}.sa-duration-field__input-wrapper{position:relative;display:flex;align-items:center}.sa-duration-field__icon{position:absolute;left:10px;color:#9ca3af;pointer-events:none;width:16px;height:16px}.sa-duration-field__input{width:100%;height:36px;padding:0 10px 0 34px;font-size:13px;color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;box-sizing:border-box}.sa-duration-field__input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.sa-duration-field__input--error:focus{box-shadow:0 0 0 3px #ef44441a}.sa-duration-field__input:disabled{opacity:.6;background:#f9fafb;cursor:not-allowed}.sa-duration-field__input::placeholder{color:#9ca3af;font-size:12px}.sa-duration-field__error{font-size:11px;color:#ef4444;margin-top:2px}@media (max-width: 768px){.sa-section__body--two-col{grid-template-columns:1fr;gap:12px}.sa-section__header{padding:10px 14px 0}.sa-section__body{padding:10px 14px 14px}.sa-section__title{font-size:13px}.sa-duration-fields{gap:10px}}.sa-shift-pattern-select{position:relative;width:100%}.sa-shift-pattern-select__label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}.sa-shift-pattern-select__required{color:#ef4444;margin-left:2px}.sa-shift-pattern-select__control{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 10px;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.sa-shift-pattern-select__control:hover:not(.sa-shift-pattern-select__control--disabled){border-color:#9ca3af}.sa-shift-pattern-select__control--open{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.sa-shift-pattern-select__control--error.sa-shift-pattern-select__control--open{box-shadow:0 0 0 3px #ef44441a}.sa-shift-pattern-select__control--disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.sa-shift-pattern-select__value{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.sa-shift-pattern-select__value-icon{color:#9ca3af;flex-shrink:0;width:16px;height:16px}.sa-shift-pattern-select__value-text{font-size:13px;color:#111827;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-shift-pattern-select__value-sub{font-size:11px;color:#6b7280;font-weight:400;white-space:nowrap}.sa-shift-pattern-select__placeholder{font-size:13px;color:#9ca3af}.sa-shift-pattern-select__chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s ease;width:16px;height:16px;margin-left:4px}.sa-shift-pattern-select__chevron--open{transform:rotate(180deg)}.sa-shift-pattern-select__dropdown{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 20px #00000026;overflow-y:auto;padding:4px 0;pointer-events:auto}.sa-shift-pattern-select__option{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;cursor:pointer;transition:background .1s ease}.sa-shift-pattern-select__option:hover{background:#f3f4f6}.sa-shift-pattern-select__option--selected{background:#ecfdf5}.sa-shift-pattern-select__option--selected:hover{background:#d1fae5}.sa-shift-pattern-select__option-content{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}.sa-shift-pattern-select__option-name{font-size:13px;color:#111827;font-weight:500;line-height:1.4}.sa-shift-pattern-select__option-time{font-size:11px;color:#6b7280;line-height:1.3}.sa-shift-pattern-select__option-desc{font-size:10px;color:#9ca3af;line-height:1.2}.sa-shift-pattern-select__option-check{color:#0d9488;flex-shrink:0;margin-left:8px;width:14px;height:14px}.sa-shift-pattern-select__no-results{padding:16px 12px;text-align:center;font-size:13px;color:#9ca3af}.sa-shift-pattern-select__error{font-size:11px;color:#ef4444;margin-top:3px}.sa-shift-pattern-select__dropdown::-webkit-scrollbar{width:4px}.sa-shift-pattern-select__dropdown::-webkit-scrollbar-track{background:transparent}.sa-shift-pattern-select__dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.sa-shift-pattern-select__dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sa-section--shift-pattern .sa-section__body{padding-top:4px}.sa-add-leave-btn{display:inline-flex;align-items:center;gap:6px;padding:0 18px;height:40px;font-size:14px;font-weight:500;color:#fff;background:#0d9488;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease,transform .1s ease;white-space:nowrap;flex-shrink:0}.sa-add-leave-btn:hover:not(.sa-add-leave-btn--disabled){background:#0f766e}.sa-add-leave-btn:active:not(.sa-add-leave-btn--disabled){transform:scale(.97)}.sa-add-leave-btn--disabled{opacity:.5;cursor:not-allowed}.sa-add-leave-btn__icon{flex-shrink:0}.sa-leave-table{border:1.5px solid #f0f0f0;border-radius:10px;overflow:hidden;background:#fff;min-height:120px}.sa-leave-table__table{width:100%;border-collapse:collapse;font-size:13px}.sa-leave-table__head{background:#f0fdf4}.sa-leave-table__th{padding:10px 16px;text-align:left;font-weight:600;font-size:12px;color:#374151;text-transform:uppercase;letter-spacing:.03em;border-bottom:1.5px solid #e5e7eb}.sa-leave-table__th--action{text-align:center;width:80px}.sa-leave-table__body{background:#fff}.sa-leave-table__row{border-bottom:1px solid #f3f4f6}.sa-leave-table__row:last-child{border-bottom:none}.sa-leave-table__td{padding:10px 16px;color:#1f2937;vertical-align:middle}.sa-leave-table__td--action{text-align:center}.sa-leave-table__delete-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#9ca3af;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.sa-leave-table__delete-btn:hover{background:#fef2f2;color:#ef4444}.sa-leave-table--empty{display:flex;align-items:center;justify-content:center;min-height:140px;padding:24px}.sa-leave-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sa-leave-table__empty-icon{color:#d1d5db;margin-bottom:8px}.sa-leave-table__empty-title{font-size:15px;font-weight:500;color:#6b7280;margin:0 0 2px}.sa-leave-table__empty-desc{font-size:13px;color:#9ca3af;margin:0}@media (max-width: 600px){.sa-leave-table{overflow-x:auto}.sa-leave-table__table{min-width:380px}.sa-leave-table__th,.sa-leave-table__td{padding:8px 12px;font-size:12px}.sa-leave-table__th--action,.sa-leave-table__td--action{width:60px}}.sa-leave-controls{margin-bottom:16px}.sa-leave-controls__row{display:grid;grid-template-columns:1fr .7fr 1fr auto;gap:14px;align-items:end}.sa-leave-controls__field{display:flex;flex-direction:column;gap:4px}.sa-leave-controls__field--date,.sa-leave-controls__field--day,.sa-leave-controls__field--type{min-width:0}.sa-leave-controls__field--action{justify-content:flex-end;padding-bottom:0}.sa-leave-controls__label{font-size:13px;font-weight:500;color:#374151}.sa-leave-controls__input-wrapper{position:relative;display:flex;align-items:center}.sa-leave-controls__icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.sa-leave-controls__input{width:100%;height:40px;padding:0 12px 0 38px;font-size:14px;color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;box-sizing:border-box}.sa-leave-controls__input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881f}.sa-leave-controls__input--error{border-color:#ef4444}.sa-leave-controls__input--error:focus{box-shadow:0 0 0 3px #ef44441f}.sa-leave-controls__input:disabled{opacity:.6;background:#f9fafb;cursor:not-allowed}.sa-leave-controls__input--day{padding:0 12px;background:#f9fafb;color:#6b7280;cursor:not-allowed}.sa-leave-controls__select-wrapper{position:relative;display:flex;align-items:center}.sa-leave-controls__select{width:100%;height:40px;padding:0 36px 0 12px;font-size:14px;color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}.sa-leave-controls__select:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881f}.sa-leave-controls__select:disabled{opacity:.6;background:#f9fafb;cursor:not-allowed}.sa-leave-controls__select-icon{position:absolute;right:12px;color:#9ca3af;pointer-events:none}.sa-leave-controls__error{font-size:12px;color:#ef4444;margin-top:6px}.sa-leave-table-wrapper{margin-top:4px}@media (max-width: 900px){.sa-leave-controls__row{grid-template-columns:1fr 1fr;gap:12px}.sa-leave-controls__field--action{grid-column:span 2;justify-content:flex-start}}@media (max-width: 600px){.sa-leave-controls__row{grid-template-columns:1fr;gap:12px}.sa-leave-controls__field--action{grid-column:span 1;justify-content:flex-start}.sa-leave-controls__field--day{display:none}}.sa-section--weekoff .sa-weekoff__header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.sa-section--weekoff .sa-section__title{flex:0 0 auto}.sa-weekoff__description{flex:1 1 240px;min-width:0;color:#8492a6;font-size:12px;line-height:1.5}.sa-weekoff__clear-btn{height:32px;padding:4px 14px;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease}.sa-weekoff__clear-btn:hover:not(:disabled){color:#0f766e;border-color:#0f766e;background:#f0fdfa}.sa-weekoff__clear-btn:disabled{opacity:.45;cursor:not-allowed}.sa-weekoff__schedule{display:flex;flex-direction:column;gap:5px;min-width:0}.sa-weekoff__week{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(0,2fr);align-items:center;gap:12px;min-width:0;padding:5px 7px;border:1px solid #e5ebf0;border-radius:8px;background:#fff;transition:border-color .15s ease}.sa-weekoff__week:hover{border-color:#b9dcd7}.sa-weekoff__week-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.sa-weekoff__week-badge{display:inline-flex;justify-content:center;align-items:center;min-width:68px;padding:5px 9px;color:#0f766e;background:#d9faf3;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap}.sa-weekoff__date-range{color:#25364b;font-size:11px;font-weight:600;white-space:nowrap}.sa-weekoff__day-count{color:#94a3b8;font-size:11px;white-space:nowrap}.sa-weekoff__day-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:0}.sa-weekoff__day{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:29px;padding:4px 5px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#475569;font-size:11px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.sa-weekoff__day:hover:not(.sa-weekoff__day--unavailable){border-color:#5fc8bb;background:#f0fdfa}.sa-weekoff__day input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sa-weekoff__check-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:14px;border:1px solid #a8b4c3;border-radius:3px;background:#fff;color:#fff}.sa-weekoff__day--selected{color:#0f766e;border-color:#a6eee0;background:#d9faf3;font-weight:700}.sa-weekoff__day--selected .sa-weekoff__check-icon{border-color:#0f9488;background:#0f9488}.sa-weekoff__day--unavailable{opacity:.35;background:#f8fafc;cursor:not-allowed}.sa-weekoff__day input:focus-visible+.sa-weekoff__check-icon{outline:2px solid #0f766e;outline-offset:2px}.sa-weekoff__empty{display:flex;min-height:110px;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#94a3b8;text-align:center}.sa-weekoff__empty svg{color:#aab8c8}.sa-weekoff__empty strong{color:#64748b;font-size:13px}.sa-weekoff__empty span{font-size:12px}@media (max-width: 1100px){.sa-weekoff__week{grid-template-columns:1fr;gap:8px}.sa-weekoff__day-options{grid-template-columns:repeat(7,minmax(50px,1fr))}}@media (max-width: 600px){.sa-section--weekoff .sa-weekoff__header{align-items:flex-start}.sa-weekoff__description{flex-basis:100%;order:3}.sa-weekoff__week{padding:8px}.sa-weekoff__day-options{grid-template-columns:repeat(4,minmax(0,1fr))}.sa-weekoff__day{min-height:34px}}.sa-section--generated-dates{margin-top:18px}.sa-section__generated-header-content{display:flex;align-items:center;gap:10px;min-width:0}.sa-generated-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 9px;border-radius:999px;background:#e9f8f4;color:#079c91;font-size:12px;font-weight:700}.sa-generated-dates{width:100%;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden;background:#fff}.sa-generated-date-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(130px,170px) minmax(300px,1.25fr);align-items:center;gap:18px;min-height:72px;padding:12px 16px;border-bottom:1px solid #edf0f4;background:#fff;transition:background-color .2s ease,box-shadow .2s ease}.sa-generated-date-row:last-child{border-bottom:none}.sa-generated-date-row:hover{background:#fbfdfd}.sa-generated-date-row--weekoff{background:#fffdf6}.sa-generated-date-row--leave{background:#fff8fa}.sa-generated-date-info{display:flex;align-items:center;gap:12px;min-width:0}.sa-generated-date-icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf8f7;color:#079c91}.sa-generated-date-text{display:flex;flex-direction:column;gap:3px;min-width:0}.sa-generated-date-value{color:#172033;font-size:14px;font-weight:700;white-space:nowrap}.sa-generated-day{color:#8290a3;font-size:12px}.sa-generated-date-status{display:flex;align-items:center;min-width:0}.sa-generated-status{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.sa-generated-status--working{background:#edf9f3;color:#198754}.sa-generated-status--weekoff{background:#fff4d6;color:#b77900}.sa-generated-status--leave{background:#ffecef;color:#d6335c}.sa-generated-pattern-control{position:relative;display:flex;align-items:center;width:100%;min-width:0}.sa-generated-pattern-icon{position:absolute;left:12px;color:#94a0b1;pointer-events:none;z-index:1}.sa-generated-pattern-select{width:100%;min-height:44px;padding:0 36px 0 38px;border:1px solid #dfe5ed;border-radius:9px;background:#fff;color:#52647b;font-size:13px;outline:none;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;transition:border-color .2s ease,box-shadow .2s ease}.sa-generated-pattern-select:hover{border-color:#9fcfc9}.sa-generated-pattern-select:focus{border-color:#079c91;box-shadow:0 0 0 3px #079c911a}.sa-generated-pattern-select:disabled{background:#f5f7f9;color:#a3adba;cursor:not-allowed}.sa-generated-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#a1adbc;text-align:center}.sa-generated-empty svg{color:#c5ced9}.sa-generated-empty strong{color:#687589;font-size:14px}.sa-generated-empty span{font-size:12px}@media (max-width: 900px){.sa-generated-date-row{grid-template-columns:1fr 1fr}.sa-generated-pattern-control{grid-column:1 / -1}}@media (max-width: 600px){.sa-generated-date-row{grid-template-columns:1fr;gap:10px;padding:13px}.sa-generated-pattern-control{grid-column:auto}.sa-generated-date-status{justify-content:flex-start}.sa-generated-pattern-select{min-height:42px}}.sa-actions{display:flex;align-items:center;gap:12px;padding:20px 0 8px;border-top:1.5px solid #f3f4f6;margin-top:4px}.sa-actions__primary{display:inline-flex;align-items:center;gap:8px;padding:0 24px;height:42px;font-size:14px;font-weight:600;color:#fff;background:#0d9488;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease,transform .1s ease;white-space:nowrap}.sa-actions__primary:hover:not(:disabled){background:#0f766e}.sa-actions__primary:active:not(:disabled){transform:scale(.97)}.sa-actions__primary:disabled{opacity:.6;cursor:not-allowed}.sa-actions__primary-icon{flex-shrink:0}.sa-actions__secondary{display:inline-flex;align-items:center;gap:6px;padding:0 20px;height:42px;font-size:14px;font-weight:500;color:#4b5563;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sa-actions__secondary:hover:not(:disabled){border-color:#9ca3af;background:#f9fafb}.sa-actions__secondary:disabled{opacity:.5;cursor:not-allowed}.sa-actions__secondary-icon{flex-shrink:0}@media (max-width: 600px){.sa-actions{flex-wrap:wrap;gap:10px;padding:16px 0 4px}.sa-actions__primary,.sa-actions__secondary{flex:1;justify-content:center;min-width:120px;height:40px;font-size:13px;padding:0 16px}}.sa-page{max-width:2060px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f9fafb;min-height:100vh}.sa-page__loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-size:16px;color:#6b7280;background:#fff;border-radius:12px;border:1px solid #f0f0f0}.sa-page__submit-error{padding:12px 18px;margin-bottom:16px;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:14px}.sa-page__submit-success{padding:12px 18px;margin-bottom:16px;background:#ecfdf5;border:1.5px solid #6ee7b7;border-radius:8px;color:#065f46;font-size:14px;font-weight:500}@media (max-width: 768px){.sa-page{padding:12px 16px 24px}}@media (max-width: 480px){.sa-page{padding:8px 12px 20px}}.joining-approvals-header{--ja-primary: #0b6970;--ja-primary-dark: #084f55;--ja-primary-soft: #e8f4f4;--ja-heading: #0d2f3b;--ja-text: #526776;--ja-muted: #718391;--ja-border: #e4ebee;--ja-background: #ffffff;width:100%;min-width:0;margin:0 0 24px;box-sizing:border-box;background:var(--ja-background);border:1px solid var(--ja-border);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 1px 2px #0d2f3b05,0 4px 14px #0d2f3b09}.joining-approvals-header__content{width:100%;min-width:0;min-height:138px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;position:relative;padding:25px 28px 24px;isolation:isolate}.joining-approvals-header__decor{position:absolute;pointer-events:none;z-index:-1;border-radius:999px;background:var(--ja-primary-soft);opacity:.55}.joining-approvals-header__decor--one{width:290px;height:180px;right:105px;top:-75px;transform:rotate(-8deg);opacity:.45}.joining-approvals-header__decor--two{width:180px;height:130px;right:-35px;bottom:-70px;transform:rotate(18deg);background:#dcebed;opacity:.55}.joining-approvals-header__left{flex:1 1 auto;min-width:0;padding-right:35px;position:relative;z-index:3}.joining-approvals-header__eyebrow{display:block;margin:0 0 7px;color:#657983;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.85px;text-transform:uppercase}.joining-approvals-header__title{margin:0 0 7px;color:var(--ja-heading);font-size:29px;font-weight:650;line-height:1.16;letter-spacing:-.65px;white-space:nowrap}.joining-approvals-header__description{margin:0;max-width:760px;color:var(--ja-text);font-size:14px;font-weight:400;line-height:1.55;letter-spacing:0}.joining-approvals-header__description-secondary{color:var(--ja-text)}.joining-approvals-header__right{flex:0 0 auto;width:230px;height:138px;display:flex;align-items:center;justify-content:flex-end;position:relative;z-index:2;margin-right:-10px}.joining-approvals-header__image-wrapper{width:230px;height:138px;display:flex;align-items:center;justify-content:flex-end;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 14%,rgba(0,0,0,.62) 32%,#000000 52%,#000000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 14%,rgba(0,0,0,.62) 32%,#000000 52%,#000000 100%)}.joining-approvals-header__image{display:block;width:auto;height:128px;max-width:230px;object-fit:contain;object-position:center right;transform:translate(3px)}@media (min-width: 1440px){.joining-approvals-header{margin-bottom:24px}.joining-approvals-header__content{min-height:145px;padding:26px 30px 25px}.joining-approvals-header__left{padding-right:40px}.joining-approvals-header__eyebrow{margin-bottom:8px;font-size:11px}.joining-approvals-header__title{margin-bottom:8px;font-size:30px}.joining-approvals-header__description{font-size:14px;line-height:1.55}.joining-approvals-header__right{width:250px;height:145px;margin-right:-8px}.joining-approvals-header__image-wrapper{width:250px;height:145px}.joining-approvals-header__image{height:136px;max-width:250px}.joining-approvals-header__decor--one{width:320px;height:195px;right:115px;top:-82px}.joining-approvals-header__decor--two{width:195px;height:140px;right:-40px;bottom:-75px}}@media (min-width: 1200px) and (max-width: 1439px){.joining-approvals-header__content{min-height:136px;padding:23px 26px}.joining-approvals-header__left{padding-right:30px}.joining-approvals-header__title{font-size:28px}.joining-approvals-header__description{font-size:14px;max-width:700px}.joining-approvals-header__right{width:205px;height:136px;margin-right:-8px}.joining-approvals-header__image-wrapper{width:205px;height:136px}.joining-approvals-header__image{height:125px;max-width:205px}.joining-approvals-header__decor--one{width:270px;height:165px;right:90px;top:-70px}.joining-approvals-header__decor--two{width:165px;height:120px;right:-35px;bottom:-65px}}@media (min-width: 769px) and (max-width: 1199px){.joining-approvals-header{margin-bottom:20px;border-radius:11px}.joining-approvals-header__content{min-height:126px;padding:21px 22px}.joining-approvals-header__left{padding-right:22px}.joining-approvals-header__eyebrow{margin-bottom:6px;font-size:10px}.joining-approvals-header__title{margin-bottom:6px;font-size:25px;letter-spacing:-.45px}.joining-approvals-header__description{max-width:590px;font-size:13px;line-height:1.5}.joining-approvals-header__right{width:165px;height:126px;margin-right:-6px}.joining-approvals-header__image-wrapper{width:165px;height:126px}.joining-approvals-header__image{height:112px;max-width:165px}.joining-approvals-header__decor--one{width:220px;height:140px;right:70px;top:-55px}.joining-approvals-header__decor--two{width:135px;height:100px;right:-30px;bottom:-55px}}@media (max-width: 768px){.joining-approvals-header{margin-bottom:18px;border-radius:10px}.joining-approvals-header__content{min-height:145px;display:block;padding:19px 20px 20px}.joining-approvals-header__left{width:100%;padding-right:75px;position:relative;z-index:3}.joining-approvals-header__eyebrow{margin-bottom:6px;font-size:10px;letter-spacing:.75px}.joining-approvals-header__title{margin-bottom:7px;font-size:23px;line-height:1.2;letter-spacing:-.45px;white-space:normal}.joining-approvals-header__description{max-width:100%;font-size:13px;line-height:1.52}.joining-approvals-header__desktop-break{display:none}.joining-approvals-header__description-secondary{display:block;margin-top:2px}.joining-approvals-header__right{width:92px;height:78px;position:absolute;right:7px;bottom:4px;margin:0;pointer-events:none;z-index:1}.joining-approvals-header__image-wrapper{width:92px;height:78px}.joining-approvals-header__image{width:auto;height:76px;max-width:92px}.joining-approvals-header__decor--one{width:170px;height:115px;right:40px;top:-48px;opacity:.38}.joining-approvals-header__decor--two{width:105px;height:80px;right:-25px;bottom:-42px;opacity:.42}}@media (max-width: 480px){.joining-approvals-header{margin-bottom:16px;border-radius:9px}.joining-approvals-header__content{min-height:152px;padding:18px 17px 19px}.joining-approvals-header__left{padding-right:58px}.joining-approvals-header__eyebrow{margin-bottom:6px;font-size:9.5px;letter-spacing:.7px}.joining-approvals-header__title{margin-bottom:7px;font-size:21px;line-height:1.22}.joining-approvals-header__description{font-size:12.5px;line-height:1.5}.joining-approvals-header__description-secondary{margin-top:3px}.joining-approvals-header__right{width:72px;height:65px;right:3px;bottom:3px}.joining-approvals-header__image-wrapper{width:72px;height:65px}.joining-approvals-header__image{height:63px;max-width:72px}.joining-approvals-header__decor--one{width:135px;height:100px;right:25px;top:-42px}.joining-approvals-header__decor--two{width:85px;height:70px;right:-20px;bottom:-35px}}@media (max-width: 375px){.joining-approvals-header__content{min-height:158px;padding:17px 15px 18px}.joining-approvals-header__left{padding-right:48px}.joining-approvals-header__eyebrow{font-size:9px}.joining-approvals-header__title{font-size:20px;letter-spacing:-.3px}.joining-approvals-header__description{font-size:12px;line-height:1.48}.joining-approvals-header__right{width:62px;height:58px;right:2px;bottom:3px}.joining-approvals-header__image-wrapper{width:62px;height:58px}.joining-approvals-header__image{height:56px;max-width:62px}}@media (prefers-reduced-motion: reduce){.joining-approvals-header,.joining-approvals-header__image{transition:none;animation:none}}@media print{.joining-approvals-header{border:1px solid #d5dde0;box-shadow:none}.joining-approvals-header__decor{display:none}.joining-approvals-header__image-wrapper{-webkit-mask-image:none;mask-image:none}}.joining-approval-stat-card{--stat-accent: #0b6970;--stat-icon-bg: #e8f4f4;--stat-icon-border: #d3e9ea;width:100%;min-width:0;min-height:74px;box-sizing:border-box;display:flex;align-items:center;position:relative;padding:10px 14px;background:#fff;border:1px solid #e8edef;border-radius:11px;overflow:hidden;cursor:default;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.joining-approval-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--stat-accent);opacity:0;transition:opacity .18s ease}.joining-approval-stat-card__icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--stat-accent);background:var(--stat-icon-bg);border:1px solid var(--stat-icon-border);border-radius:50%;box-sizing:border-box}.joining-approval-stat-card__content{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding-right:5px}.joining-approval-stat-card__main{min-width:0;display:flex;align-items:baseline;gap:8px;line-height:1}.joining-approval-stat-card__value{color:#102f3b;font-size:20px;font-weight:650;line-height:1.15;letter-spacing:-.35px;white-space:nowrap}.joining-approval-stat-card__label{min-width:0;color:#172f3a;font-size:12px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joining-approval-stat-card__subtitle{display:block;margin-top:4px;color:#7a8b94;font-size:10.5px;font-weight:400;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joining-approval-stat-card__arrow{width:25px;height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:center;color:#6d7e86;border-radius:50%;transition:color .18s ease,background-color .18s ease,transform .18s ease}.joining-approval-stat-card:hover{transform:translateY(-1px);border-color:#d8e5e7;box-shadow:0 4px 12px #0d2f3b12,0 1px 3px #0d2f3b0a}.joining-approval-stat-card:hover:before{opacity:.8}.joining-approval-stat-card:hover .joining-approval-stat-card__arrow{color:var(--stat-accent);background:var(--stat-icon-bg);transform:translate(2px)}.joining-approval-stat-card:focus-within{border-color:var(--stat-accent);box-shadow:0 0 0 3px var(--stat-icon-bg),0 4px 12px #0d2f3b0f}@media (min-width: 1440px){.joining-approval-stat-card{min-height:78px;padding:11px 15px;border-radius:12px}.joining-approval-stat-card__icon{width:46px;height:46px;flex-basis:46px;margin-right:13px}.joining-approval-stat-card__value{font-size:21px}.joining-approval-stat-card__label{font-size:12px}.joining-approval-stat-card__subtitle{font-size:10.5px}}@media (min-width: 1200px) and (max-width: 1439px){.joining-approval-stat-card{min-height:74px;padding:10px 13px}.joining-approval-stat-card__icon{width:42px;height:42px;flex-basis:42px;margin-right:11px}.joining-approval-stat-card__value{font-size:19px}.joining-approval-stat-card__label{font-size:11.5px}.joining-approval-stat-card__subtitle{font-size:10px}.joining-approval-stat-card__main{gap:7px}}@media (min-width: 769px) and (max-width: 1199px){.joining-approval-stat-card{min-height:70px;padding:9px 11px;border-radius:10px}.joining-approval-stat-card__icon{width:39px;height:39px;flex-basis:39px;margin-right:9px}.joining-approval-stat-card__value{font-size:18px}.joining-approval-stat-card__label{font-size:11px}.joining-approval-stat-card__subtitle{margin-top:3px;font-size:9.5px}.joining-approval-stat-card__main{gap:5px}.joining-approval-stat-card__arrow{width:22px;height:22px;flex-basis:22px}}@media (max-width: 768px){.joining-approval-stat-card{min-height:72px;padding:10px 11px;border-radius:10px}.joining-approval-stat-card__icon{width:40px;height:40px;flex-basis:40px;margin-right:9px}.joining-approval-stat-card__value{font-size:18px}.joining-approval-stat-card__label{font-size:11px}.joining-approval-stat-card__subtitle{font-size:9.5px}.joining-approval-stat-card__main{gap:5px}.joining-approval-stat-card__arrow{width:21px;height:21px;flex-basis:21px}}@media (max-width: 480px){.joining-approval-stat-card{min-height:69px;padding:9px 10px;border-radius:9px}.joining-approval-stat-card__icon{width:37px;height:37px;flex-basis:37px;margin-right:8px}.joining-approval-stat-card__icon svg{width:20px;height:20px}.joining-approval-stat-card__value{font-size:17px}.joining-approval-stat-card__label{font-size:10.5px}.joining-approval-stat-card__subtitle{margin-top:3px;font-size:9px}.joining-approval-stat-card__main{gap:4px}.joining-approval-stat-card__arrow{width:19px;height:19px;flex-basis:19px}.joining-approval-stat-card__arrow svg{width:17px;height:17px}}@media (max-width: 375px){.joining-approval-stat-card{min-height:66px;padding:8px}.joining-approval-stat-card__icon{width:34px;height:34px;flex-basis:34px;margin-right:7px}.joining-approval-stat-card__icon svg{width:18px;height:18px}.joining-approval-stat-card__value{font-size:16px}.joining-approval-stat-card__label{font-size:10px}.joining-approval-stat-card__subtitle{font-size:8.5px}.joining-approval-stat-card__arrow{display:none}}@media (prefers-reduced-motion: reduce){.joining-approval-stat-card,.joining-approval-stat-card:before,.joining-approval-stat-card__arrow{transition:none}}.joining-approval-stats-container{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;box-sizing:border-box}@media (min-width: 1440px){.joining-approval-stats-container{gap:18px}}@media (min-width: 1101px) and (max-width: 1439px){.joining-approval-stats-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media (min-width: 769px) and (max-width: 1100px){.joining-approval-stats-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width: 768px){.joining-approval-stats-container{grid-template-columns:1fr;gap:12px}}.joining-approval-filters{width:100%;min-width:0;box-sizing:border-box;display:flex;align-items:flex-end;gap:12px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0f172a08;overflow:hidden}.joining-approval-filters__fields{min-width:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(205px,1.25fr);gap:12px}.joining-approval-filter-group{min-width:0;display:flex;flex-direction:column;gap:6px}.joining-approval-filter-group--date{min-width:0}.joining-approval-filter-label{display:block;color:#475569;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap}.joining-approval-select-wrapper{width:100%;min-width:0;position:relative;display:flex;align-items:center}.joining-approval-select-wrapper select{width:100%;min-width:0;height:38px;padding:0 34px 0 11px;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid #dbe3ec;border-radius:7px;outline:none;background:#f8fafc;color:#334155;font-family:inherit;font-size:12px;font-weight:400;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.joining-approval-select-wrapper select:hover{border-color:#cbd5e1;background:#fff}.joining-approval-select-wrapper select:focus{border-color:#0f766e;background:#fff;box-shadow:0 0 0 3px #0f766e14}.joining-approval-select-icon{position:absolute;right:10px;color:#64748b;pointer-events:none}.joining-approval-date-input{width:100%;min-width:0;height:38px;position:relative;display:flex;align-items:center}.joining-approval-date-input input{width:100%;min-width:0;height:38px;padding:0 10px 0 34px;box-sizing:border-box;border:1px solid #dbe3ec;border-radius:7px;outline:none;background:#f8fafc;color:#475569;font-family:inherit;font-size:12px;font-weight:400;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.joining-approval-date-input input:hover{border-color:#cbd5e1;background:#fff}.joining-approval-date-input input:focus{border-color:#0f766e;background:#fff;box-shadow:0 0 0 3px #0f766e14}.joining-approval-calendar-icon{position:absolute;left:10px;color:#64748b;pointer-events:none;z-index:1}.joining-approval-filter-actions{flex:0 0 auto;display:flex;align-items:center;gap:7px}.joining-approval-filter-button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;box-sizing:border-box;border-radius:7px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.joining-approval-filter-button:focus-visible{outline:2px solid rgba(15,118,110,.25);outline-offset:2px}.joining-approval-filter-button--primary{min-width:82px;border:1px solid #075e67;background:#075e67;color:#fff}.joining-approval-filter-button--primary:hover{border-color:#064f57;background:#064f57;box-shadow:0 2px 5px #075e6726}.joining-approval-filter-button--primary:active{transform:translateY(1px)}.joining-approval-filter-button--secondary{min-width:75px;border:1px solid #dbe3ec;background:#fff;color:#475569}.joining-approval-filter-button--secondary:hover{border-color:#cbd5e1;background:#f8fafc;color:#334155}.joining-approval-filter-button--secondary:active{transform:translateY(1px)}@media (min-width: 1440px){.joining-approval-filters{gap:14px;padding:14px 16px}.joining-approval-filters__fields{grid-template-columns:minmax(165px,1fr) minmax(165px,1fr) minmax(165px,1fr) minmax(220px,1.25fr);gap:14px}}@media (min-width: 1280px) and (max-width: 1439px){.joining-approval-filters{gap:10px;padding:12px}.joining-approval-filters__fields{grid-template-columns:minmax(135px,1fr) minmax(135px,1fr) minmax(135px,1fr) minmax(190px,1.25fr);gap:10px}.joining-approval-filter-button{padding:0 12px}}@media (min-width: 1100px) and (max-width: 1279px){.joining-approval-filters{align-items:stretch;flex-direction:column;gap:12px}.joining-approval-filters__fields{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.joining-approval-filter-actions{width:100%;justify-content:flex-end}}@media (min-width: 769px) and (max-width: 1099px){.joining-approval-filters{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.joining-approval-filters__fields{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.joining-approval-filter-actions{width:100%;justify-content:flex-end}}@media (max-width: 768px){.joining-approval-filters{width:100%;flex-direction:column;align-items:stretch;gap:12px;padding:12px}.joining-approval-filters__fields{width:100%;grid-template-columns:1fr;gap:11px}.joining-approval-filter-group{width:100%}.joining-approval-filter-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.joining-approval-filter-button{width:100%}}@media (max-width: 480px){.joining-approval-filters{padding:11px}.joining-approval-filter-label{font-size:11px}.joining-approval-select-wrapper select,.joining-approval-date-input input{height:37px;font-size:12px}.joining-approval-filter-button{height:37px;font-size:11px}}@media (max-width: 360px){.joining-approval-filter-actions{grid-template-columns:1fr}}.joining-approval-row{background:#fff;transition:background-color .15s ease}.joining-approval-row:hover{background:#f8fafc}.sr-number{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:7px;background:#f3f4f6;color:#475569;font-size:12px;font-weight:600}.candidate-cell{overflow:hidden}.candidate-info{width:100%;min-width:0}.candidate-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:13px;font-weight:600}.email-cell{overflow:hidden}.email-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569;font-size:12px}.designation-cell{overflow:hidden}.designation-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:12px;font-weight:500}.designation-edit-wrapper{position:relative;width:100%;min-width:0}.designation-select{width:100%;min-width:0;height:38px;padding:0 32px 0 10px;border:1px solid #d1d5db;border-radius:7px;background:#fff;color:#111827;font-family:inherit;font-size:12px;font-weight:500;outline:none;cursor:pointer;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.designation-select:hover{border-color:#b8c0cc}.designation-select:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1a}.designation-select-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;color:#64748b}.location-cell{overflow:hidden}.joining-table-input{display:block;width:100%;height:38px;min-width:0;box-sizing:border-box;border:1px solid #d1d5db;border-radius:7px;background:#fff;color:#111827;padding:0 10px;font-family:inherit;font-size:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.joining-table-input:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1a;outline:none}.joining-date-cell{padding-left:10px!important;padding-right:10px!important}.joining-date-input{min-width:145px}.input-readonly{border-color:transparent;background:transparent;box-shadow:none;cursor:default;padding-left:0;padding-right:0}.applied-on-cell{white-space:nowrap}.applied-date{white-space:nowrap;color:#475569;font-size:12px}.status-cell{text-align:center!important;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:30px;padding:0 10px;box-sizing:border-box;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.remark-cell{padding-left:10px!important;padding-right:10px!important}.remark-input{min-width:165px}.actions-cell{padding:8px 10px!important;overflow:visible!important}.actions-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:5px;min-width:405px;white-space:nowrap}.approval-btn,.management-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:4px;height:32px;padding:0 9px;box-sizing:border-box;border-radius:16px;background:#fff;font-family:inherit;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.approval-btn svg,.management-btn svg{flex-shrink:0}.accept-btn{color:#16a34a;border:1px solid #16a34a}.accept-btn:hover{background:#f0fdf4}.reject-btn{color:#dc2626;border:1px solid #ef4444}.reject-btn:hover{background:#fef2f2}.hold-btn{color:#d97706;border:1px solid #f59e0b}.hold-btn:hover{background:#fffbeb}.edit-btn{color:#1677ff;border:1px solid #1677ff}.edit-btn:hover{background:#eff6ff}.save-btn{color:#15803d;border:1px solid #16a34a}.save-btn:hover{background:#f0fdf4}.delete-btn{color:#dc2626;border:1px solid #dc2626}.delete-btn:hover{background:#fef2f2}.cancel-btn{color:#4b5563;border:1px solid #6b7280}.cancel-btn:hover{background:#f9fafb}.send-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:70px;height:32px;padding:0 11px;box-sizing:border-box;border:1px solid #0891b2;border-radius:16px;background:#fff;color:#087f98;font-family:inherit;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.send-btn:disabled,.send-btn-disabled{background:#f8fafc;border-color:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.75}.send-btn:disabled:hover,.send-btn-disabled:hover{background:#f8fafc;border-color:#cbd5e1;color:#94a3b8}@media (max-width: 768px){.joining-table-input{height:36px}.designation-select{height:36px;font-size:11px}.actions-wrapper{min-width:405px}.approval-btn,.management-btn,.send-btn{height:30px;font-size:10px;padding-left:8px;padding-right:8px}}.referred-by-cell{overflow:hidden}.referred-by-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:12px;font-weight:500}.candidate-name-button{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:#0f172a;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;outline:none}.candidate-name-button:hover{color:#0f766e;text-decoration:none}.candidate-name-button:focus-visible{outline:2px solid rgba(15,118,110,.25);outline-offset:2px;border-radius:3px}.joining-approval-search{flex:0 0 240px;width:240px;height:38px;display:flex;align-items:center;box-sizing:border-box;padding:0 12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.joining-approval-search:focus-within{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e14}.search-icon{flex:0 0 auto;width:18px;height:18px;margin-right:9px;color:#64748b}.joining-approval-search input{width:100%;min-width:0;border:none;outline:none;background:transparent;padding:0;color:#334155;font-family:inherit;font-size:13px}.joining-approval-search input::placeholder{color:#94a3b8}@media (max-width: 768px){.joining-approval-search{width:100%;flex:1 1 auto}}.joining-approval-pagination{width:100%;min-width:0;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;box-sizing:border-box;background:#fff;border-top:1px solid #eef1f4}.pagination-info{min-width:0;color:#64748b;font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination-controls{flex:0 0 auto;display:flex;align-items:center;gap:4px}.pagination-controls button{min-width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;box-sizing:border-box;border:1px solid #dbe3ec;border-radius:6px;background:#fff;color:#475569;font-family:inherit;font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.pagination-controls button:hover:not(:disabled):not(.active){border-color:#cbd5e1;background:#f8fafc;color:#0f172a}.pagination-controls button:focus-visible{outline:2px solid rgba(15,118,110,.25);outline-offset:2px}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.pagination-controls button.active{border-color:#0f766e;background:#0f766e;color:#fff;box-shadow:0 1px 2px #0f766e26}.pagination-controls .ellipsis{min-width:20px;height:31px;display:inline-flex;align-items:center;justify-content:center;color:#64748b;font-size:12px;-webkit-user-select:none;user-select:none}@media (min-width: 1280px) and (max-width: 1439px){.joining-approval-pagination{min-height:56px;padding:10px 16px}.pagination-controls{gap:3px}.pagination-controls button{min-width:30px;height:30px}.pagination-controls .ellipsis{height:30px}}@media (max-width: 900px){.joining-approval-pagination{padding:10px 14px}.pagination-info{font-size:11px}.pagination-controls button{min-width:29px;height:29px}.pagination-controls .ellipsis{height:29px}}@media (max-width: 768px){.joining-approval-pagination{min-height:auto;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px}.pagination-info{width:100%;text-align:center;white-space:normal}.pagination-controls{max-width:100%;flex-wrap:wrap;justify-content:center;gap:3px}.pagination-controls button{min-width:30px;height:30px}.pagination-controls .ellipsis{min-width:18px;height:30px}}@media (max-width: 480px){.joining-approval-pagination{padding:11px 8px}.pagination-info{font-size:10.5px}.pagination-controls{gap:2px}.pagination-controls button{min-width:28px;height:28px;padding:0 5px}.pagination-controls .ellipsis{min-width:16px;height:28px}}.joining-approval-table-container{width:100%;max-width:100%;min-width:0;margin-top:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 1px 3px #0f172a0d}.table-header{width:100%;min-width:0;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb}.table-heading-wrapper{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:3px;overflow:hidden}.table-title{display:flex;align-items:center;gap:7px;min-width:0;margin:0;color:#0f172a;font-size:16px;font-weight:600;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:23px;padding:0 7px;box-sizing:border-box;border-radius:6px;background:#eef4ff;color:#2563eb;font-size:11px;font-weight:600;flex:0 0 auto}.table-subtitle{display:block;min-width:0;color:#7c8ba1;font-size:10px;font-weight:400;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-wrapper{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}.table-wrapper::-webkit-scrollbar{width:7px;height:7px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b}.joining-approval-table{width:100%;min-width:960px;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;font-size:12px;box-sizing:border-box}.col-sr-no{width:5%}.col-candidate{width:17%}.col-designation{width:15%}.col-location{width:11%}.col-joining-date{width:14%}.col-applied-on{width:12%}.col-status{width:11%}.col-actions{width:15%}.joining-approval-table th{height:44px;padding:0 9px;box-sizing:border-box;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#334155;font-size:11px;font-weight:600;text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joining-approval-table th:first-child{text-align:center}.header-with-sort{display:inline-flex;align-items:center;gap:4px;max-width:100%;white-space:nowrap;overflow:hidden}.header-with-sort svg{width:13px;height:13px;min-width:13px;flex-shrink:0;color:#94a3b8;stroke-width:2}.joining-approval-table td{height:58px;padding:7px 9px;box-sizing:border-box;background:#fff;border-bottom:1px solid #edf1f5;color:#374151;font-size:11px;text-align:left;vertical-align:middle;overflow:hidden}.joining-approval-table tbody tr{transition:background-color .15s ease}.joining-approval-table tbody tr:hover td{background:#f8fafc}.joining-approval-table tbody tr:last-child td{border-bottom:none}.sr-no-cell{text-align:center!important}.sr-number{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:7px;background:#f3f4f6;color:#475569;font-size:11px;font-weight:600;box-sizing:border-box}.candidate-cell{min-width:0;overflow:hidden}.candidate-info{min-width:0;width:100%;overflow:hidden}.candidate-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:12px;font-weight:600}.email-cell{min-width:0;overflow:hidden}.email-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569;font-size:11px}.department-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}.designation-cell{min-width:0;overflow:hidden}.designation-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:11px}.location-cell{min-width:0;overflow:hidden}.location-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-weight:500}.joining-date-cell{padding-left:8px!important;padding-right:8px!important;min-width:0}.joining-table-input{display:block;width:100%;max-width:100%;min-width:0;height:34px;box-sizing:border-box;border:1px solid #d1d5db;border-radius:7px;background:#fff;color:#111827;padding:0 8px;font-family:inherit;font-size:11px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.joining-table-input:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1a}.joining-table-input:disabled{opacity:1;cursor:default}.joining-date-input{min-width:0}.input-readonly{border-color:transparent;background:transparent;box-shadow:none;padding-left:0;padding-right:0;cursor:default}.input-readonly::-webkit-calendar-picker-indicator{opacity:0}.applied-on-cell{min-width:0;white-space:nowrap;overflow:hidden}.applied-date{display:block;max-width:100%;color:#475569;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-cell{text-align:center!important;white-space:nowrap;overflow:hidden}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:66px;max-width:100%;height:28px;padding:0 8px;box-sizing:border-box;border-radius:7px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pending{background:#eaf2ff;color:#1769e0}.status-approved{background:#e8f9ef;color:#159447}.status-rejected{background:#ffe9e9;color:#e63b3b}.status-on-hold{background:#fff4df;color:#d98200}.remark-cell{min-width:0;padding-left:8px!important;padding-right:8px!important;overflow:hidden}.remark-input{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.remark-input::placeholder{color:#9ca3af}.actions-cell{padding:7px 6px!important;overflow:hidden!important;text-align:center!important}.actions-wrapper{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:4px;white-space:nowrap;overflow:hidden}.approval-btn,.management-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0;gap:3px;height:30px;padding:0 7px;box-sizing:border-box;border-radius:15px;background:#fff;font-family:inherit;font-size:10px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;overflow:hidden;text-overflow:ellipsis}.approval-btn svg,.management-btn svg{width:13px;height:13px;min-width:13px;flex-shrink:0}.accept-btn{border:1px solid #16a34a;color:#16a34a}.accept-btn:hover{background:#f0fdf4;border-color:#15803d;color:#15803d}.reject-btn{border:1px solid #ef4444;color:#ef4444}.reject-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.hold-btn{border:1px solid #f59e0b;color:#d97706}.hold-btn:hover{background:#fffbeb;border-color:#d97706;color:#b45309}.edit-btn{border:1px solid #1677ff;color:#1677ff}.edit-btn:hover{background:#eff6ff;border-color:#0958d9;color:#0958d9}.save-btn{border:1px solid #16a34a;color:#15803d}.save-btn:hover{background:#f0fdf4;border-color:#15803d;color:#166534}.delete-btn{border:1px solid #dc2626;color:#dc2626}.delete-btn:hover{background:#fef2f2;border-color:#b91c1c;color:#b91c1c}.cancel-btn{border:1px solid #6b7280;color:#4b5563}.cancel-btn:hover{background:#f9fafb;border-color:#4b5563;color:#374151}.send-cell{text-align:center!important;white-space:nowrap}.send-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:64px;max-width:100%;height:30px;padding:0 9px;box-sizing:border-box;border:1px solid #0891b2;border-radius:15px;background:#fff;color:#087f98;font-family:inherit;font-size:10px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.send-btn:hover{background:#ecfeff;border-color:#0e7490;color:#0e7490}.approval-btn:focus-visible,.management-btn:focus-visible,.send-btn:focus-visible{box-shadow:0 0 0 3px #1677ff1f}.joining-approval-table .no-data{height:160px;padding:24px!important;text-align:center!important;color:#9ca3af}.no-data-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.no-data-title{color:#475569;font-size:14px;font-weight:600}.no-data-text{color:#9ca3af;font-size:12px;line-height:1.5}@media (max-width: 1100px){.table-header{padding:12px 14px}.joining-approval-table{min-width:900px}.joining-approval-table th{padding:0 8px;font-size:11px}.joining-approval-table td{padding:7px 8px;font-size:11px}.approval-btn,.management-btn{padding:0 6px;font-size:10px}}@media (max-width: 768px){.joining-approval-table-container{border-radius:8px}.table-header{min-height:auto;flex-direction:column;align-items:stretch;gap:10px;padding:13px}.table-heading-wrapper{width:100%}.table-title{font-size:16px;line-height:21px;white-space:normal}.table-subtitle{white-space:normal;line-height:15px}.joining-approval-table{min-width:900px}.joining-approval-table th{height:46px;padding:0 8px;font-size:10px}.joining-approval-table td{height:60px;padding:8px}.actions-wrapper{min-width:0;justify-content:center;overflow:hidden}}@media (max-width: 480px){.table-header{padding:12px}.table-title{font-size:15px}.joining-approval-table{min-width:900px}}@media (prefers-reduced-motion: reduce){.joining-approval-table tbody tr,.approval-btn,.management-btn,.send-btn{transition:none}}.candidate-details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;box-sizing:border-box;background:#0f172a61;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow-y:auto}.candidate-details-modal{position:relative;width:min(760px,100%);max-width:760px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-sizing:border-box;background:#fff;border:1px solid #dfe7e8;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #0f172a33;animation:candidate-details-modal-in .18s ease-out}@keyframes candidate-details-modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.candidate-details-header{flex:0 0 auto;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;box-sizing:border-box;border-bottom:1px solid #e8eeee;background:#fff}.candidate-details-title{margin:0;color:#102f3a;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.2px}.candidate-details-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:transparent;color:#29434a;cursor:pointer;transition:background-color .15s ease,color .15s ease}.candidate-details-close:hover{background:#eef5f5;color:#0f5f62}.candidate-details-close:focus-visible{outline:2px solid rgba(15,95,98,.28);outline-offset:2px}.candidate-details-summary{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;box-sizing:border-box;background:#fff}.candidate-details-profile{min-width:0;display:flex;align-items:center;gap:14px}.candidate-details-avatar{width:62px;height:62px;flex:0 0 62px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#e4eeee;color:#15545a;font-size:25px;font-weight:600}.candidate-details-avatar img{width:100%;height:100%;object-fit:cover}.candidate-details-identity{min-width:0}.candidate-details-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.candidate-details-name-row h3{margin:0;color:#102f3a;font-size:17px;font-weight:700;line-height:1.35}.candidate-details-status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:6px;font-size:10px;font-weight:700;line-height:1;white-space:nowrap}.candidate-details-status--pending{color:#155e9c;background:#eaf3ff}.candidate-details-status--approved{color:#15803d;background:#e7f7ee}.candidate-details-status--rejected{color:#c62828;background:#fdeaea}.candidate-details-status--on-hold{color:#a45a00;background:#fff2dc}.candidate-details-designation{margin:3px 0 6px;color:#526a72;font-size:12px;font-weight:500;line-height:1.4}.candidate-details-contact-list{display:flex;flex-direction:column;gap:4px}.candidate-details-contact-list span{display:flex;align-items:center;min-width:0;gap:7px;color:#334e57;font-size:11px;line-height:1.4}.candidate-details-contact-list svg{flex:0 0 auto;color:#355f66}.candidate-details-summary-actions{flex:0 0 auto;display:flex;align-items:center;gap:9px}.candidate-details-resume-btn,.candidate-details-more-btn{height:38px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:7px;font-family:inherit;cursor:pointer}.candidate-details-resume-btn{gap:7px;padding:0 14px;border:1px solid #315d61;background:#315d61;color:#fff;font-size:11px;font-weight:600}.candidate-details-resume-btn:hover:not(:disabled){background:#254c50;border-color:#254c50}.candidate-details-resume-btn:disabled{cursor:not-allowed;opacity:.92}.candidate-details-more-btn{width:38px;padding:0;border:1px solid #dce5e7;background:#fff;color:#29434a}.candidate-details-more-btn:hover{background:#f5f8f8;border-color:#cbd9da}.candidate-details-tabs{flex:0 0 auto;display:flex;align-items:stretch;gap:0;min-width:0;padding:0 10px;box-sizing:border-box;border-top:1px solid #edf1f2;border-bottom:1px solid #dfe7e8;background:#fff;overflow-x:auto;scrollbar-width:none}.candidate-details-tab{position:relative;flex:0 0 auto;min-height:48px;padding:0 13px;border:0;background:transparent;color:#5c7178;font-family:inherit;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer}.candidate-details-tab:hover{color:#155b61}.candidate-details-tab.is-active{color:#155b61;font-weight:700}.candidate-details-tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:#17656a}.candidate-details-body{flex:1 1 auto;min-height:0;padding:10px 14px 14px;box-sizing:border-box;background:#f8faf9;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain}.candidate-details-body::-webkit-scrollbar-track{background:transparent}.candidate-details-body::-webkit-scrollbar-thumb{background:#cbd8d9;border-radius:10px}.candidate-details-card{margin-bottom:10px;padding:13px;box-sizing:border-box;border:1px solid #e2e9e9;border-radius:9px;background:#fff;box-shadow:0 1px 2px #0f172a06}.candidate-details-card:last-child{margin-bottom:0}.candidate-details-card-header{margin-bottom:12px}.candidate-details-card-header h3{margin:0;color:#15353e;font-size:14px;font-weight:700;line-height:1.35}.candidate-details-card-header p{margin:4px 0 0;color:#72858a;font-size:10px;line-height:1.4}.candidate-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:8px}.candidate-detail-item{min-width:0;display:flex;align-items:center;gap:10px;min-height:54px}.candidate-detail-icon{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#f2f6f6;color:#2d5b61}.candidate-detail-content{min-width:0;display:flex;flex-direction:column;gap:3px}.candidate-detail-label{color:#7a8b90;font-size:9px;font-weight:500;line-height:1.3}.candidate-detail-value{min-width:0;color:#304a53;font-size:11px;font-weight:500;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-status{display:inline-flex;align-items:center;width:max-content;min-height:21px;padding:0 8px;border-radius:5px;font-size:9px;font-weight:700}.detail-status--pending{color:#155e9c;background:#eaf3ff}.detail-status--approved{color:#15803d;background:#e7f7ee}.detail-status--rejected{color:#c62828;background:#fdeaea}.detail-status--on-hold{color:#a45a00;background:#fff2dc}.candidate-approval-card{padding-bottom:14px}.approval-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.approval-level{min-width:0}.approval-level>label{display:block;margin:0 0 6px;color:#405961;font-size:10px;font-weight:600;line-height:1.3}.approval-select-wrapper{position:relative;height:36px;display:flex;align-items:center;box-sizing:border-box}.approval-select-wrapper select{width:100%;height:36px;padding:0 28px 0 26px;border:1px solid #d7e0e1;border-radius:7px;outline:none;background:#fff;color:#344d55;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.approval-select-wrapper select:focus{border-color:#78a8aa;box-shadow:0 0 0 3px #17656a14}.approval-dot{position:absolute;left:10px;width:7px;height:7px;border-radius:50%;z-index:1;pointer-events:none}.approval-dot--rejected{background:#d62828}.approval-dot--approved{background:#16a05d}.approval-dot--neutral{background:#a49378}.approval-remark{width:100%;min-height:54px;margin-top:7px;padding:9px;box-sizing:border-box;resize:vertical;border:1px solid #dce4e5;border-radius:7px;outline:none;background:#fff;color:#334e57;font-family:inherit;font-size:10px;line-height:1.4}.approval-remark::placeholder{color:#98a7aa}.approval-remark:focus{border-color:#78a8aa;box-shadow:0 0 0 3px #17656a12}.candidate-details-empty-state{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#668087}.candidate-details-empty-state svg{margin-bottom:10px;color:#719295}.candidate-details-empty-state h3{margin:0 0 5px;color:#26454e;font-size:14px}.candidate-details-empty-state p{max-width:350px;margin:0;color:#788a8f;font-size:10px;line-height:1.5}.candidate-details-remark{min-height:80px;padding:12px;border-radius:7px;background:#f7f9f9;border:1px solid #e5ebeb}.candidate-details-remark p{margin:0;color:#405861;font-size:11px;line-height:1.6}.candidate-details-remark .is-empty{color:#8a999d}.candidate-details-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px;border-top:1px solid #e5e7eb;background:#fff}.candidate-details-footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;width:100%}.candidate-details-cancel-btn,.candidate-details-save-btn{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;border-radius:7px;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer}.candidate-details-footer-actions{display:flex;align-items:center;gap:9px}.candidate-details-cancel-btn{min-width:70px;padding:0 12px;border:1px solid #dce5e6;background:#fff;color:#405861}.candidate-details-cancel-btn:hover{background:#f5f8f8}.candidate-details-save-btn{min-width:146px;padding:0 15px;border:1px solid #315d61;background:#315d61;color:#fff}.candidate-details-save-btn:hover{background:#254c50;border-color:#254c50}@media (max-width: 768px){.candidate-details-overlay{padding:14px}.candidate-details-modal{width:min(680px,100%);max-height:calc(100vh - 28px);border-radius:12px}.candidate-details-summary{align-items:flex-start;flex-direction:column}.candidate-details-summary-actions{width:100%;justify-content:flex-end}.candidate-details-grid{column-gap:12px}.approval-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.candidate-details-overlay{align-items:flex-end;padding:0}.candidate-details-modal{width:100%;max-width:100%;max-height:94vh;border-radius:14px 14px 0 0}.candidate-details-header{min-height:54px;padding:0 14px 0 16px}.candidate-details-title{font-size:16px}.candidate-details-summary{padding:14px 16px}.candidate-details-avatar{width:54px;height:54px;flex-basis:54px;font-size:21px}.candidate-details-name-row h3{font-size:15px}.candidate-details-contact-list span{font-size:10px}.candidate-details-tabs{padding:0 5px}.candidate-details-tab{min-height:44px;padding:0 10px;font-size:10px}.candidate-details-body{padding:8px 10px 10px}.candidate-details-grid{grid-template-columns:1fr;row-gap:4px}.candidate-detail-item{min-height:50px}.approval-level-grid{grid-template-columns:1fr}.candidate-details-footer{min-height:auto;align-items:stretch;flex-direction:column;padding:10px 12px}.candidate-details-footer-actions{width:100%}.candidate-details-cancel-btn,.candidate-details-save-btn{flex:1}}@media (max-width: 375px){.candidate-details-summary{padding:12px}.candidate-details-profile{gap:10px}.candidate-details-avatar{width:48px;height:48px;flex-basis:48px;font-size:19px}.candidate-details-designation{font-size:11px}.candidate-details-resume-btn{flex:1}.candidate-details-body{padding:7px}.candidate-details-card{padding:10px}}@media (prefers-reduced-motion: reduce){.candidate-details-modal{animation:none}}.candidate-send-form-card{width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0;padding:28px 30px 30px;box-sizing:border-box;border:1px solid #e2e9e9;border-radius:10px;background:#fff;text-align:center;box-shadow:0 1px 2px #0f172a06}.candidate-send-form-icon{width:56px;height:56px;flex:0 0 56px;display:inline-flex;align-items:center;justify-content:center;margin:0 0 14px;box-sizing:border-box;border-radius:50%;background:#edf8f7;border:1px solid #cde8e5;color:#17656a}.candidate-send-form-content{width:100%;max-width:580px;display:flex;flex-direction:column;align-items:center;min-width:0}.candidate-send-form-content h3{margin:0 0 6px;color:#123642;font-size:19px;font-weight:700;line-height:1.35;letter-spacing:-.2px}.candidate-send-form-content>p{max-width:500px;margin:0 0 20px;color:#64748b;font-size:12px;font-weight:400;line-height:1.55}.candidate-send-form-candidate,.candidate-send-form-email{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 8px;padding:0 14px;box-sizing:border-box;border:1px solid #e1e8ea;border-radius:8px;background:#f8fafb;text-align:left}.candidate-send-form-label{flex:0 0 auto;color:#64748b;font-size:11px;font-weight:500;line-height:1.4}.candidate-send-form-candidate strong,.candidate-send-form-email strong{min-width:0;color:#173b46;font-size:12px;font-weight:600;line-height:1.4;text-align:right;overflow-wrap:anywhere}.candidate-send-form-card{width:100%;margin:0;padding:22px 28px 26px;box-sizing:border-box;border:1px solid #dfe8e8;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0f172a0a}.candidate-send-form-content{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.candidate-send-form-header{width:100%;margin-bottom:20px;text-align:left}.candidate-send-form-header h3{margin:0 0 5px;color:#15353e;font-size:19px;font-weight:700;line-height:1.35;letter-spacing:-.2px}.candidate-send-form-header p{margin:0;color:#71858c;font-size:11px;font-weight:400;line-height:1.5}.candidate-send-form-info-card{width:100%;padding:18px 24px;box-sizing:border-box;border:1px solid #d9e9e8;border-radius:9px;background:#f3faf9}.candidate-send-form-info-row{width:100%;display:flex;align-items:flex-start;gap:18px;box-sizing:border-box}.candidate-send-form-info-icon{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #cde6e4;border-radius:50%;background:#eaf7f6;color:#17656a}.candidate-send-form-info-content{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.candidate-send-form-info-label{color:#607780;font-size:11px;font-weight:600;line-height:1.3}.candidate-send-form-info-value{max-width:100%;color:#153c48;font-size:15px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.candidate-send-form-success{display:inline-flex;align-items:center;gap:7px;margin-top:3px;padding:6px 10px;box-sizing:border-box;border-radius:6px;background:#d9f7e5;color:#168447;font-size:10px;font-weight:600;line-height:1.3}.candidate-send-form-success-icon{width:17px;height:17px;flex:0 0 17px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#27a85d;color:#fff;font-size:11px;font-weight:700}.candidate-send-form-divider{width:calc(100% - 72px);height:1px;margin:16px 0 16px 72px;background:#dce9e8}.candidate-send-form-date-info{display:inline-flex;align-items:center;gap:7px;margin-top:3px;padding:6px 10px;box-sizing:border-box;border-radius:6px;background:#e7f1ff;color:#2165a3;font-size:10px;font-weight:500;line-height:1.3}.candidate-send-form-date-info-icon{width:17px;height:17px;flex:0 0 17px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #2470ad;border-radius:50%;font-size:10px;font-weight:700}.candidate-send-form-note{width:100%;margin-top:16px;padding:10px 14px;display:flex;align-items:center;gap:9px;box-sizing:border-box;border:1px solid #d8e8f8;border-radius:7px;background:#f1f7fd;color:#28639b;font-size:10px;font-weight:500;line-height:1.5}.candidate-send-form-note-icon{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #2872ad;border-radius:50%;font-size:10px;font-weight:700}.candidate-send-form-button{min-width:200px;height:42px;margin-top:18px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #315d61;border-radius:7px;background:#315d61;color:#fff;font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.candidate-send-form-button:hover{background:#254c50;border-color:#254c50;box-shadow:0 4px 10px #2f666929}.candidate-send-form-button:active{transform:translateY(1px)}.candidate-send-form-button:focus-visible{outline:2px solid rgba(47,102,105,.25);outline-offset:2px}.candidate-send-form-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.candidate-send-form-card{padding:20px}.candidate-send-form-info-card{padding:16px 18px}.candidate-send-form-info-value{font-size:14px}.candidate-send-form-divider{width:calc(100% - 66px);margin-left:66px}}@media (max-width: 600px){.candidate-send-form-card{padding:18px 14px 22px}.candidate-send-form-header{margin-bottom:16px}.candidate-send-form-header h3{font-size:17px}.candidate-send-form-header p{font-size:10px}.candidate-send-form-info-card{padding:14px}.candidate-send-form-info-row{gap:12px}.candidate-send-form-info-icon{width:44px;height:44px;flex-basis:44px}.candidate-send-form-info-value{font-size:12px}.candidate-send-form-success,.candidate-send-form-date-info{font-size:9px}.candidate-send-form-divider{width:calc(100% - 56px);margin:14px 0 14px 56px}.candidate-send-form-note{align-items:flex-start;font-size:9px}.candidate-send-form-button{width:100%;min-width:0;height:40px;margin-top:16px}}@media (max-width: 375px){.candidate-send-form-card{padding:16px 10px 20px}.candidate-send-form-info-card{padding:12px}.candidate-send-form-info-row{gap:10px}.candidate-send-form-info-icon{width:40px;height:40px;flex-basis:40px}.candidate-send-form-info-value{font-size:11px}.candidate-send-form-success,.candidate-send-form-date-info{font-size:8px}}.candidate-send-form-card{padding:18px 24px 20px}.candidate-send-form-content{max-width:760px}.candidate-send-form-header{margin-bottom:14px}.candidate-send-form-header h3{font-size:18px;margin-bottom:3px}.candidate-send-form-header p{font-size:10px;line-height:1.4}.candidate-send-form-info-card{padding:14px 20px}.candidate-send-form-info-icon{width:48px;height:48px;flex-basis:48px}.candidate-send-form-info-row{gap:16px}.candidate-send-form-info-content{gap:3px}.candidate-send-form-info-label{font-size:10px}.candidate-send-form-info-value{font-size:14px}.candidate-send-form-success,.candidate-send-form-date-info{margin-top:2px;padding:5px 9px;font-size:9px}.candidate-send-form-divider{margin-top:12px;margin-bottom:12px}.candidate-send-form-note{margin-top:12px;padding:8px 12px;font-size:9px;line-height:1.4}.candidate-send-form-button{height:40px;margin-top:14px;min-width:190px}.candidate-details-more-wrapper{position:relative;display:inline-flex;align-items:center}.candidate-details-more-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;min-width:120px;padding:6px;display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid #dce5e7;border-radius:8px;box-shadow:0 8px 24px #0f172a26}.candidate-details-more-menu button{width:100%;padding:9px 12px;border:none;border-radius:5px;background:transparent;color:#29434a;font-family:inherit;font-size:12px;font-weight:500;text-align:left;cursor:pointer}.candidate-details-more-menu button:hover{background:#eef5f5;color:#155f62}.candidate-details-more-menu button:last-child{color:#dc2626}.candidate-details-more-menu button:last-child:hover{background:#fef2f2}.candidate-edit-input{width:100%;min-height:38px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#173f46;font-size:13px;outline:none;box-sizing:border-box}.candidate-edit-input:focus{border-color:#367078;box-shadow:0 0 0 2px #3670781f}.candidate-edit-input:invalid{border-color:#dc2626}.candidate-details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:stretch;justify-content:flex-end;width:100%;height:100vh;padding:0;background:#0f172a61;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow:hidden}.candidate-details-modal{width:min(860px,92vw);max-width:860px;height:100vh;max-height:100vh;border-radius:14px 0 0 14px;overflow:hidden;animation:candidate-details-drawer-in .2s ease-out}.candidate-details-body{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.candidate-details-body::-webkit-scrollbar{display:none;width:0;height:0}.candidate-edit-select{width:100%;min-height:42px;padding:0 12px;border:1px solid #cbd8d9;border-radius:8px;background:#fff;color:#15353e;font-family:inherit;font-size:13px;outline:none}.candidate-edit-input--readonly{background:#f1f5f5;color:#526a72;cursor:default}@keyframes candidate-details-drawer-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 640px){.candidate-details-modal{width:100%;max-width:100%;border-radius:0}}.onboarding-documents-card{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-sizing:border-box}.onboarding-documents-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.onboarding-documents-title-row{display:flex;align-items:center;gap:12px}.onboarding-documents-title-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb}.onboarding-documents-title-row h3{margin:0;color:#0f172a;font-size:19px;font-weight:700}.onboarding-documents-title-row p{margin:4px 0 0;color:#64748b;font-size:13px}.onboarding-documents-refresh{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer}.onboarding-documents-refresh:hover{background:#f8fafc}.onboarding-documents-refresh:disabled{opacity:.55;cursor:not-allowed}.onboarding-documents-error{display:flex;align-items:center;gap:9px;padding:12px 14px;margin-bottom:18px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px}.onboarding-documents-candidate{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.onboarding-documents-candidate-item{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;color:#2563eb}.onboarding-documents-candidate-item div{min-width:0}.onboarding-documents-candidate-item span{display:block;color:#64748b;font-size:11px;margin-bottom:3px}.onboarding-documents-candidate-item strong{display:block;color:#0f172a;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-documents-section{border:1px solid #e2e8f0;border-radius:13px;padding:18px;margin-bottom:16px}.onboarding-documents-section-header{margin-bottom:16px}.onboarding-documents-section-header h4{margin:0;color:#0f172a;font-size:15px}.onboarding-documents-section-header p{margin:4px 0 0;color:#64748b;font-size:12px}.onboarding-documents-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.onboarding-documents-form-grid label{display:flex;flex-direction:column;gap:6px}.onboarding-documents-form-grid label>span{color:#475569;font-size:12px;font-weight:600}.onboarding-documents-form-grid input,.onboarding-documents-salary-row input{width:100%;height:40px;padding:0 11px;border:1px solid #cbd5e1;border-radius:8px;outline:none;background:#fff;color:#0f172a;box-sizing:border-box;font-size:13px}.onboarding-documents-form-grid input:focus,.onboarding-documents-salary-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.onboarding-documents-input-prefix{position:relative}.onboarding-documents-input-prefix>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#64748b;font-size:13px}.onboarding-documents-input-prefix input{padding-left:27px}.onboarding-documents-compensation-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:13px 15px;cursor:pointer;text-align:left}.onboarding-documents-compensation-toggle>div{display:flex;align-items:center;gap:10px}.onboarding-documents-section-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb}.onboarding-documents-compensation-toggle strong{display:block;color:#0f172a;font-size:13px}.onboarding-documents-compensation-toggle span{color:#64748b;font-size:11px}.onboarding-documents-compensation-toggle>span{color:#2563eb;font-size:12px;font-weight:700}.onboarding-documents-compensation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.onboarding-documents-salary-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;border:1px solid #e2e8f0;border-radius:10px}.onboarding-documents-salary-row div{display:flex;flex-direction:column;gap:5px}.onboarding-documents-salary-row strong{color:#334155;font-size:12px}.onboarding-documents-salary-row span{color:#94a3b8;font-size:10px}.onboarding-documents-actions{display:flex;justify-content:flex-end;margin:20px 0}.onboarding-documents-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.onboarding-documents-create-btn:hover{background:#1d4ed8}.onboarding-documents-create-btn:disabled{opacity:.6;cursor:not-allowed}.onboarding-documents-generated{margin-top:20px;border:1px solid #e2e8f0;border-radius:13px;overflow:hidden}.onboarding-documents-generated-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.onboarding-documents-generated-header h4{margin:0;color:#0f172a;font-size:15px}.onboarding-documents-generated-header p{margin:4px 0 0;color:#64748b;font-size:12px}.onboarding-package-status,.onboarding-document-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.is-success{color:#166534;background:#dcfce7}.is-pending{color:#92400e;background:#fef3c7}.is-error{color:#b91c1c;background:#fee2e2}.is-neutral{color:#475569;background:#f1f5f9}.onboarding-document-list{display:flex;flex-direction:column}.onboarding-document-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:14px 17px;border-bottom:1px solid #e2e8f0}.onboarding-document-row:last-child{border-bottom:0}.onboarding-document-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eff6ff;color:#2563eb}.onboarding-document-info{min-width:0}.onboarding-document-info strong{display:block;color:#0f172a;font-size:13px}.onboarding-document-info span{display:block;margin-top:2px;color:#64748b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-document-info small{display:block;margin-top:3px;color:#94a3b8;font-size:10px}.onboarding-document-view-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:600;cursor:pointer}.onboarding-document-view-btn:hover{background:#f8fafc}.onboarding-document-view-btn:disabled{opacity:.45;cursor:not-allowed}.onboarding-documents-empty{display:flex;align-items:center;gap:12px;padding:18px;color:#64748b;background:#f8fafc}.onboarding-documents-empty--large{justify-content:center;min-height:110px;border-radius:12px;border:1px dashed #cbd5e1}.onboarding-documents-empty strong{display:block;color:#334155;font-size:13px}.onboarding-documents-empty span{display:block;margin-top:3px;font-size:11px}.onboarding-documents-loading{min-height:160px;display:flex;align-items:center;justify-content:center;gap:9px;color:#64748b;font-size:13px}.spin{animation:onboarding-documents-spin .9s linear infinite}@keyframes onboarding-documents-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.onboarding-documents-candidate,.onboarding-documents-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.onboarding-documents-card{padding:16px}.onboarding-documents-header{align-items:flex-start;flex-direction:column}.onboarding-documents-candidate,.onboarding-documents-form-grid,.onboarding-documents-compensation-grid{grid-template-columns:1fr}.onboarding-document-row{grid-template-columns:38px minmax(0,1fr)}.onboarding-document-status,.onboarding-document-view-btn{grid-column:2;justify-self:start}}.joining-approvals-page{width:100%;max-width:100%;min-width:0;min-height:100vh;box-sizing:border-box;background:#f5f7fa;overflow-x:clip}.page-content{width:100%;max-width:none;min-width:0;margin:0;padding:0;box-sizing:border-box}.joining-approvals-section{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.joining-approvals-section--header{margin-bottom:18px}.joining-approvals-section--stats,.joining-approvals-section--filters{margin-bottom:16px}.joining-approvals-section--table{width:100%;max-width:100%;min-width:0;margin-bottom:0;box-sizing:border-box}.loading-spinner{width:100%;min-width:0;min-height:260px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:14px;font-weight:500;box-shadow:0 1px 3px #0f172a0a}.joining-approval-action-loading{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;align-items:center;justify-content:center;min-height:40px;max-width:calc(100vw - 48px);padding:0 16px;box-sizing:border-box;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#111827;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 24px #00000029}@media (min-width: 1600px){.page-content{padding:22px 0 0}.joining-approvals-section--header{margin-bottom:20px}.joining-approvals-section--stats,.joining-approvals-section--filters{margin-bottom:18px}}@media (min-width: 1280px) and (max-width: 1599px){.page-content{padding:20px 0 0}}@media (min-width: 1025px) and (max-width: 1279px){.page-content{padding:18px 0 0}.joining-approvals-section--header{margin-bottom:17px}.joining-approvals-section--stats,.joining-approvals-section--filters{margin-bottom:15px}}@media (min-width: 769px) and (max-width: 1024px){.page-content{padding:16px 0 0}.joining-approvals-section--header{margin-bottom:16px}.joining-approvals-section--stats,.joining-approvals-section--filters{margin-bottom:14px}}@media (max-width: 768px){.joining-approvals-page{width:100%;max-width:100%;overflow-x:clip}.page-content{width:100%;max-width:100%;margin:0;padding:14px 0 0}.joining-approvals-section{width:100%;max-width:100%;min-width:0}.joining-approvals-section--header{margin-bottom:15px}.joining-approvals-section--stats,.joining-approvals-section--filters{margin-bottom:14px}.joining-approval-action-loading{right:12px;bottom:12px;left:12px;max-width:none;min-height:42px;white-space:normal;text-align:center}}@media (max-width: 480px){.page-content{padding:12px 0 0}.joining-approvals-section--header,.joining-approvals-section--stats,.joining-approvals-section--filters{margin-bottom:13px}.joining-approval-action-loading{right:10px;bottom:10px;left:10px;font-size:11px}}@media (max-width: 360px){.page-content{padding:10px 0 0}}@media (prefers-reduced-motion: reduce){.joining-approval-action-loading{transition:none}}.shift-swap-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.shift-swap-header__content{min-width:0}.shift-swap-header__title{margin:0;color:#172033;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.02em}.shift-swap-header__description{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.5}.shift-swap-header__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid #087f86;border-radius:7px;background:#087f86;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.shift-swap-header__button:hover{background:#076f76;border-color:#076f76;box-shadow:0 5px 14px #087f862e}.shift-swap-header__button:active{transform:translateY(1px)}.shift-swap-header__button:focus-visible{outline:3px solid rgba(8,127,134,.2);outline-offset:2px}@media (max-width: 640px){.shift-swap-header{flex-direction:column;align-items:stretch}.shift-swap-header__button{width:100%}.shift-swap-header__title{font-size:21px}}.shift-swap-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shift-swap-modal{width:min(100%,420px);max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid #e2e7ed;border-radius:12px;background:#fff;box-shadow:0 20px 55px #0f172a2e;animation:shiftSwapModalIn .18s ease-out}@keyframes shiftSwapModalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.shift-swap-modal__header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 7px}.shift-swap-modal__header h2{margin:0;color:#172033;font-size:16px;line-height:1.35;font-weight:700}.shift-swap-modal__close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer}.shift-swap-modal__close:hover{background:#f1f5f9;color:#172033}.shift-swap-modal__close:disabled{cursor:not-allowed;opacity:.5}.shift-swap-modal__illustration{position:relative;display:flex;align-items:center;justify-content:center;height:100px;overflow:hidden}.shift-swap-modal__calendar{position:relative;display:flex;align-items:center;justify-content:center;width:76px;height:62px;border:3px solid #237b80;border-radius:8px;background:#fff;color:#3b8589;transform:translate(-12px)}.shift-swap-modal__calendar-top{position:absolute;top:-5px;left:8px;right:8px;height:8px;border-radius:4px;background:#237b80}.shift-swap-modal__clock{position:absolute;display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin-left:78px;border:3px solid #4d8e92;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f172a14}.shift-swap-modal__clock-hand{position:relative;width:2px;height:13px;background:#367c81;transform-origin:bottom center}.shift-swap-modal__clock-hand:after{content:"";position:absolute;bottom:-1px;left:50%;width:7px;height:7px;border-radius:50%;background:#367c81;transform:translate(-50%)}.shift-swap-modal__leaf{position:absolute;color:#9fc4c2;font-size:42px;line-height:1}.shift-swap-modal__leaf--left{left:104px;top:26px;transform:rotate(-20deg)}.shift-swap-modal__leaf--right{right:93px;top:29px;transform:rotate(20deg)}.shift-swap-modal__form{padding:0 20px 19px}.shift-swap-modal__field{margin-bottom:12px}.shift-swap-modal__field label{display:block;margin-bottom:5px;color:#334155;font-size:10px;line-height:1.3;font-weight:600}.shift-swap-modal__select-wrapper,.shift-swap-modal__date-wrapper{position:relative;display:flex;align-items:center;height:36px;border:1px solid #dfe5ec;border-radius:7px;background:#fff;color:#64748b}.shift-swap-modal__select-wrapper>svg:first-child,.shift-swap-modal__date-wrapper>svg:first-child{flex:0 0 auto;margin-left:11px;color:#64748b}.shift-swap-modal__select-wrapper select{width:100%;height:100%;padding:0 32px 0 9px;border:none;outline:none;background:transparent;color:#334155;font-family:inherit;font-size:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.shift-swap-modal__select-icon{position:absolute;right:10px;pointer-events:none}.shift-swap-modal__date-wrapper input{width:100%;height:100%;padding:0 10px;border:none;outline:none;background:transparent;color:#334155;font-family:inherit;font-size:10px}.shift-swap-modal__date-wrapper input::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer}.shift-swap-modal__select-wrapper:focus-within,.shift-swap-modal__date-wrapper:focus-within{border-color:#087f86;box-shadow:0 0 0 3px #087f8614}.shift-swap-modal__notice{display:flex;align-items:flex-start;gap:9px;margin-top:4px;margin-bottom:13px;padding:10px;border-radius:7px;background:#fff9ef}.shift-swap-modal__notice-icon{display:flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:14px;margin-top:1px;border-radius:50%;background:#087f86;color:#fff;font-size:8px;font-weight:700}.shift-swap-modal__notice p{margin:0;color:#64748b;font-size:9px;line-height:1.45}.shift-swap-modal__error{margin:-3px 0 12px;color:#c2414d;font-size:10px;line-height:1.4}.shift-swap-modal__subtitle{margin:3px 0 0;color:#64748b;font-size:10px;line-height:1.4;font-weight:400}.shift-swap-modal__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.shift-swap-modal__submit,.shift-swap-modal__cancel{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:0 14px;border-radius:7px;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.shift-swap-modal__submit{border:1px solid #087f86;background:#087f86;color:#fff}.shift-swap-modal__submit:hover:not(:disabled){background:#076f76;border-color:#076f76}.shift-swap-modal__cancel{border:1px solid #dfe5ec;background:#fff;color:#475569}.shift-swap-modal__cancel:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.shift-swap-modal__submit:disabled,.shift-swap-modal__cancel:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 480px){.shift-swap-modal-overlay{padding:12px}.shift-swap-modal{max-height:calc(100vh - 24px)}.shift-swap-modal__header,.shift-swap-modal__form{padding-left:16px;padding-right:16px}.shift-swap-modal__leaf--left{left:70px}.shift-swap-modal__leaf--right{right:60px}}.shift-swap-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.shift-swap-summary__card{display:flex;align-items:center;gap:14px;min-height:94px;padding:15px 18px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;box-shadow:0 2px 7px #0f172a0a;transition:transform .16s ease,box-shadow .16s ease}.shift-swap-summary__card:hover{transform:translateY(-1px);box-shadow:0 7px 18px #0f172a12}.shift-swap-summary__icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%}.shift-swap-summary__content{display:flex;flex-direction:column;min-width:0}.shift-swap-summary__count{color:#172033;font-size:18px;line-height:1.1;font-weight:700}.shift-swap-summary__label{margin-top:3px;color:#334155;font-size:12px;line-height:1.35;font-weight:500}.shift-swap-summary__sub-label{color:#64748b;font-size:11px;line-height:1.35}.shift-swap-summary__card--total .shift-swap-summary__icon,.shift-swap-summary__card--pending .shift-swap-summary__icon{background:#edf4ff;color:#2563eb}.shift-swap-summary__card--approved .shift-swap-summary__icon{background:#eaf8f0;color:#159570}.shift-swap-summary__card--rejected .shift-swap-summary__icon{background:#fff0f2;color:#df5261}@media (max-width: 1000px){.shift-swap-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.shift-swap-summary{grid-template-columns:1fr}}.shift-swap-table-card{width:100%;min-width:0;overflow:visible;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 2px 8px #0f172a0a;box-sizing:border-box}.shift-swap-table-card__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid #edf0f4;box-sizing:border-box}.shift-swap-table-card__header h2{margin:0;color:#172033;font-size:15px;line-height:1.4;font-weight:700}.shift-swap-table-card__header p{margin:4px 0 0;color:#64748b;font-size:11px;line-height:1.4}.shift-swap-table-card__total{flex-shrink:0;padding:7px 11px;border:1px solid #d9e8ff;border-radius:6px;background:#f4f8ff;color:#2563eb;font-size:11px;font-weight:600;white-space:nowrap}.shift-swap-table-wrapper{width:100%;min-width:0;overflow-x:auto;overflow-y:visible;box-sizing:border-box;scrollbar-width:thin}.shift-swap-table{width:100%;min-width:1080px;border-collapse:collapse;table-layout:fixed}.shift-swap-table th{padding:12px 16px;border-bottom:1px solid #e6eaf0;background:#fafbfc;color:#475569;font-size:10px;line-height:1.3;font-weight:700;text-align:left;white-space:nowrap;box-sizing:border-box}.shift-swap-table td{height:69px;padding:10px 16px;border-bottom:1px solid #edf0f4;color:#334155;font-size:11px;vertical-align:middle;box-sizing:border-box}.shift-swap-table tbody tr:last-child td{border-bottom:none}.shift-swap-table tbody tr{transition:background-color .15s ease}.shift-swap-table tbody tr:hover{background:#fbfdff}.shift-swap-table th:nth-child(1),.shift-swap-table td:nth-child(1){width:17%}.shift-swap-table th:nth-child(2),.shift-swap-table td:nth-child(2){width:17%}.shift-swap-table th:nth-child(3),.shift-swap-table td:nth-child(3){width:14%}.shift-swap-table th:nth-child(4),.shift-swap-table td:nth-child(4){width:12%}.shift-swap-table th:nth-child(5),.shift-swap-table td:nth-child(5){width:12%}.shift-swap-table th:nth-child(6),.shift-swap-table td:nth-child(6){width:12%}.shift-swap-table th:nth-child(7),.shift-swap-table td:nth-child(7){width:16%}.shift-swap-table__action-column{text-align:center!important;position:relative}.shift-swap-table__direct-actions{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;white-space:nowrap}.shift-swap-table__edit-button,.shift-swap-table__delete-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 9px;border-radius:6px;background:transparent;font-family:inherit;font-size:11px;font-weight:600;line-height:1;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.shift-swap-table__edit-button{border:1px solid #dbe7f7;background:#f8fbff;color:#2563eb}.shift-swap-table__edit-button:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;transform:translateY(-1px)}.shift-swap-table__delete-button{border:1px solid #f7d6da;background:snow;color:#dc4b5a}.shift-swap-table__delete-button:hover{border-color:#fecdd3;background:#fff1f2;color:#c93647;transform:translateY(-1px)}.shift-swap-table__edit-button:active,.shift-swap-table__delete-button:active{transform:translateY(0)}.shift-swap-table__edit-button:focus-visible,.shift-swap-table__delete-button:focus-visible{outline:2px solid rgba(8,127,134,.25);outline-offset:2px}.shift-swap-table__edit-button svg,.shift-swap-table__delete-button svg{flex:0 0 auto}.employee-cell{display:flex;align-items:center;gap:10px;min-width:150px}.employee-cell__avatar{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;overflow:hidden;border:1px solid #e3e8ef;border-radius:50%;background:#edf4f7;color:#087f86;font-size:10px;font-weight:700}.employee-cell__avatar img{width:100%;height:100%;object-fit:cover}.employee-cell__details{display:flex;flex-direction:column;min-width:0}.employee-cell__details strong{overflow:hidden;color:#1e293b;font-size:11px;line-height:1.4;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.employee-cell__details span{margin-top:2px;overflow:hidden;color:#94a3b8;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.request-type{display:inline-flex;align-items:center;padding:5px 8px;border-radius:5px;background:#f1f6ff;color:#3569ad;font-size:11px;font-weight:600;white-space:nowrap}.date-cell{color:#475569;font-size:11px;font-weight:500;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;font-size:11px;line-height:1.2;font-weight:600;white-space:nowrap}.status-badge__dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor}.status-badge--pending{background:#edf5ff;color:#3273c7}.status-badge--approved{background:#eaf7ef;color:#23835e}.status-badge--rejected{background:#fff0f1;color:#c94d58}.status-badge--on-hold{background:#fff6e8;color:#c58625}.shift-swap-table__state{height:180px!important;color:#64748b!important;text-align:center!important}.shift-swap-table-card__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:55px;padding:10px 16px;border-top:1px solid #edf0f4;box-sizing:border-box}.shift-swap-table-card__entries{color:#64748b;font-size:10px;white-space:nowrap}.shift-swap-pagination{display:flex;align-items:center;gap:5px}.shift-swap-pagination__button{display:flex;align-items:center;justify-content:center;min-width:29px;height:29px;padding:0 7px;border:1px solid #dfe5ec;border-radius:5px;background:#fff;color:#475569;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.shift-swap-pagination__button:hover:not(:disabled){border-color:#087f86;color:#087f86}.shift-swap-pagination__button.is-active{border-color:#087f86;background:#087f86;color:#fff}.shift-swap-pagination__button:disabled{opacity:.45;cursor:not-allowed}.shift-swap-pagination__button:focus-visible{outline:2px solid rgba(8,127,134,.25);outline-offset:2px}@media (max-width: 1100px){.shift-swap-table{min-width:1080px}.shift-swap-table__direct-actions{gap:5px}.shift-swap-table__edit-button,.shift-swap-table__delete-button{padding:6px 8px;font-size:10px}}@media (max-width: 700px){.shift-swap-table-card__header{align-items:flex-start}.shift-swap-table-card__footer{align-items:flex-start;flex-direction:column}.shift-swap-pagination{align-self:flex-end}}@media (max-width: 480px){.shift-swap-table-card__header{gap:12px;padding:15px}.shift-swap-table-card__total{padding:6px 9px;font-size:10px}.shift-swap-table-card__footer{padding:10px 14px}}.shift-swap-page{width:100%;min-width:0;min-height:100%;box-sizing:border-box;background:#f8fafc;color:#0f172a;overflow-x:hidden}.shift-swap-page>.top-navbar{width:100%;max-width:100%}.shift-swap-page-container{width:100%;max-width:1440px;min-width:0;margin:0 auto;box-sizing:border-box}.shift-swap-page-container>*{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.shift-swap-page-container>.shift-swap-header{margin-bottom:22px}.shift-swap-page-container>.shift-swap-summary{margin-top:0;margin-bottom:22px}.shift-swap-page-container>.shift-swap-table{margin-top:0}.shift-swap-page__error{width:100%;min-width:0;min-height:40px;display:flex;align-items:center;margin:0 0 20px;padding:10px 14px;box-sizing:border-box;border:1px solid #fecdd3;border-radius:8px;background:#fff1f2;color:#be123c;font-size:12px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}@media (min-width: 1441px){.shift-swap-page-container{max-width:1440px}}@media (min-width: 1281px) and (max-width: 1440px){.shift-swap-page-container{max-width:1400px}}@media (min-width: 1025px) and (max-width: 1280px){.shift-swap-page-container{max-width:100%}}@media (min-width: 769px) and (max-width: 1024px){.shift-swap-page-container{max-width:100%}.shift-swap-page__error{margin-bottom:16px;padding:9px 12px;font-size:11.5px}}@media (min-width: 601px) and (max-width: 768px){.shift-swap-page-container{max-width:100%}.shift-swap-page__error{margin-bottom:15px;padding:8px 11px;font-size:11px}}@media (min-width: 481px) and (max-width: 600px){.shift-swap-page-container{max-width:100%;padding:15px 12px 26px}.shift-swap-page__error{min-height:38px;margin-bottom:14px;padding:8px 10px;border-radius:7px;font-size:11px}}@media (min-width: 391px) and (max-width: 480px){.shift-swap-page-container{max-width:100%;padding:14px 10px 24px}.shift-swap-page__error{min-height:36px;margin-bottom:13px;padding:7px 9px;border-radius:7px;font-size:10.5px}}@media (min-width: 361px) and (max-width: 390px){.shift-swap-page-container{max-width:100%;padding:13px 9px 22px}.shift-swap-page__error{min-height:36px;margin-bottom:12px;padding:7px 8px;border-radius:6px;font-size:10px}}@media (min-width: 320px) and (max-width: 360px){.shift-swap-page-container{width:100%;max-width:100%;padding:12px 8px 20px}.shift-swap-page__error{min-height:34px;margin-bottom:11px;padding:6px 8px;border-radius:6px;font-size:10px;line-height:1.35}}@media (max-width: 319px){.shift-swap-page-container{width:100%;max-width:100%;padding:10px 6px 18px}.shift-swap-page__error{font-size:9.5px}}@media (max-width: 768px){.shift-swap-page *,.shift-swap-page *:before,.shift-swap-page *:after{box-sizing:border-box}}.shift-swap-page h1,.shift-swap-page h2,.shift-swap-page h3,.shift-swap-page h4,.shift-swap-page p,.shift-swap-page span,.shift-swap-page button{overflow-wrap:anywhere}.shift-swap-page,.shift-swap-page-container{overflow-x:hidden}.profile-header{position:relative;width:100%;min-height:145px;display:flex;align-items:center;overflow:hidden;padding:18px 24px;box-sizing:border-box;border:1px solid #e7e0d5;border-radius:11px;background:linear-gradient(108deg,#fdfcf9,#fbf9f5 48%,#f7f1e9);isolation:isolate;box-shadow:0 1px 2px #483c2e09,0 5px 16px #483c2e0b}.profile-header__decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.profile-header__avatar-blob{position:absolute;width:370px;height:155px;left:-125px;bottom:-76px;border-radius:75% 25% 62% 38%/43% 57% 40% 60%;background:linear-gradient(106deg,#daccb975,#e3d7c657 30%,#eee4d636 57%,#f8f3ec14 78%,#fcf9f500);transform:rotate(-8deg) skew(-11deg);filter:blur(.6px)}.profile-header__avatar-soft-shadow{position:absolute;width:280px;height:165px;left:-92px;top:1px;border-radius:65% 35% 54% 46%/49% 51% 43% 57%;background:radial-gradient(ellipse at center,#d3c6b340,#e2d5c32e 42%,#efe6db14,#fcf9f500 90%);transform:rotate(-9deg) skew(-9deg);filter:blur(10px)}.profile-header__avatar-bottom-shadow{position:absolute;width:225px;height:82px;left:-38px;bottom:-28px;border-radius:74% 26% 60% 40%/44% 56% 42% 58%;background:radial-gradient(ellipse at center,#b2a3904d,#c9baa636 36%,#e0d3c31c 64%,#f8f3ec00 91%);transform:rotate(-7deg) skew(-12deg);filter:blur(8px)}.profile-header__center-wave{position:absolute;width:760px;height:185px;left:7%;bottom:-118px;border-radius:70% 30% 56% 44%/40% 60% 43% 57%;background:linear-gradient(105deg,#dccfbd47,#e6d9c736 34%,#efe4d61f 62%,#f9f4ed00 94%);transform:rotate(-5deg) skew(-13deg);filter:blur(.7px)}.profile-header__center-wave-soft{position:absolute;width:650px;height:140px;left:28%;bottom:-84px;border-radius:72% 28% 58% 42%/46% 54% 40% 60%;background:radial-gradient(ellipse at center,#e3d6c533,#ede1d21f 45%,#f9f4ed00 86%);transform:rotate(-6deg) skew(-14deg);filter:blur(6px)}.profile-header__right-blob{position:absolute;width:500px;height:190px;right:-65px;top:25px;border-radius:46% 54% 38% 62%/58% 42% 61% 39%;background:linear-gradient(112deg,#f7f1e90a,#e7d9c63b 43%,#dacab52e 69%,#faf7f200);transform:rotate(-8deg) skew(-13deg);filter:blur(.7px)}.profile-header__right-blob-soft{position:absolute;width:560px;height:205px;right:-95px;top:8px;border-radius:52% 48% 40% 60%/58% 42% 60% 40%;background:radial-gradient(ellipse at center,#cfc3b124,#e2d5c417 46%,#f8f3ec00 84%);transform:rotate(-7deg);filter:blur(13px)}.profile-header__flow-line{position:absolute;width:640px;height:155px;right:110px;top:-80px;border:1px solid rgba(205,193,176,.22);border-radius:50%;transform:rotate(-14deg) scaleX(1.12);filter:blur(.2px)}.profile-header__dots{position:absolute;width:120px;height:88px;right:20px;top:14px;opacity:.58;background-image:radial-gradient(circle,rgba(130,139,116,.3) 1.4px,transparent 1.7px);background-size:17px 17px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.76) 60%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.76) 60%,transparent 100%)}.profile-header__background-image{position:absolute;top:0;right:0;width:53%;height:100%;z-index:3;display:block;object-fit:contain;object-position:right center;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.94}.profile-header__soft-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fdfcf9f0,#fdfcf9e0 22%,#fdfcf999 43%,#fdfcf947 62%,#fdfcf914 82%,#fdfcf900)}.profile-header__content{position:relative;z-index:10;width:100%;display:flex;align-items:center;gap:18px}.profile-header__avatar-area{position:relative;width:145px;height:125px;flex:0 0 145px;display:flex;align-items:center;justify-content:center;isolation:isolate}.profile-header__avatar-local-shadow{position:absolute;width:158px;height:92px;left:-7px;top:45px;z-index:0;border-radius:78% 22% 60% 40%/44% 56% 45% 55%;background:radial-gradient(ellipse at center,#aa9c8a4d,#c3b4a138 38%,#dccfbe1f 63%,#f8f3ec00 92%);transform:rotate(-9deg) skew(-11deg);filter:blur(7px);pointer-events:none}.profile-header__avatar-wrapper{position:relative;z-index:6;flex:0 0 auto}.profile-header__avatar{width:82px;height:82px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#68a1a1,#5e9999,#568f8f);color:#fff;font-size:29px;font-weight:500;letter-spacing:.5px;box-shadow:0 7px 17px #49707026,0 2px 6px #4970701a}.profile-header__camera{position:absolute;right:-4px;bottom:-1px;width:27px;height:27px;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid #ffffff;border-radius:50%;background:#fff;color:#526a70;box-shadow:0 3px 8px #383f4029;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-header__camera:hover{transform:scale(1.05);box-shadow:0 4px 11px #383f4033}.profile-header__camera:focus-visible{outline:2px solid #5d9494;outline-offset:2px}.profile-header__identity{position:relative;z-index:6;min-width:0;flex:1;padding-right:18px}.profile-header__name-row{display:flex;align-items:center;gap:9px}.profile-header__name-row h2{margin:0;color:#18242d;font-size:18px;line-height:1.2;font-weight:700;letter-spacing:-.2px}.profile-header__status{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(35,150,96,.08);border-radius:8px;background:#e8f5ee;color:#198754;font-size:11px;line-height:1;font-weight:600;white-space:nowrap}.profile-header__status-dot{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#25a765}.profile-header__designation{margin:5px 0 11px;color:#52636c;font-size:12px;line-height:1.3;font-weight:500}.profile-header__divider{width:min(610px,100%);height:1px;margin-bottom:10px;background:linear-gradient(90deg,#dcd6cc,#e6e0d7 58%,#e6e0d700)}.profile-header__meta{display:flex;align-items:center;gap:34px}.profile-header__meta-item{min-width:125px;display:flex;align-items:center;gap:8px}.profile-header__meta-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#61777c}.profile-header__meta-content{display:flex;flex-direction:column;gap:3px;min-width:0}.profile-header__meta-content span{color:#8b9699;font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.25px;text-transform:uppercase;white-space:nowrap}.profile-header__meta-content strong{color:#34454d;font-size:11px;line-height:1.25;font-weight:600;white-space:nowrap}@media (min-width: 1440px){.profile-header{min-height:155px;padding:20px 28px}.profile-header__background-image{width:52%}.profile-header__avatar-area{width:150px;height:130px;flex-basis:150px}.profile-header__avatar{width:86px;height:86px;font-size:30px}.profile-header__name-row h2{font-size:19px}.profile-header__meta{gap:42px}.profile-header__center-wave{left:13%}.profile-header__center-wave-soft{left:34%}}@media (max-width: 1200px){.profile-header{padding:18px 20px}.profile-header__background-image{width:52%}.profile-header__meta{gap:22px}.profile-header__meta-item{min-width:110px}.profile-header__identity{padding-right:12px}.profile-header__center-wave{left:7%;width:590px}.profile-header__center-wave-soft{left:30%;width:500px}}@media (max-width: 1024px){.profile-header{min-height:140px;padding:17px 18px}.profile-header__background-image{width:50%}.profile-header__avatar-area{width:125px;height:110px;flex-basis:125px}.profile-header__avatar{width:76px;height:76px;font-size:27px}.profile-header__meta{gap:15px}.profile-header__meta-item{min-width:100px}.profile-header__center-wave{left:5%;width:510px}.profile-header__center-wave-soft{left:27%;width:420px}.profile-header__right-blob{right:-90px}.profile-header__right-blob-soft{right:-120px}}@media (max-width: 768px){.profile-header{min-height:150px;padding:18px}.profile-header__background-image{width:47%;object-position:right center;opacity:.8}.profile-header__soft-overlay{background:linear-gradient(90deg,#fdfcf9f5,#fdfcf9e6 42%,#fdfcf959 76%,#fdfcf900)}.profile-header__content{align-items:flex-start;gap:15px}.profile-header__avatar-area{width:105px;height:100px;flex-basis:105px}.profile-header__avatar{width:72px;height:72px;font-size:25px}.profile-header__meta{flex-wrap:wrap;gap:9px 18px}.profile-header__meta-item{min-width:125px}.profile-header__avatar-blob{width:285px;height:130px;left:-108px}.profile-header__center-wave{width:410px;height:120px;left:10%;bottom:-78px}.profile-header__center-wave-soft{width:330px;height:90px;left:29%;bottom:-58px}.profile-header__right-blob{width:340px;right:-110px}.profile-header__right-blob-soft{width:390px;right:-125px}.profile-header__dots{right:12px;transform:scale(.85);transform-origin:top right}.profile-header__avatar-local-shadow{width:132px;height:78px;left:-5px;top:31px}}@media (max-width: 600px){.profile-header{min-height:250px;align-items:flex-start;padding:17px 15px}.profile-header__background-image{width:65%;object-position:right bottom;opacity:.68}.profile-header__soft-overlay{background:linear-gradient(180deg,#fdfcf9b8,#fdfcf9d6 54%,#f7f3edf5)}.profile-header__content{flex-direction:column;align-items:flex-start;gap:14px}.profile-header__avatar-area{width:82px;height:82px;flex-basis:82px}.profile-header__avatar{width:64px;height:64px;font-size:22px}.profile-header__identity{width:100%;padding-right:0}.profile-header__name-row h2{font-size:15px}.profile-header__designation{font-size:12px}.profile-header__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.profile-header__meta-item{min-width:0}.profile-header__meta-content strong{white-space:normal}.profile-header__avatar-blob{width:250px;height:125px;left:-105px;bottom:-72px}.profile-header__avatar-soft-shadow{width:190px;height:125px;left:-70px}.profile-header__avatar-bottom-shadow{width:160px;height:65px;left:-35px}.profile-header__center-wave{width:300px;height:105px;left:8%;bottom:-70px}.profile-header__center-wave-soft{width:260px;height:80px;left:28%;bottom:-52px}.profile-header__right-blob{width:280px;height:145px;right:-100px;top:58px}.profile-header__right-blob-soft{width:310px;height:155px;right:-110px;top:45px}.profile-header__flow-line{display:none}.profile-header__dots{width:90px;height:70px;right:8px;top:12px;background-size:15px 15px}.profile-header__avatar-local-shadow{width:120px;height:70px;left:-5px;top:29px}}@media (max-width: 430px){.profile-header{min-height:285px;padding:15px 13px}.profile-header__background-image{width:62%;object-position:right bottom;opacity:.6}.profile-header__content{display:block}.profile-header__avatar-area{position:absolute;left:13px;top:25px;width:76px;height:76px}.profile-header__avatar{width:62px;height:62px;font-size:21px}.profile-header__identity{width:100%;padding-left:88px}.profile-header__name-row h2{font-size:14px}.profile-header__designation{font-size:11px}.profile-header__meta{margin-top:11px}.profile-header__avatar-blob{width:220px;height:110px;left:-95px}.profile-header__avatar-soft-shadow{width:165px;height:105px;left:-62px}.profile-header__avatar-bottom-shadow{width:140px;height:58px;left:-30px}.profile-header__center-wave{width:260px;height:95px;left:5%;bottom:-64px}.profile-header__center-wave-soft{width:220px;height:72px;left:25%;bottom:-48px}.profile-header__right-blob{width:245px;height:130px;right:-100px;top:75px}.profile-header__right-blob-soft{width:275px;height:140px;right:-115px;top:60px}.profile-header__avatar-local-shadow{width:110px;height:64px;left:-3px;top:28px}}@media (max-width: 360px){.profile-header{min-height:305px;padding:14px 11px}.profile-header__background-image{width:58%}.profile-header__avatar-area{left:11px;top:22px;width:70px;height:70px}.profile-header__avatar{width:58px;height:58px;font-size:20px}.profile-header__identity{padding-left:80px}.profile-header__name-row h2{font-size:13px}.profile-header__meta{grid-template-columns:1fr}.profile-header__avatar-blob{width:200px;height:100px;left:-90px}.profile-header__avatar-soft-shadow{width:145px;height:95px;left:-58px}.profile-header__avatar-bottom-shadow{width:125px;height:52px;left:-28px}.profile-header__center-wave{width:220px;height:85px;left:3%}.profile-header__center-wave-soft{width:190px;height:65px;left:20%}.profile-header__right-blob{width:220px;right:-95px}.profile-header__right-blob-soft{width:245px;right:-110px}.profile-header__avatar-local-shadow{width:100px;height:58px;left:-2px;top:26px}}@media (prefers-reduced-motion: reduce){.profile-header__camera{transition:none}}.profile-summary{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;overflow:hidden;border:1px solid #e7e9ed;border-radius:9px;background:#fff;box-sizing:border-box}.profile-summary__item{min-width:0;min-height:48px;display:flex;align-items:center;gap:9px;padding:7px 13px;border-right:1px solid #edf0f2;border-bottom:1px solid #edf0f2;box-sizing:border-box}.profile-summary__item:nth-child(3n){border-right:none}.profile-summary__item:nth-last-child(-n+3){border-bottom:none}.profile-summary__icon{width:25px;height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f2f6f6;color:#5c8888;box-sizing:border-box}.profile-summary__icon svg{display:block}.profile-summary__content{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.profile-summary__label{display:block;overflow:hidden;color:#7d8996;font-size:11px;line-height:1.2;font-weight:500;white-space:nowrap}.profile-summary__value{display:block;min-width:0;overflow:hidden;color:#374151;font-size:11px;line-height:1.3;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.profile-summary__item{transition:background-color .18s ease}.profile-summary__item:hover{background:#fcfdfd}.profile-summary__item:hover .profile-summary__icon{background:#edf4f4}@media (max-width: 1200px){.profile-summary__item{gap:8px;padding-left:11px;padding-right:11px}.profile-summary__icon{width:24px;height:24px;flex-basis:24px}.profile-summary__value{font-size:11px}}@media (max-width: 1024px){.profile-summary__item{min-height:47px;padding:7px 10px;gap:7px}.profile-summary__icon{width:23px;height:23px;flex-basis:23px}.profile-summary__icon svg{width:12px;height:12px}.profile-summary__label,.profile-summary__value{font-size:11px}}@media (max-width: 800px){.profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-summary__item:nth-child(3n){border-right:1px solid #edf0f2}.profile-summary__item:nth-child(2n){border-right:none}.profile-summary__item:nth-last-child(-n+3){border-bottom:1px solid #edf0f2}.profile-summary__item:nth-last-child(-n+2){border-bottom:none}}@media (max-width: 600px){.profile-summary{margin-top:9px}.profile-summary__item{min-height:46px;padding:7px 10px;gap:7px}.profile-summary__icon{width:23px;height:23px;flex-basis:23px}.profile-summary__label,.profile-summary__value{font-size:11px}}@media (max-width: 500px){.profile-summary{grid-template-columns:1fr;border-radius:8px}.profile-summary__item{min-height:46px;padding:7px 11px;border-right:none!important;border-bottom:1px solid #edf0f2!important}.profile-summary__item:last-child{border-bottom:none!important}.profile-summary__icon{width:24px;height:24px;flex-basis:24px}.profile-summary__icon svg{width:12px;height:12px}.profile-summary__label,.profile-summary__value{font-size:11px}}@media (max-width: 430px){.profile-summary__item{min-height:44px;padding:6px 10px;gap:7px}.profile-summary__icon{width:23px;height:23px;flex-basis:23px}.profile-summary__label,.profile-summary__value{font-size:11px}}@media (max-width: 360px){.profile-summary__item{min-height:43px;padding:6px 9px}.profile-summary__icon{width:22px;height:22px;flex-basis:22px}.profile-summary__icon svg{width:11px;height:11px}.profile-summary__label,.profile-summary__value{font-size:11px}}.personal-info{width:100%;min-width:0;padding:12px 13px 10px;border:1px solid #e4e8ea;border-top:2px solid #4c9291;border-radius:8px;background:#fff;box-sizing:border-box}.personal-info__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.personal-info__title{display:flex;align-items:center;gap:7px}.personal-info__title svg{color:#4c9291;flex-shrink:0}.personal-info__title h3{margin:0;color:#26323f;font-size:12px;line-height:1.3;font-weight:700}.personal-info__menu{color:#8b949d;font-size:12px;line-height:1;letter-spacing:1px}.personal-info__body{display:flex;flex-direction:column;gap:0}.personal-info__row{min-width:0;min-height:37px;display:grid;grid-template-columns:46% minmax(0,54%);align-items:center;gap:4px;border-bottom:1px solid #f0f2f3;box-sizing:border-box}.personal-info__row:last-child{border-bottom:none}.personal-info__label{min-width:0;display:flex;align-items:center;gap:6px}.personal-info__field-icon{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f2f7f7;color:#619492}.personal-info__row:nth-child(1) .personal-info__field-icon{background:#fff2f0;color:#d98778}.personal-info__row:nth-child(4) .personal-info__field-icon{background:#fff1f5;color:#c56b82}.personal-info__row:nth-child(5) .personal-info__field-icon{background:#f3f2f8;color:#7c7b9c}.personal-info__field-name{min-width:0;overflow:hidden;color:#667381;font-size:11px;line-height:1.3;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.personal-info__value{min-width:0;color:#374151;font-size:11px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}.personal-info__input{width:100%;min-width:0;height:24px;padding:3px 6px;border:1px solid #d5e1e1;border-radius:4px;outline:none;background:#fbfdfd;color:#374151;font-family:inherit;font-size:11px;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.personal-info__input:focus{border-color:#4c9291;background:#fff;box-shadow:0 0 0 2px #4c929114}.personal-info__actions{min-height:25px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:11px}.personal-info__edit,.personal-info__save,.personal-info__cancel{height:24px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border-radius:5px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.personal-info__edit{min-width:96px;border:1px solid transparent;background:#f3f8f8;color:#397c7b}.personal-info__edit:hover{background:#e9f2f2}.personal-info__save{border:1px solid #4c9291;background:#4c9291;color:#fff}.personal-info__save:hover{background:#3f8180}.personal-info__cancel{border:1px solid #e4e8ea;background:#fff;color:#707b86}.personal-info__cancel:hover{background:#f7f8f9}.personal-info__edit:focus-visible,.personal-info__save:focus-visible,.personal-info__cancel:focus-visible{outline:2px solid rgba(76,146,145,.35);outline-offset:2px}@media (max-width: 1024px){.personal-info{padding-left:11px;padding-right:11px}.personal-info__row{grid-template-columns:44% minmax(0,56%)}}@media (max-width: 768px){.personal-info__row{min-height:36px}.personal-info__field-icon{width:21px;height:21px;flex-basis:21px}}@media (max-width: 480px){.personal-info__row{grid-template-columns:42% minmax(0,58%)}.personal-info__field-name,.personal-info__value,.personal-info__input{font-size:11px}}@media (max-width: 360px){.personal-info{padding:11px 10px 9px}.personal-info__row{grid-template-columns:40% minmax(0,60%)}.personal-info__field-icon{width:20px;height:20px;flex-basis:20px}.personal-info__field-name,.personal-info__value,.personal-info__input{font-size:11px}}.emergency-contact{width:100%;min-width:0;padding:12px 13px 10px;border:1px solid #e4e8ea;border-top:2px solid #4c9291;border-radius:8px;background:#fff;box-sizing:border-box}.emergency-contact__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.emergency-contact__title{display:flex;align-items:center;gap:7px}.emergency-contact__title svg{color:#4c9291;flex-shrink:0}.emergency-contact__title h3{margin:0;color:#26323f;font-size:12px;line-height:1.3;font-weight:700}.emergency-contact__menu{color:#8b949d;font-size:12px;line-height:1;letter-spacing:1px}.emergency-contact__body{display:flex;flex-direction:column;gap:0}.emergency-contact__row{min-width:0;min-height:37px;display:grid;grid-template-columns:46% minmax(0,54%);align-items:center;gap:4px;border-bottom:1px solid #f0f2f3}.emergency-contact__row:last-child{border-bottom:none}.emergency-contact__label{min-width:0;display:flex;align-items:center;gap:6px}.emergency-contact__field-icon{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f2f7f7;color:#609493}.emergency-contact__row:nth-child(1) .emergency-contact__field-icon{background:#fff4ee;color:#d78a65}.emergency-contact__row:nth-child(2) .emergency-contact__field-icon{background:#fff0f2;color:#d47d85}.emergency-contact__row:nth-child(4) .emergency-contact__field-icon{background:#f7f3e9;color:#9c8353}.emergency-contact__row:nth-child(5) .emergency-contact__field-icon{background:#f3f2f8;color:#7d7b9d}.emergency-contact__field-name{min-width:0;overflow:hidden;color:#667381;font-size:11px;line-height:1.3;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.emergency-contact__value{min-width:0;color:#374151;font-size:11px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}.emergency-contact__input{width:100%;min-width:0;height:24px;padding:3px 6px;border:1px solid #d5e1e1;border-radius:4px;outline:none;background:#fbfdfd;color:#374151;font-family:inherit;font-size:11px;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.emergency-contact__input:focus{border-color:#4c9291;background:#fff;box-shadow:0 0 0 2px #4c929114}.emergency-contact__actions{min-height:25px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:11px}.emergency-contact__edit,.emergency-contact__save,.emergency-contact__cancel{height:24px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border-radius:5px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:background-color .18s ease,color .18s ease}.emergency-contact__edit{min-width:96px;border:1px solid transparent;background:#f3f8f8;color:#397c7b}.emergency-contact__edit:hover{background:#e9f2f2}.emergency-contact__save{border:1px solid #4c9291;background:#4c9291;color:#fff}.emergency-contact__save:hover{background:#3f8180}.emergency-contact__cancel{border:1px solid #e4e8ea;background:#fff;color:#707b86}.emergency-contact__cancel:hover{background:#f7f8f9}.emergency-contact__edit:focus-visible,.emergency-contact__save:focus-visible,.emergency-contact__cancel:focus-visible{outline:2px solid rgba(76,146,145,.35);outline-offset:2px}@media (max-width: 1024px){.emergency-contact{padding-left:11px;padding-right:11px}.emergency-contact__row{grid-template-columns:44% minmax(0,56%)}}@media (max-width: 768px){.emergency-contact__row{min-height:36px}.emergency-contact__field-icon{width:21px;height:21px;flex-basis:21px}}@media (max-width: 480px){.emergency-contact__row{grid-template-columns:42% minmax(0,58%)}.emergency-contact__field-name,.emergency-contact__value,.emergency-contact__input{font-size:11px}}@media (max-width: 360px){.emergency-contact{padding:11px 10px 9px}.emergency-contact__row{grid-template-columns:40% minmax(0,60%)}.emergency-contact__field-icon{width:20px;height:20px;flex-basis:20px}.emergency-contact__field-name,.emergency-contact__value,.emergency-contact__input{font-size:11px}}.work-info{width:100%;min-width:0;padding:12px 13px 10px;border:1px solid #e7e1d8;border-top:2px solid #c7a978;border-radius:8px;background:#fff;box-sizing:border-box}.work-info__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.work-info__title{display:flex;align-items:center;gap:7px}.work-info__title svg{color:#a47e45;flex-shrink:0}.work-info__title h3{margin:0;color:#26323f;font-size:12px;line-height:1.3;font-weight:700}.work-info__menu{color:#8b949d;font-size:12px;line-height:1;letter-spacing:1px}.work-info__body{display:flex;flex-direction:column;gap:0}.work-info__row{min-width:0;min-height:37px;display:grid;grid-template-columns:46% minmax(0,54%);align-items:center;gap:4px;border-bottom:1px solid #f0f1f2}.work-info__row:last-child{border-bottom:none}.work-info__label{min-width:0;display:flex;align-items:center;gap:6px}.work-info__field-icon{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f4f7f7;color:#60908e}.work-info__row:nth-child(1) .work-info__field-icon{background:#edf8f4;color:#4d9680}.work-info__row:nth-child(2) .work-info__field-icon{background:#f0f7f7;color:#5b9290}.work-info__row:nth-child(3) .work-info__field-icon{background:#fff4ec;color:#b48556}.work-info__row:nth-child(4) .work-info__field-icon{background:#f3f6f0;color:#81916d}.work-info__row:nth-child(5) .work-info__field-icon{background:#f4f2f8;color:#81799b}.work-info__row:nth-child(6) .work-info__field-icon{background:#fff6ed;color:#a98455}.work-info__field-name{min-width:0;overflow:hidden;color:#667381;font-size:11px;line-height:1.3;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.work-info__value{min-width:0;color:#374151;font-size:11px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}.work-info__input{width:100%;min-width:0;height:24px;padding:3px 6px;border:1px solid #ddd7c9;border-radius:4px;outline:none;background:#fffdf9;color:#374151;font-family:inherit;font-size:11px;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.work-info__input:focus{border-color:#c7a978;background:#fff;box-shadow:0 0 0 2px #c7a9781a}.work-info__actions{min-height:25px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:11px}.work-info__edit,.work-info__save,.work-info__cancel{height:24px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border-radius:5px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:background-color .18s ease,color .18s ease}.work-info__edit{min-width:96px;border:1px solid transparent;background:#faf7f1;color:#8b6c3f}.work-info__edit:hover{background:#f4eee4}.work-info__save{border:1px solid #a98a5e;background:#a98a5e;color:#fff}.work-info__save:hover{background:#927649}.work-info__cancel{border:1px solid #e4e0d8;background:#fff;color:#707b86}.work-info__cancel:hover{background:#faf9f7}.work-info__edit:focus-visible,.work-info__save:focus-visible,.work-info__cancel:focus-visible{outline:2px solid rgba(169,138,94,.35);outline-offset:2px}@media (max-width: 1024px){.work-info{padding-left:11px;padding-right:11px}.work-info__row{grid-template-columns:44% minmax(0,56%)}}@media (max-width: 768px){.work-info__row{min-height:36px}.work-info__field-icon{width:21px;height:21px;flex-basis:21px}}@media (max-width: 480px){.work-info__row{grid-template-columns:42% minmax(0,58%)}.work-info__field-name,.work-info__value,.work-info__input{font-size:11px}}@media (max-width: 360px){.work-info{padding:11px 10px 9px}.work-info__row{grid-template-columns:40% minmax(0,60%)}.work-info__field-icon{width:20px;height:20px;flex-basis:20px}.work-info__field-name,.work-info__value,.work-info__input{font-size:11px}}.bank-info{width:100%;min-width:0;padding:10px 12px 9px;border:1px solid #e5e8e8;border-top:2px solid #6f9a98;border-radius:8px;background:#fff;box-sizing:border-box}.bank-info__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bank-info__title{display:flex;align-items:center;gap:6px;min-width:0}.bank-info__title-icon{width:21px;height:21px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:5px;background:#edf5f4;color:#547f7d}.bank-info__title h3{margin:0;color:#26323f;font-size:12px;line-height:1.2;font-weight:700;white-space:nowrap}.bank-info__more{width:20px;height:20px;padding:0;border:0;background:transparent;color:#8b949d;font-size:12px;line-height:20px;letter-spacing:1px;cursor:pointer}.bank-info__body{display:flex;flex-direction:column}.bank-info__row{min-width:0;min-height:34px;display:grid;grid-template-columns:46% minmax(0,54%);align-items:center;gap:4px;border-bottom:1px solid #f1f3f4}.bank-info__row:last-child{border-bottom:0}.bank-info__label{min-width:0;display:flex;align-items:center;gap:6px;color:#687582}.bank-info__row-icon{width:20px;height:20px;flex:0 0 20px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#f2f7f7;color:#5c8c89}.bank-info__row:nth-child(2) .bank-info__row-icon{background:#f2f5f8;color:#70818e}.bank-info__row:nth-child(3) .bank-info__row-icon{background:#f7f3f5;color:#92777d}.bank-info__row:nth-child(4) .bank-info__row-icon{background:#f1f6f3;color:#628873}.bank-info__row:nth-child(5) .bank-info__row-icon{background:#f6f4ee;color:#8d7d5e}.bank-info__label>span:last-child{min-width:0;overflow:hidden;font-size:11px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.bank-info__row strong{min-width:0;color:#3f4954;font-size:11px;line-height:1.3;font-weight:500;overflow-wrap:anywhere}.bank-info__input{width:100%;min-width:0;height:21px;padding:2px 5px;border:1px solid #d5e2e1;border-radius:4px;outline:none;background:#fbfdfd;color:#3f4954;font-family:inherit;font-size:11px;box-sizing:border-box}.bank-info__input:focus{border-color:#6f9a98;background:#fff;box-shadow:0 0 0 2px #6f9a9814}.bank-info__actions{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:9px}.bank-info__edit,.bank-info__save,.bank-info__cancel{height:23px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 9px;border-radius:5px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer}.bank-info__edit{min-width:94px;border:1px solid transparent;background:#f4f8f7;color:#397c7b}.bank-info__edit:hover{background:#eaf3f2}.bank-info__save{border:1px solid #6f9a98;background:#6f9a98;color:#fff}.bank-info__cancel{border:1px solid #e3e7e8;background:#fff;color:#737e87}.bank-info__edit:focus-visible,.bank-info__save:focus-visible,.bank-info__cancel:focus-visible{outline:2px solid rgba(111,154,152,.25);outline-offset:2px}@media (max-width: 768px){.bank-info{padding:10px 11px 9px}}@media (max-width: 480px){.bank-info__row{grid-template-columns:44% minmax(0,56%)}.bank-info__label>span:last-child,.bank-info__row strong,.bank-info__input{font-size:11px}}@media (max-width: 360px){.bank-info{padding:9px 10px 8px}.bank-info__row{min-height:33px;grid-template-columns:42% minmax(0,58%)}.bank-info__title h3{font-size:11px}.bank-info__label>span:last-child,.bank-info__row strong,.bank-info__input{font-size:11px}}.family-info{width:100%;min-width:0;padding:10px 12px 9px;border:1px solid #e5e8e8;border-top:2px solid #b39a79;border-radius:8px;background:#fff;box-sizing:border-box}.family-info__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.family-info__title{display:flex;align-items:center;gap:6px;min-width:0}.family-info__title-icon{width:21px;height:21px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:5px;background:#f8f2eb;color:#a47d4e}.family-info__title h3{margin:0;color:#26323f;font-size:12px;line-height:1.2;font-weight:700;white-space:nowrap}.family-info__more{width:20px;height:20px;padding:0;border:0;background:transparent;color:#8b949d;font-size:12px;letter-spacing:1px;cursor:pointer}.family-info__table-wrapper{width:100%;overflow-x:auto;scrollbar-width:thin}.family-info__table{width:100%;min-width:360px;border-collapse:collapse;table-layout:fixed}.family-info__table th{padding:4px 3px 6px;color:#8b949d;font-size:11px;line-height:1.2;font-weight:500;text-align:left;white-space:nowrap}.family-info__table td{height:30px;padding:4px 3px;border-top:1px solid #f1f2f3;color:#46515e;font-size:11px;line-height:1.25;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-info__table td input{width:100%;height:20px;padding:2px 4px;border:1px solid #dccfbe;border-radius:4px;outline:none;background:#fffdf9;color:#46515e;font-family:inherit;font-size:11px;box-sizing:border-box}.family-info__table td input:focus{border-color:#b39a79;background:#fff;box-shadow:0 0 0 2px #b39a7914}.family-info__actions{min-height:23px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:9px}.family-info__add,.family-info__save,.family-info__cancel{height:23px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 9px;border-radius:5px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer}.family-info__add{min-width:108px;border:1px solid transparent;background:#f8f5ef;color:#8c704a}.family-info__add:hover{background:#f2ede4}.family-info__add--editing{min-width:88px}.family-info__save{border:1px solid #a98c67;background:#a98c67;color:#fff}.family-info__cancel{border:1px solid #e3e7e8;background:#fff;color:#737e87}@media (max-width: 768px){.family-info{padding:10px 11px 9px}}@media (max-width: 480px){.family-info__table{min-width:350px}.family-info__table td,.family-info__table td input{font-size:11px}}@media (max-width: 360px){.family-info{padding:9px 10px 8px}.family-info__table{min-width:330px}.family-info__title h3{font-size:11px}}.education-info{width:100%;min-width:0;padding:10px 12px 9px;border:1px solid #e5e8e8;border-top:2px solid #6c9997;border-radius:8px;background:#fff;box-sizing:border-box}.education-info__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.education-info__title{display:flex;align-items:center;gap:6px;min-width:0}.education-info__title-icon{width:21px;height:21px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:5px;background:#edf7f3;color:#528c79}.education-info__title h3{margin:0;color:#26323f;font-size:12px;line-height:1.2;font-weight:700;white-space:nowrap}.education-info__more{width:20px;height:20px;padding:0;border:0;background:transparent;color:#8b949d;font-size:12px;letter-spacing:1px;cursor:pointer}.education-info__table-wrapper{width:100%;overflow-x:auto;scrollbar-width:thin}.education-info__table{width:100%;min-width:360px;border-collapse:collapse;table-layout:fixed}.education-info__table th{padding:4px 3px 6px;color:#8b949d;font-size:11px;line-height:1.2;font-weight:500;text-align:left;white-space:nowrap}.education-info__table td{height:30px;padding:4px 3px;border-top:1px solid #f1f2f3;color:#46515e;font-size:11px;line-height:1.25;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.education-info__table td input{width:100%;height:20px;padding:2px 4px;border:1px solid #d1e2dc;border-radius:4px;outline:none;background:#fbfdfc;color:#46515e;font-family:inherit;font-size:11px;box-sizing:border-box}.education-info__table td input:focus{border-color:#6c9997;background:#fff;box-shadow:0 0 0 2px #6c999714}.education-info__actions{min-height:23px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:9px}.education-info__add,.education-info__save,.education-info__cancel{height:23px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 9px;border-radius:5px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer}.education-info__add{min-width:95px;border:1px solid transparent;background:#f2f7f4;color:#4f8a78}.education-info__add:hover{background:#e9f2ed}.education-info__add--editing{min-width:86px}.education-info__save{border:1px solid #6c9997;background:#6c9997;color:#fff}.education-info__cancel{border:1px solid #e3e7e8;background:#fff;color:#737e87}@media (max-width: 768px){.education-info{padding:10px 11px 9px}}@media (max-width: 480px){.education-info__table{min-width:350px}.education-info__table td,.education-info__table td input{font-size:11px}}@media (max-width: 360px){.education-info{padding:9px 10px 8px}.education-info__table{min-width:330px}.education-info__title h3{font-size:11px}}.experience-info{width:100%;min-width:0;margin-top:10px;padding:10px 12px 9px;border:1px solid #e5e8e8;border-top:2px solid #c6a775;border-radius:8px;background:#fff;box-sizing:border-box}.experience-info__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.experience-info__title{display:flex;align-items:center;gap:6px;min-width:0}.experience-info__title-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:5px;background:#f7f1e8;color:#a27d48}.experience-info__title h3{margin:0;color:#26323f;font-size:12px;line-height:1.2;font-weight:700;white-space:nowrap}.experience-info__more{width:24px;height:22px;padding:0;border:0;background:transparent;color:#7b8794;font-size:12px;letter-spacing:1px;cursor:pointer}.experience-info__table-wrapper{width:100%;overflow-x:auto;scrollbar-width:thin}.experience-info__table{width:100%;min-width:650px;border-collapse:collapse;table-layout:fixed}.experience-info__table th:nth-child(1),.experience-info__table td:nth-child(1){width:25%}.experience-info__table th:nth-child(2),.experience-info__table td:nth-child(2){width:27%}.experience-info__table th:nth-child(3),.experience-info__table td:nth-child(3){width:16%}.experience-info__table th:nth-child(4),.experience-info__table td:nth-child(4){width:16%}.experience-info__table th:nth-child(5),.experience-info__table td:nth-child(5){width:16%}.experience-info__table th{height:32px;padding:0 6px;background:#fcfaf7;color:#7e8994;font-size:11px;line-height:1.2;font-weight:600;text-align:left;white-space:nowrap}.experience-info__table td{height:38px;padding:5px 6px;border-top:1px solid #f0f2f3;color:#46515e;font-size:11px;line-height:1.3;font-weight:500;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experience-info__table td input{width:100%;height:22px;padding:2px 5px;border:1px solid #ddcfb9;border-radius:4px;outline:none;background:#fffdf9;color:#46515e;font-family:inherit;font-size:11px;box-sizing:border-box}.experience-info__table td input:focus{border-color:#c6a775;background:#fff;box-shadow:0 0 0 2px #c6a7751a}.experience-info__actions{min-height:24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:9px}.experience-info__edit,.experience-info__add,.experience-info__save,.experience-info__cancel{height:24px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border-radius:5px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;box-sizing:border-box}.experience-info__edit{min-width:96px;border:1px solid transparent;background:#faf8f4;color:#8b6c3f}.experience-info__edit:hover{background:#f3eee5}.experience-info__add{min-width:105px;border:1px solid transparent;background:#faf8f4;color:#8b6c3f}.experience-info__add:hover{background:#f3eee5}.experience-info__add--editing{min-width:105px}.experience-info__save{min-width:58px;border:1px solid #a98b62;background:#a98b62;color:#fff}.experience-info__save:hover{background:#96784f}.experience-info__cancel{min-width:62px;border:1px solid #e0e4e6;background:#fff;color:#737e87}.experience-info__cancel:hover{background:#f7f8f8}.experience-info__edit:focus-visible,.experience-info__add:focus-visible,.experience-info__save:focus-visible,.experience-info__cancel:focus-visible{outline:2px solid rgba(198,167,117,.25);outline-offset:2px}@media (max-width: 900px){.experience-info__table{min-width:620px}}@media (max-width: 700px){.experience-info{padding:10px 11px 9px}.experience-info__table{min-width:620px}.experience-info__table th{height:31px}.experience-info__table td{height:36px}}@media (max-width: 480px){.experience-info{padding:9px 10px 8px}.experience-info__title h3{font-size:12px}.experience-info__table{min-width:590px}.experience-info__table th,.experience-info__table td,.experience-info__table td input{font-size:11px}}@media (max-width: 360px){.experience-info__table{min-width:560px}.experience-info__title h3{font-size:11px}.experience-info__actions{gap:4px}.experience-info__edit,.experience-info__add,.experience-info__save,.experience-info__cancel{font-size:11px;padding:0 8px}}.payroll-bank-page{width:100%;padding:24px;background:#f8fafc;box-sizing:border-box;color:#172033}.payroll-bank-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.payroll-bank-heading h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.7px;color:#152039}.payroll-bank-breadcrumb{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:#74839b}.payroll-bank-breadcrumb strong{color:#35435a;font-weight:600}.payroll-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9e2e9;border-radius:9px;background:#fff;color:#24455a;padding:11px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease}.payroll-edit-button:hover{background:#f0f8f6;border-color:#8ec9bc}.payroll-edit-button:disabled{cursor:not-allowed;opacity:.6}.payroll-profile-header{display:flex;align-items:center;gap:26px;padding:30px 38px;background:linear-gradient(120deg,#fff,#fbfaf6);border:1px solid #e1e7e7;border-radius:14px;box-shadow:0 3px 12px #1a30400a;margin-bottom:18px}.payroll-profile-avatar{width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:#dff5ed;color:#159b78;border:1px solid #c4eadd}.payroll-profile-avatar img{width:100%;height:100%;object-fit:cover}.payroll-profile-avatar span{font-size:34px;font-weight:700}.payroll-profile-content{flex:1;min-width:0}.payroll-profile-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payroll-profile-title h2{margin:0;color:#142036;font-size:23px;font-weight:700}.payroll-status-badge{display:inline-flex;align-items:center;gap:5px;background:#e2f6ec;color:#159765;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700}.payroll-designation{margin:7px 0 22px;font-size:14px;font-weight:500;color:#617085}.payroll-profile-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.payroll-meta-item{display:flex;align-items:flex-start;gap:11px;min-width:0;color:#263f4b}.payroll-meta-item>svg{flex-shrink:0;margin-top:2px}.payroll-meta-item div{display:flex;flex-direction:column;gap:5px;min-width:0}.payroll-meta-item span{color:#82909e;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.payroll-meta-item strong{font-size:13px;color:#253348;font-weight:600;overflow-wrap:anywhere}.payroll-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.payroll-info-card{background:#fff;border:1px solid #e0e7eb;border-top:3px solid #25a58e;border-radius:13px;overflow:hidden;min-width:0}.payroll-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid #edf0f3}.payroll-card-title{display:flex;align-items:center;gap:12px;min-width:0}.payroll-card-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:#eaf8f4;color:#199b83}.payroll-card-title h3{margin:0;font-size:17px;color:#1c2a3e;font-weight:700}.payroll-readonly-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#f0f4f9;color:#596d86;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}.payroll-card-body{padding:0 24px}.payroll-info-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:12px 0;border-bottom:1px solid #edf1f3}.payroll-info-row:last-child{border-bottom:none}.payroll-row-label{display:flex;align-items:center;gap:12px;min-width:0;color:#6b7e94;font-size:13px;font-weight:500}.payroll-row-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:#f0f8f6;color:#2c9388}.payroll-row-value{color:#253348;font-size:13px;font-weight:600;text-align:right;overflow-wrap:anywhere}.payroll-highlight-value{color:#168e76;font-size:15px}.payroll-information-notice{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px 20px;border:1px solid #c8eae2;border-radius:11px;background:#effbf8;color:#2c8075}.payroll-information-notice>svg{flex-shrink:0;margin-top:2px}.payroll-information-notice strong{display:block;color:#28766c;font-size:13px}.payroll-information-notice p{margin:4px 0 0;color:#648c87;font-size:12px;line-height:1.6}.payroll-success-message,.payroll-validation-message{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;border-radius:9px;font-size:13px;font-weight:500}.payroll-success-message{background:#eaf8f1;color:#21815d;border:1px solid #c7ead8}.payroll-validation-message{background:#fff4f3;color:#b54e4e;border:1px solid #f1d3d0}.payroll-edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.payroll-cancel-button,.payroll-save-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease}.payroll-cancel-button{background:#fff;border:1px solid #d6dfe6;color:#5e6d7d}.payroll-cancel-button:hover{background:#f4f6f8}.payroll-save-button{background:#138f79;border:1px solid #138f79;color:#fff}.payroll-save-button:hover{background:#0e7865}.payroll-cancel-button:disabled,.payroll-save-button:disabled{cursor:not-allowed;opacity:.6}.payroll-edit-field{padding:14px 0;border-bottom:1px solid #edf1f3}.payroll-edit-field:last-child{border-bottom:none}.payroll-edit-field label{display:block;margin-bottom:8px;color:#536b83;font-size:12px;font-weight:600}.payroll-input-wrapper{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dce5e9;border-radius:8px;background:#fff;transition:.2s ease}.payroll-input-wrapper:focus-within{border-color:#54b6a3;box-shadow:0 0 0 3px #54b6a31a}.payroll-input-icon{display:inline-flex;color:#609a91}.payroll-input-wrapper input{width:100%;min-width:0;height:40px;border:none;outline:none;background:transparent;color:#24364a;font-size:13px}.payroll-input-wrapper input::placeholder{color:#a0adb9}.payroll-bank-loading{padding:60px 20px;text-align:center;color:#6b7e94;font-size:14px}.payroll-bank-error{padding:30px;background:#fff4f3;border:1px solid #f1d3d0;border-radius:12px;color:#a94c4c;text-align:center}.payroll-bank-error button{margin-top:12px;padding:10px 16px;border:1px solid #c77c7c;border-radius:8px;background:#fff;color:#a94c4c;font-weight:600;cursor:pointer}@media (max-width: 1100px){.payroll-profile-header{padding:24px}.payroll-profile-meta{gap:18px}.payroll-bank-grid{gap:14px}}@media (max-width: 800px){.payroll-bank-page{padding:16px}.payroll-bank-heading{flex-direction:column}.payroll-profile-header{align-items:flex-start;flex-direction:column;gap:18px}.payroll-profile-meta{grid-template-columns:1fr;gap:16px}.payroll-bank-grid{grid-template-columns:1fr}}@media (max-width: 480px){.payroll-bank-heading h1{font-size:23px}.payroll-profile-header{padding:20px}.payroll-profile-avatar{width:88px;height:88px}.payroll-profile-title h2{font-size:20px}.payroll-card-header{padding:18px}.payroll-card-body{padding:0 18px}.payroll-card-title h3{font-size:15px}.payroll-readonly-badge{padding:6px 8px;font-size:12px}.payroll-info-row{align-items:flex-start;flex-direction:column;gap:8px}.payroll-row-value{padding-left:44px;text-align:left}.payroll-edit-actions{flex-direction:column-reverse}.payroll-cancel-button,.payroll-save-button{width:100%}}.payroll-info-card,.payroll-card-body{min-width:0}.payroll-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.payroll-row-label{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}.payroll-row-value{flex:0 0 auto;min-width:max-content;max-width:100%;text-align:right;white-space:nowrap;overflow-wrap:normal;font-size:13px;font-weight:500}.payroll-edit-field{min-width:0}.payroll-input-wrapper select{width:100%;min-width:0;border:none;outline:none;background:transparent;color:inherit;font:inherit}.payroll-input-wrapper input{width:100%;min-width:0;box-sizing:border-box}@media (max-width: 480px){.payroll-info-row{gap:8px}.payroll-row-value{font-size:12px}}.profile-page{width:100%;min-width:0;min-height:100%;padding:10px 8px 24px;background:#f8fafc;box-sizing:border-box}.profile-page__top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 10px}.profile-page__heading{min-width:0}.profile-page__top h1{margin:0;color:#172033;font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.25px}.profile-breadcrumb{display:flex;align-items:center;gap:6px;margin-top:4px;color:#8a95a3;font-size:12px;line-height:1.3;white-space:nowrap}.profile-breadcrumb strong{color:#52606d;font-weight:600}.profile-view-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:78px;height:32px;padding:0 11px;border:1px solid #e3e7eb;border-radius:6px;background:#fff;color:#344054;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.profile-view-button:hover{border-color:#cbd5e1;background:#f8fafc;box-shadow:0 2px 7px #0f172a0d}.profile-view-button:active{transform:translateY(1px)}.profile-view-button:focus-visible{outline:2px solid #5d9494;outline-offset:2px}.profile-information-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;align-items:stretch}.profile-information-grid>*{min-width:0;width:100%;box-sizing:border-box}.profile-page>.experience-info{width:100%;min-width:0}.profile-save-note{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:10px 0 0;color:#7b8794;font-size:11px;line-height:1.4;text-align:center;box-sizing:border-box}.profile-save-note span:first-child{color:#7b8794;flex-shrink:0}@media (min-width: 1441px){.profile-page{padding-left:8px;padding-right:8px}.profile-page__top{margin-bottom:11px}.profile-information-grid{gap:11px}}@media (max-width: 1440px){.profile-page{padding-left:8px;padding-right:8px}.profile-information-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}}@media (max-width: 1200px){.profile-page{padding:10px 8px 24px}.profile-page__top{gap:14px}.profile-page__top h1{font-size:22px}.profile-information-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width: 1024px){.profile-page{padding:10px 8px 22px}.profile-page__top{margin-bottom:10px}.profile-page__top h1{font-size:21px}.profile-breadcrumb{font-size:12px}.profile-information-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-save-note{padding-top:10px}}@media (max-width: 768px){.profile-page{padding:12px 10px 22px}.profile-page__top{align-items:flex-start;gap:12px;margin-bottom:10px}.profile-page__top h1{font-size:21px}.profile-breadcrumb{margin-top:4px;font-size:11px}.profile-information-grid{grid-template-columns:1fr;gap:10px}.profile-save-note{font-size:11px}}@media (max-width: 600px){.profile-page{padding:11px 9px 20px}.profile-page__top{align-items:flex-start;gap:10px}.profile-page__top h1{font-size:20px}.profile-breadcrumb{gap:5px;font-size:11px}.profile-view-button{min-width:72px;height:30px;padding:0 9px;font-size:11px}.profile-information-grid{margin-top:9px;gap:9px}.profile-save-note{justify-content:center;font-size:11px}}@media (max-width: 480px){.profile-page{padding:10px 8px 18px}.profile-page__top{flex-direction:column;align-items:stretch;gap:8px}.profile-page__top h1{font-size:19px}.profile-breadcrumb{font-size:11px}.profile-view-button{align-self:flex-start;min-width:72px}.profile-information-grid{grid-template-columns:1fr;gap:9px}.profile-save-note{align-items:flex-start;justify-content:flex-start;text-align:left;font-size:11px}}@media (max-width: 360px){.profile-page{padding:9px 7px 16px}.profile-page__top h1{font-size:18px}.profile-breadcrumb{gap:4px;font-size:11px}.profile-view-button{height:29px;font-size:11px}.profile-information-grid{gap:8px}.profile-save-note{font-size:11px}}.profile-page button{-webkit-tap-highlight-color:transparent}.profile-page button:disabled{cursor:not-allowed;opacity:.6}.profile-page-state{width:100%;min-height:260px;display:flex;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box;color:#52606d;font-size:14px;font-weight:500;text-align:center}.profile-page-state--error{color:#dc2626}.profile-tabs{width:100%;display:flex;align-items:center;gap:4px;margin-top:16px;margin-bottom:16px;padding:5px;background:#fff;border:1px solid #e5e7eb;border-radius:9px;box-sizing:border-box;overflow-x:auto}.profile-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 18px;border:1px solid transparent;border-radius:6px;background:transparent;color:#64748b;font-family:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.profile-tab svg{flex-shrink:0}.profile-tab:hover{color:#356f70;background:#f0f7f7}.profile-tab--active{color:#fff;background:#356f70;border-color:#356f70;box-shadow:0 2px 5px #356f7024}.profile-tab--active:hover{color:#fff;background:#356f70}.profile-tab:focus-visible{outline:2px solid #5d9494;outline-offset:2px}.profile-tab-content{width:100%;min-width:0;animation:profile-tab-content-enter .18s ease-out}.profile-tab-content--payroll{width:100%;min-width:0}@keyframes profile-tab-content-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.profile-tabs{margin-top:13px;margin-bottom:13px;padding:4px;gap:3px}.profile-tab{min-height:35px;padding:0 12px;gap:6px;font-size:12px}.profile-tab svg{width:14px;height:14px}}@media (max-width: 360px){.profile-tab{padding:0 10px;font-size:12px}}.send-application-form-header{width:100%;box-sizing:border-box;padding:0 0 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.send-application-form-header__top{width:100%;min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.send-application-form-header__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;min-width:0;font-size:11px;line-height:17px;color:#64748b}.send-application-form-header__breadcrumb-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;background:transparent;font:inherit;color:#64748b;cursor:pointer;transition:color .2s ease}.send-application-form-header__breadcrumb-link:hover{color:#2563eb}.send-application-form-header__breadcrumb-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:3px}.send-application-form-header__separator{display:inline-flex;align-items:center;margin:0 6px;color:#94a3b8;font-size:14px;line-height:1}.send-application-form-header__breadcrumb-current{color:#334155;font-weight:500}.send-application-form-header__back-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:0 12px;border:1px solid #dbe3ec;border-radius:6px;background:#fff;color:#334155;font-family:inherit;font-size:12px;line-height:18px;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #0f172a08;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.send-application-form-header__back-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;box-shadow:0 2px 5px #0f172a0d}.send-application-form-header__back-button:active{transform:translateY(1px)}.send-application-form-header__back-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.send-application-form-header__back-button svg{flex-shrink:0}.send-application-form-header__content{margin-top:4px}.send-application-form-header__title{margin:0;color:#0f172a;font-family:inherit;font-size:20px;line-height:29px;font-weight:700;letter-spacing:-.35px}.send-application-form-header__description{margin:1px 0 0;color:#64748b;font-family:inherit;font-size:12px;line-height:18px;font-weight:400}@media (max-width: 900px){.send-application-form-header{padding-bottom:12px}.send-application-form-header__title{font-size:22px;line-height:28px}.send-application-form-header__description{font-size:12px;line-height:18px}}@media (max-width: 640px){.send-application-form-header{padding-bottom:12px}.send-application-form-header__top{align-items:flex-start;gap:10px}.send-application-form-header__breadcrumb{max-width:calc(100% - 135px);font-size:10.5px;line-height:16px}.send-application-form-header__separator{margin:0 5px;font-size:13px}.send-application-form-header__back-button{min-height:30px;padding:0 9px;gap:5px;font-size:10.5px}.send-application-form-header__back-button svg{width:14px;height:14px}.send-application-form-header__content{margin-top:5px}.send-application-form-header__title{font-size:20px;line-height:26px}.send-application-form-header__description{margin-top:2px;font-size:11px;line-height:17px}}@media (max-width: 430px){.send-application-form-header__top{display:block}.send-application-form-header__breadcrumb{max-width:100%}.send-application-form-header__back-button,.send-application-form-header__content{margin-top:8px}}.send-application-form-card{width:100%;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0f172a05,0 4px 16px #0f172a08}.send-application-form-card__form{width:100%;box-sizing:border-box}.send-application-form-card__invitation{display:flex;align-items:center;min-height:68px;margin:14px 20px 0;padding:10px 22px;box-sizing:border-box;border-radius:9px;background:linear-gradient(90deg,#edf8f4,#eaf6f2 52%,#edf8f5);border:1px solid #e0eee9}.send-application-form-card__illustration{position:relative;flex:0 0 125px;width:125px;height:64px;display:flex;align-items:center;justify-content:center}.send-application-form-card__envelope{position:relative;width:62px;height:44px;display:flex;align-items:center;justify-content:center;color:#0f9f62;background:#d8eee5;border:2px solid #55b98b;border-radius:7px;transform:rotate(-7deg);box-shadow:0 4px 10px #0f9f6214}.send-application-form-card__envelope:before{content:"";position:absolute;left:5px;right:5px;top:7px;height:21px;border-left:2px solid #55b98b;border-bottom:2px solid #55b98b;transform:rotate(-42deg);opacity:.7}.send-application-form-card__send-icon{position:absolute;top:3px;right:15px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#0b9d5b;background:#fff;border-radius:50%;box-shadow:0 3px 9px #0f172a14;transform:rotate(-8deg)}.send-application-form-card__send-icon:after{content:"";position:absolute;width:34px;height:20px;left:-25px;top:22px;border-top:1.5px dashed #39a977;transform:rotate(-12deg)}.send-application-form-card__invitation-content{min-width:0}.send-application-form-card__invitation-content h2{margin:0;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:-.1px}.send-application-form-card__invitation-content p{margin:2px 0 0;color:#475569;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:17px;font-weight:400}.send-application-form-card__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:15px 20px 0;min-width:0;box-sizing:border-box}.send-application-form-card__fields>:nth-child(1),.send-application-form-card__fields>:nth-child(2){min-width:0}.send-application-form-card__fields>:nth-child(3){grid-column:1 / -1;width:100%;min-width:0;box-sizing:border-box}.send-application-form-card__fields>:nth-child(3) textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media (max-width: 768px){.send-application-form-card__fields{grid-template-columns:minmax(0,1fr)}.send-application-form-card__fields>:nth-child(3){grid-column:1 / -1}}.send-application-form-card__field,.send-application-form-card__message-field{min-width:0}.send-application-form-card__field label,.send-application-form-card__message-field label{display:block;margin:0 0 5px;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:18px;font-weight:600}.send-application-form-card__field label span,.send-application-form-card__message-field label span{margin-left:3px;color:#ef4444}.send-application-form-card__input-wrapper{position:relative;width:100%;height:37px;display:flex;align-items:center;box-sizing:border-box;background:#fff;border:1px solid #dbe3ec;border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.send-application-form-card__input-wrapper:hover{border-color:#cbd5e1}.send-application-form-card__input-wrapper:focus-within{border-color:#1f9d68;box-shadow:0 0 0 3px #1f9d6814}.send-application-form-card__input-wrapper--error{border-color:#ef4444}.send-application-form-card__input-wrapper--error:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.send-application-form-card__input-icon{flex-shrink:0;margin-left:10px;color:#94a3b8}.send-application-form-card__input-wrapper input{width:100%;height:100%;min-width:0;padding:0 12px 0 9px;box-sizing:border-box;border:0;outline:0;background:transparent;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;font-weight:400}.send-application-form-card__input-wrapper input::placeholder{color:#94a3b8;opacity:1}.send-application-form-card__input-wrapper input:disabled{cursor:not-allowed}.send-application-form-card__help{margin:4px 0 0;color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;line-height:15px;font-weight:400}.send-application-form-card__error{margin:4px 0 0;color:#dc2626;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;line-height:15px;font-weight:500}.send-application-form-card__message-field{padding:13px 20px 0}.send-application-form-card__textarea-wrapper{position:relative;width:100%;height:90px;box-sizing:border-box;background:#fff;border:1px solid #dbe3ec;border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease}.send-application-form-card__textarea-wrapper:hover{border-color:#cbd5e1}.send-application-form-card__textarea-wrapper:focus-within{border-color:#1f9d68;box-shadow:0 0 0 3px #1f9d6814}.send-application-form-card__textarea-wrapper--error{border-color:#ef4444}.send-application-form-card__textarea-wrapper--error:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.send-application-form-card__textarea-icon{position:absolute;left:10px;top:9px;color:#94a3b8;pointer-events:none}.send-application-form-card__textarea-wrapper textarea{width:100%;height:100%;display:block;box-sizing:border-box;resize:vertical;min-height:90px;padding:9px 42px 23px 30px;border:0;outline:0;background:transparent;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;line-height:18px;font-weight:400}.send-application-form-card__textarea-wrapper textarea::placeholder{color:#94a3b8;opacity:1}.send-application-form-card__counter{position:absolute;right:10px;bottom:6px;color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;line-height:15px;pointer-events:none}.send-application-form-card__information{display:flex;align-items:center;min-height:82px;margin:14px 20px 0;padding:9px 22px;box-sizing:border-box;border-radius:9px;background:linear-gradient(90deg,#edf8f4,#eaf6f2 52%,#edf8f5);border:1px solid #e0eee9}.send-application-form-card__information-illustration{position:relative;flex:0 0 125px;width:125px;height:64px;display:flex;align-items:center;justify-content:center}.send-application-form-card__information-envelope{width:62px;height:44px;display:flex;align-items:center;justify-content:center;color:#19a268;background:#d7eee5;border:2px solid #55b98b;border-radius:7px;transform:rotate(-7deg)}.send-application-form-card__information-send{position:absolute;top:5px;right:15px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#0b9d5b;background:#fff;border-radius:50%;box-shadow:0 3px 9px #0f172a12;transform:rotate(-8deg)}.send-application-form-card__information-content{min-width:0}.send-application-form-card__information-content h3{margin:0;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:19px;font-weight:700;letter-spacing:-.1px}.send-application-form-card__information-content p{margin:3px 0 0;color:#475569;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;line-height:17px}.send-application-form-card__desktop-break{display:block}.send-application-form-card__actions{display:flex;align-items:center;justify-content:space-between;min-height:60px;margin-top:14px;padding:9px 20px;box-sizing:border-box;border-top:1px solid #edf1f5;background:#fff}.send-application-form-card__cancel,.send-application-form-card__submit{min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;line-height:17px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.send-application-form-card__cancel{min-width:108px;padding:0 16px;border:1px solid #dbe3ec;background:#fff;color:#334155}.send-application-form-card__cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.send-application-form-card__submit{min-width:130px;padding:0 16px;border:1px solid #0f9f62;background:#0f9f62;color:#fff;box-shadow:0 2px 5px #0f9f6224}.send-application-form-card__submit:hover{background:#0c8e56;border-color:#0c8e56;box-shadow:0 4px 9px #0f9f622e}.send-application-form-card__cancel:active,.send-application-form-card__submit:active{transform:translateY(1px)}.send-application-form-card__cancel:focus-visible,.send-application-form-card__submit:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.send-application-form-card__cancel:disabled,.send-application-form-card__submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.send-application-form-card__cancel:disabled:active,.send-application-form-card__submit:disabled:active{transform:none}@media (max-width: 900px){.send-application-form-card__invitation{margin-left:18px;margin-right:18px;padding-left:18px;padding-right:18px}.send-application-form-card__fields,.send-application-form-card__message-field{padding-left:18px;padding-right:18px}.send-application-form-card__information{margin-left:18px;margin-right:18px;padding-left:18px;padding-right:18px}.send-application-form-card__actions{padding-left:18px;padding-right:18px}}@media (max-width: 640px){.send-application-form-card{border-radius:9px}.send-application-form-card__invitation{min-height:auto;margin:13px 13px 0;padding:13px 14px;align-items:flex-start}.send-application-form-card__illustration{flex-basis:78px;width:78px;height:56px}.send-application-form-card__envelope{width:50px;height:36px}.send-application-form-card__envelope svg{width:25px;height:25px}.send-application-form-card__send-icon{top:0;right:1px;width:31px;height:31px}.send-application-form-card__send-icon svg{width:18px;height:18px}.send-application-form-card__invitation-content h2{font-size:13px;line-height:19px}.send-application-form-card__invitation-content p{font-size:10px;line-height:15px}.send-application-form-card__fields{grid-template-columns:1fr;gap:12px;padding:14px 13px 0}.send-application-form-card__message-field{padding:13px 13px 0}.send-application-form-card__textarea-wrapper{height:105px}.send-application-form-card__textarea-wrapper textarea{min-height:105px}.send-application-form-card__information{min-height:auto;margin:14px 13px 0;padding:12px 14px}.send-application-form-card__information-illustration{flex-basis:78px;width:78px;height:56px}.send-application-form-card__information-envelope{width:50px;height:36px}.send-application-form-card__information-envelope svg{width:25px;height:25px}.send-application-form-card__information-send{top:0;right:2px;width:30px;height:30px}.send-application-form-card__information-send svg{width:17px;height:17px}.send-application-form-card__information-content h3{font-size:12px;line-height:18px}.send-application-form-card__information-content p{font-size:10px;line-height:15px}.send-application-form-card__desktop-break{display:none}.send-application-form-card__actions{min-height:auto;margin-top:14px;padding:11px 13px;gap:10px}.send-application-form-card__cancel,.send-application-form-card__submit{flex:1;min-width:0;min-height:37px;padding:0 9px;font-size:11px}}@media (max-width: 380px){.send-application-form-card__invitation-content p,.send-application-form-card__information-content p{display:none}.send-application-form-card__illustration,.send-application-form-card__information-illustration{flex-basis:62px;width:62px}}.send-application-form-card__textarea-wrapper{height:clamp(300px,52vh,620px);min-height:300px}.send-application-form-card__textarea-wrapper textarea{height:100%;min-height:0;resize:vertical;overflow-y:auto}@media (max-width: 640px){.send-application-form-card__textarea-wrapper{height:clamp(220px,42vh,420px);min-height:220px}.send-application-form-card__textarea-wrapper textarea{height:100%;min-height:0}}@media (max-width: 380px){.send-application-form-card__textarea-wrapper{height:clamp(200px,38vh,340px);min-height:200px}}.send-application-form-card{width:100%;max-width:none;box-sizing:border-box}.send-application-form-card__form{width:100%;max-width:none;min-width:0;box-sizing:border-box}.send-application-form-card__message-field{display:block;width:100%;max-width:none;min-width:0;padding:13px 20px 0;box-sizing:border-box}.send-application-form-card__textarea-wrapper{display:block;width:100%;max-width:none;min-width:0;box-sizing:border-box}.send-application-form-card__textarea-wrapper textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media (max-width: 640px){.send-application-form-card__message-field{padding-right:13px;padding-left:13px}}.send-application-form-page{width:100%;min-width:0;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:10px 0 8px;background:#f8fafc}.send-application-form-page>.send-application-form-header{width:100%;flex:0 0 auto;margin:0 0 2px}.send-application-form-page>.send-application-form-card{width:100%;max-width:100%;min-width:0;flex:0 0 auto;margin:0;box-sizing:border-box}.send-application-form-page>.send-application-form-header,.send-application-form-page>.send-application-form-card{align-self:stretch}.send-application-form-card .message-field,.send-application-form-card .message-group,.send-application-form-card .message-form-group,.send-application-form-card .message-container{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.send-application-form-card textarea{box-sizing:border-box}@media (max-width: 1200px){.send-application-form-page{padding:20px 22px 32px}}@media (max-width: 768px){.send-application-form-page{padding:16px}.send-application-form-page>.send-application-form-header{margin-bottom:18px}}@media (max-width: 480px){.send-application-form-page{padding:12px}}.send-application-form-page .send-application-form-card textarea{width:100%!important;max-width:none!important;box-sizing:border-box}.send-application-form-page .send-application-form-card .message-field{grid-column:1 / -1!important;width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box}.send-application-form-page .send-application-form-card .message-field textarea{display:block;width:100%!important;max-width:none!important;box-sizing:border-box}.expenses-header{position:relative;width:100%;min-height:140px;overflow:hidden;border:1px solid #eef1f3;border-radius:14px;background:linear-gradient(110deg,#f8fbfb,#f5f8f8 45%,#edf4f2);box-shadow:0 3px 15px #1f3d4109}.expenses-header__top{position:relative;display:flex;min-height:140px;width:100%}.expenses-header__content{position:relative;z-index:2;width:55%;padding:20px 20px 14px}.expenses-header__eyebrow{display:block;margin-bottom:3px;color:#7b8589;font-size:9px;font-weight:600;letter-spacing:.65px}.expenses-header__title{margin:0;color:#19333c;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:600;line-height:1.05}.expenses-header__description{margin:5px 0 13px;color:#647177;font-size:10px;line-height:1.5}.expenses-header__features{display:flex;align-items:center;gap:25px}.expenses-feature{display:flex;align-items:center;gap:7px;min-width:0}.expenses-feature__icon{display:flex;flex:0 0 27px;align-items:center;justify-content:center;width:27px;height:27px;border-radius:7px;color:#285c60;background:#e4eeee}.expenses-feature:nth-child(2) .expenses-feature__icon{color:#2675b7;background:#e0effc}.expenses-feature:nth-child(3) .expenses-feature__icon{color:#806d4f;background:#eee9df}.expenses-feature__text{display:flex;flex-direction:column;gap:1px}.expenses-feature__text strong{color:#34484e;font-size:8.5px;font-weight:700;white-space:nowrap}.expenses-feature__text span{color:#8b9598;font-size:7px;white-space:nowrap}.expenses-header__illustration{position:absolute;top:0;right:0;width:49%;height:100%;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.expenses-header__illustration:after{position:absolute;right:22px;top:15px;content:"";width:90px;height:90px;border-radius:50%;background:#dae6e24d;pointer-events:none}.expenses-header__illustration img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:center right}.expenses-header__mobile-action{display:none}@media (max-width: 900px){.expenses-header__content{width:62%}.expenses-header__illustration{width:42%}.expenses-header__features{gap:12px}}@media (max-width: 700px){.expenses-header{min-height:auto}.expenses-header__top{min-height:230px}.expenses-header__content{width:100%;padding:18px}.expenses-header__description{max-width:260px}.expenses-header__features{gap:8px;flex-wrap:wrap}.expenses-feature__text span{display:none}.expenses-header__illustration{opacity:.27;width:70%}}@media (max-width: 480px){.expenses-header__top{min-height:210px}.expenses-header__title{font-size:23px}.expenses-header__features{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.expenses-feature{gap:5px}.expenses-feature__icon{flex-basis:25px;width:25px;height:25px}.expenses-feature__text strong{font-size:7px}}.expenses-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:51px;padding:8px 12px;background:#fff}.expenses-toolbar__left,.expenses-toolbar__right{display:flex;align-items:center}.expenses-toolbar__left{gap:7px}.expenses-toolbar__right{gap:13px}.expenses-toolbar__label{color:#475a60;font-size:9px;font-weight:600}.expenses-select{position:relative;width:55px;height:28px}.expenses-select select{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 20px 0 10px;border:1px solid #e3e9eb;border-radius:6px;outline:none;color:#40545b;background:#fff;font-size:9px;cursor:pointer}.expenses-select select:focus{border-color:#2d6769;box-shadow:0 0 0 2px #2d676914}.expenses-select__icon{position:absolute;right:7px;top:8px;color:#718085;pointer-events:none}.expenses-search{display:flex;align-items:center;gap:8px}.expenses-search__label{color:#354950;font-size:9px;font-weight:600}.expenses-search__input{display:flex;align-items:center;gap:7px;width:170px;height:28px;padding:0 9px;border:1px solid #e1e7e9;border-radius:6px;color:#6d7d82;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.expenses-search__input:focus-within{border-color:#2f696b;box-shadow:0 0 0 2px #2f696b14}.expenses-search__input input{min-width:0;width:100%;border:0;outline:0;color:#354950;background:transparent;font-family:inherit;font-size:8px}.expenses-search__input input::placeholder{color:#9aa4a8}.expenses-add-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:31px;padding:0 17px;border:1px solid #ffffff;border-radius:17px;color:#fff;background:#ff4b54;box-shadow:0 4px 9px #ff4b5433,inset 0 0 0 1px #ffffff40;font-size:9px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.expenses-add-button:hover{background:#f6404a;transform:translateY(-1px);box-shadow:0 6px 13px #ff4b543d,inset 0 0 0 1px #ffffff40}.expenses-add-button:active{transform:translateY(0)}.expenses-toolbar__result-count,.expenses-toolbar__mobile-pagination{display:none}@media (max-width: 760px){.expenses-toolbar{flex-wrap:wrap;padding:10px}.expenses-toolbar__left{order:1}.expenses-toolbar__right{order:2;width:100%}.expenses-search{flex:1}.expenses-search__input{flex:1;width:auto}.expenses-toolbar__mobile-pagination{display:flex;align-items:center;gap:7px;order:3;margin-left:auto;color:#53666b;font-size:9px}.expenses-toolbar__mobile-pagination button{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #e2e8ea;border-radius:6px;color:#53666b;background:#fff}.expenses-toolbar__mobile-pagination button:disabled{opacity:.4;cursor:not-allowed}.expenses-toolbar__result-count{display:block;order:4;color:#8b979b;font-size:8px}}@media (max-width: 480px){.expenses-toolbar__right{flex-direction:column;align-items:stretch}.expenses-search,.expenses-add-button{width:100%}}.expenses-table-card{width:100%;max-width:100%;overflow:hidden;border:1px solid #edf1f2;border-radius:6px;background:#fff;box-shadow:0 4px 18px #1e383d06}.expenses-table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#7b9c9c #eef3f2;-webkit-overflow-scrolling:touch}.expenses-table-scroll::-webkit-scrollbar{height:7px}.expenses-table-scroll::-webkit-scrollbar-track{background:#eef3f2;border-radius:10px}.expenses-table-scroll::-webkit-scrollbar-thumb{background:#7b9c9c;border-radius:10px}.expenses-table-scroll::-webkit-scrollbar-thumb:hover{background:#527f80}.expenses-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed}.expenses-table thead{background:#f8fafb}.expenses-table th{height:37px;padding:0 7px;border-bottom:1px solid #e9eeef;color:#42575d;font-size:8px;font-weight:700;text-align:left;white-space:nowrap;vertical-align:middle}.expenses-table th:nth-child(1){width:4.5%}.expenses-table th:nth-child(2){width:5%}.expenses-table th:nth-child(3){width:10%}.expenses-table th:nth-child(4){width:8%}.expenses-table th:nth-child(5){width:6%}.expenses-table th:nth-child(6){width:6.5%}.expenses-table th:nth-child(7){width:6.5%}.expenses-table th:nth-child(8),.expenses-table th:nth-child(9),.expenses-table th:nth-child(10),.expenses-table th:nth-child(11),.expenses-table th:nth-child(12){width:8%}.expenses-table th:nth-child(13){width:8%}.expenses-table th:nth-child(14),.expenses-table th:nth-child(15){width:6.5%}.expenses-table td{height:52px;padding:8px 7px;border-bottom:1px solid #edf1f2;color:#52656b;font-size:8px;font-weight:500;white-space:nowrap;vertical-align:middle}.expenses-table tbody tr:last-child td{border-bottom:none}.expenses-table__row{transition:background .15s ease}.expenses-table__row:hover{background:#fbfdfd}.expenses-table__heading{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0}.expenses-table__heading span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expenses-table__heading svg{flex-shrink:0;color:#7e999d}.expenses-table__delete-column,.expenses-table__delete-cell{text-align:center}.expenses-table__delete-button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid #f5dddd;border-radius:6px;color:#c66c6c;background:#fff3f3;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.expenses-table__delete-button:hover:not(:disabled){border-color:#edbcbc;color:#b94b4b;background:#ffe8e8}.expenses-table__delete-button:disabled{opacity:.55;cursor:not-allowed}.expenses-table__text{display:block;max-width:100%;overflow:hidden;color:#52656b;text-overflow:ellipsis;white-space:nowrap}.expenses-table__description{max-width:100%;overflow:hidden}.expenses-table__description span{display:block;max-width:100%;overflow:hidden;color:#52656b;text-overflow:ellipsis;white-space:nowrap}.expenses-table__amount{color:#246b6c!important;font-size:8px!important;font-weight:700!important;white-space:nowrap}.expenses-table__date{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expenses-table__attachment{display:flex;align-items:center;gap:3px;max-width:100%;overflow:hidden;color:#5d8587}.expenses-table__attachment svg{flex-shrink:0;width:12px;height:12px;color:#5d8587}.expenses-table__attachment span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expenses-table__muted{color:#a0afb2;font-size:8px}.expenses-table__location{display:block;max-width:100%;overflow:hidden;color:#52656b;text-overflow:ellipsis;white-space:nowrap}.expenses-table__status-column{text-align:center}.expenses-table__status-cell{padding:5px!important;text-align:center}.expenses-table__status{width:100%;max-width:92px;min-width:0;height:25px;padding:0 3px;border-radius:20px;outline:none;font-family:inherit;font-size:7px;font-weight:700;text-align:center;text-overflow:ellipsis;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.expenses-table__status:focus{box-shadow:0 0 0 2px #246b6c21}.expenses-table__status:disabled{opacity:.9;cursor:not-allowed}.expenses-table__status--pending{border:1px solid #f2dfb2;color:#9b742b;background:#fff8e8}.expenses-table__status--approved{border:1px solid #c9e7d6;color:#318054;background:#eefaf2}.expenses-table__status--rejected{border:1px solid #f1cccc;color:#b55;background:#fff1f1}.expenses-table__loading{height:116px;text-align:center}.expenses-loading{display:inline-flex;align-items:center;gap:8px;color:#738287;font-size:9px}.expenses-loading__spinner{width:14px;height:14px;border:2px solid #dce7e8;border-top-color:#2b6668;border-radius:50%;animation:expenses-spin .7s linear infinite}@keyframes expenses-spin{to{transform:rotate(360deg)}}.expenses-empty{height:116px;padding:0!important}.expenses-empty__content{display:flex;align-items:center;justify-content:center;flex-direction:column;height:116px}.expenses-empty__icon{position:relative;display:flex;align-items:center;justify-content:center;width:47px;height:37px;margin-bottom:4px;color:#a4b3b5;background:#eef3f2;border-radius:5px 5px 7px 7px;opacity:.9}.expenses-empty__icon:before{position:absolute;top:-4px;left:7px;content:"";width:33px;height:7px;border-radius:4px;background:#e3eae9}.expenses-empty__content h3{margin:2px 0 3px;color:#34484e;font-size:10px;font-weight:700}.expenses-empty__content p{margin:0;color:#8b989c;font-size:8px}.expenses-table-footer{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:0 12px;border-top:1px solid #edf1f2;background:#fff}.expenses-table-footer__summary{color:#52656b;font-size:8px}.expenses-pagination{display:flex;align-items:center;gap:5px}.expenses-pagination button{display:flex;align-items:center;justify-content:center;width:27px;height:27px;padding:0;border:1px solid #e5ebed;border-radius:6px;color:#52686d;background:#fff;font-size:9px;cursor:pointer}.expenses-pagination button:hover:not(:disabled){border-color:#bdd0d1;background:#f7faf9}.expenses-pagination button:disabled{opacity:.55;cursor:not-allowed}.expenses-pagination .expenses-pagination__active{border-color:#245f62;color:#fff;background:#245f62}@media (max-width: 1400px){.expenses-table{min-width:1450px}.expenses-table th{padding:0 8px;font-size:8px}.expenses-table td{padding:8px;font-size:8px}.expenses-table__status{max-width:85px;font-size:7px}}@media (max-width: 900px){.expenses-table{min-width:1450px}.expenses-table-card{border-radius:6px}}@media (max-width: 600px){.expenses-table-footer{padding:0 9px}.expenses-table-footer__summary{font-size:7px}}.expenses-form{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 145px);background:#fff}.expenses-form__body{overflow-y:auto;padding:10px 14px 9px;scrollbar-width:thin;scrollbar-color:#c9d4d3 transparent}.expenses-form__body::-webkit-scrollbar{width:5px}.expenses-form__body::-webkit-scrollbar-track{background:transparent}.expenses-form__body::-webkit-scrollbar-thumb{border-radius:10px;background:#c9d4d3}.expenses-form__field{position:relative;min-width:0}.expenses-form__field label{display:block;margin-bottom:5px;color:#38565d;font-size:9px;font-weight:700;line-height:1}.expenses-form__field label em,.expenses-form__attachment label em{color:#e54b50;font-style:normal}.expenses-form__control{position:relative;display:flex;align-items:center;width:100%;height:28px;overflow:hidden;border:1px solid #dce3e3;border-radius:5px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.expenses-form__control:focus-within{border-color:#4b7778;box-shadow:0 0 0 2px #3f696a12}.expenses-form__control-icon{display:flex;flex:0 0 35px;align-items:center;justify-content:center;align-self:stretch;color:#4e7779;background:#f0f4f2;border-right:1px solid #e3e9e8}.expenses-form__control input,.expenses-form__control select,.expenses-form__control textarea{width:100%;min-width:0;border:0;outline:none;color:#465d63;background:transparent;font-family:inherit;font-size:8.5px}.expenses-form__control input,.expenses-form__control select{height:100%;padding:0 28px 0 9px}.expenses-form__control input::placeholder,.expenses-form__control textarea::placeholder{color:#a1abad}.expenses-form__control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.expenses-form__select-arrow{position:absolute;right:8px;color:#3f6669;pointer-events:none}.expenses-form__currency{color:#446b6d;font-size:14px;font-weight:700}.expenses-form__control--textarea{height:43px;align-items:stretch}.expenses-form__control--textarea textarea{min-height:100%;padding:7px 9px;resize:none;line-height:1.4}.expenses-form__error{display:block;margin-top:3px;color:#d14b51;font-size:7px}.expenses-form__details{padding:1px 0 9px;border-radius:8px}.expenses-form__row{display:grid;gap:22px;margin-top:10px}.expenses-form__row--two{grid-template-columns:1fr 1fr}.expenses-form__row--three{grid-template-columns:1fr 1fr .92fr;gap:18px}.expenses-form__field--full{width:100%}.expenses-form__attachments{overflow:hidden;margin-top:0;border:1px solid #ece9e1;border-radius:8px;background:#fcfbf8}.expenses-form__section-header{display:flex;align-items:center;gap:8px;height:27px;padding:0 15px;color:#36545a;background:linear-gradient(90deg,#dedbd0,#e7e4dc);font-size:9px;font-weight:700}.expenses-form__section-header svg{color:#477174}.expenses-form__attachment-content{padding:9px 14px 7px}.expenses-form__attachment-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:15px;row-gap:9px}.expenses-form__attachment{min-width:0}.expenses-form__attachment label{display:block;margin:0 0 5px;color:#476067;font-size:8.5px;font-weight:700}.expenses-form__file-input{position:relative;display:flex;align-items:center;width:100%;height:32px;overflow:hidden;border:1px dashed #d9dfdd;border-radius:6px;background:#fafbf9}.expenses-form__file-icon{display:flex;flex:0 0 34px;align-items:center;justify-content:center;height:100%;color:#466f71;background:#eef3f1;border-right:1px solid #e0e6e4}.expenses-form__file-input input{width:100%;height:100%;padding:5px 5px 5px 4px;color:#748286;background:transparent;font-family:inherit;font-size:8px;cursor:pointer}.expenses-form__file-input input::file-selector-button{height:21px;margin-right:5px;padding:0 7px;border:1px solid #b9c3c2;border-radius:3px;color:#3e5054;background:#f5f6f4;font-family:inherit;font-size:8px;cursor:pointer}.expenses-form__file-input input::file-selector-button:hover{background:#ecefed}.expenses-form__file-name{display:block;max-width:100%;margin-top:3px;overflow:hidden;color:#6c7b7f;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.expenses-form__location-section{padding:8px 0 0}.expenses-form__location-section .expenses-form__field+.expenses-form__field{margin-top:9px}.expenses-form__footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:43px;padding:7px 14px;border-top:1px solid #eeeae2;background:#faf9f5}.expenses-form__button{min-width:100px;height:28px;padding:0 19px;border-radius:7px;font-family:inherit;font-size:8.5px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.expenses-form__button:active{transform:translateY(1px)}.expenses-form__button:disabled{opacity:.55;cursor:not-allowed}.expenses-form__button--cancel{border:1px solid #e0ddd3;color:#56676a;background:#e5e1d7}.expenses-form__button--cancel:hover:not(:disabled){background:#dcd8ce}.expenses-form__button--submit{border:1px solid #3b6f70;color:#fff;background:#3f7475;box-shadow:0 3px 7px #305d5f1f}.expenses-form__button--submit:hover:not(:disabled){background:#356869}@media (max-width: 700px){.expenses-form__row--three{grid-template-columns:1fr 1fr}.expenses-form__row--three .expenses-form__field:last-child{grid-column:span 2}.expenses-form__attachment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.expenses-form{max-height:calc(100vh - 40px)}.expenses-form__body{padding:10px}.expenses-form__row--two,.expenses-form__row--three{grid-template-columns:1fr;gap:9px}.expenses-form__row--three .expenses-form__field:last-child{grid-column:auto}.expenses-form__attachment-grid{grid-template-columns:1fr}.expenses-form__footer{padding:8px 10px}.expenses-form__button{flex:1}}@media (max-width: 360px){.expenses-form__footer{gap:6px}.expenses-form__button{min-width:0}}.expenses-modal{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px}.expenses-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#19272a91;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px)}.expenses-modal__dialog{position:relative;z-index:2;display:flex;flex-direction:column;width:min(615px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:11px;background:#fff;box-shadow:0 22px 65px #11232652,0 4px 18px #1123261f;animation:expenses-modal-enter .18s ease-out}@keyframes expenses-modal-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.expenses-modal__header{position:relative;min-height:76px;overflow:hidden;padding:14px 19px 12px;background:linear-gradient(105deg,#fff,#fbfaf7 57%,#f1eee5);border-bottom:1px solid #eeece6}.expenses-modal__heading{position:relative;z-index:5;display:flex;align-items:center;gap:10px}.expenses-modal__title-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;flex:0 0 39px;border-radius:9px;color:#fff;background:linear-gradient(145deg,#4f7d7e,#315f61);box-shadow:0 4px 10px #2e5c5e24}.expenses-modal__heading h2{margin:0;color:#263f46;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:700;line-height:1.1}.expenses-modal__heading p{margin:3px 0 0;color:#7e8c8f;font-size:8px;line-height:1.25}.expenses-modal__close{position:absolute;z-index:10;top:14px;right:13px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;color:#566c6e;background:#e5e2d8;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.expenses-modal__close:hover:not(:disabled){color:#284d4f;background:#d8d5ca;transform:rotate(4deg)}.expenses-modal__close:disabled{opacity:.5;cursor:not-allowed}.expenses-modal__art{position:absolute;z-index:1;top:0;right:0;width:275px;height:100%;overflow:hidden;pointer-events:none}.expenses-modal__art img{position:absolute;top:-16px;right:-17px;width:285px;height:145px;object-fit:cover;object-position:center right;opacity:.82;mix-blend-mode:multiply}.expenses-modal__art-copy{position:absolute;z-index:3;top:43px;right:29px;display:flex;flex-direction:column;align-items:flex-start}.expenses-modal__art-copy strong{color:#36515a;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic;font-weight:600;line-height:1.15}.expenses-modal__art-copy span{width:24px;height:2px;margin-top:5px;background:#3d6769}@media (max-width: 600px){.expenses-modal__header{min-height:72px}.expenses-modal__art{width:200px;opacity:.75}.expenses-modal__art img{width:225px}.expenses-modal__art-copy{right:19px}}@media (max-width: 450px){.expenses-modal{align-items:flex-end;padding:0}.expenses-modal__dialog{width:100%;max-height:calc(100vh - 12px);border-radius:13px 13px 0 0}.expenses-modal__header{min-height:70px;padding-left:14px}.expenses-modal__art{width:170px}.expenses-modal__art-copy{display:none}}.expenses-page{position:relative;width:100%;min-height:100%;padding:9px 11px 16px;color:#34484e;background:#fff;box-sizing:border-box}.expenses-page *,.expenses-page *:before,.expenses-page *:after{box-sizing:border-box}.expenses-page__breadcrumb{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:22px;margin-bottom:2px;color:#8a979b;font-size:7.5px}.expenses-page__breadcrumb strong{color:#3e555b;font-weight:700}.expenses-page__breadcrumb-separator{color:#aeb9bb}.expenses-page__error{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 11px;border:1px solid #f5d1d3;border-radius:7px;color:#a33e44;background:#fff6f6;font-size:9px}.expenses-content{margin-top:9px;overflow:hidden;border:1px solid #edf1f2;border-radius:10px;background:#fff;box-shadow:0 5px 20px #1a3a3e06}@media (max-width: 900px){.expenses-page{padding:9px}}@media (max-width: 600px){.expenses-page{padding:7px}.expenses-page__breadcrumb{justify-content:flex-start;padding:2px 3px}.expenses-content{margin-top:7px}}.category-breadcrumb{height:28px;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:0 18px;color:#849095;font-size:10px;font-weight:500}.category-breadcrumb strong{color:#294a53;font-weight:700}.category-breadcrumb-separator{color:#a8b0b1;font-size:15px;line-height:1}.category-hero{position:relative;min-height:116px;margin:0 12px 18px;border-radius:10px;overflow:hidden;background:#f4f0e8;border:1px solid rgba(222,217,207,.65)}.category-hero-content{position:relative;z-index:2;padding:20px 25px}.category-eyebrow{display:block;margin-bottom:3px;color:#7c8584;font-size:9px;font-weight:700;letter-spacing:2.3px}.category-hero h1{margin:0;color:#073c49;font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:500;line-height:1.05;letter-spacing:-1.2px}.category-hero p{margin:6px 0 0;color:#687276;font-size:11px;line-height:1.5}.category-hero-image{position:absolute;z-index:1;top:0;right:0;width:62%;height:100%;object-fit:cover;object-position:right center;opacity:.95}.category-action-bar{min-height:54px;display:flex;align-items:center;justify-content:flex-end;margin:0 0 8px;padding:5px 12px;border-radius:10px;background:#fffdfae0;border:1px solid #ece8e1;box-shadow:0 2px 8px #26393c09}.category-add-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:113px;height:32px;padding:0 15px;border:0;border-radius:18px;background:#174e5a;color:#fff;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 3px 8px #174e5a33,inset 0 1px #ffffff26;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.category-add-button:hover{background:#103f4a;transform:translateY(-1px);box-shadow:0 5px 12px #174e5a3d}.category-add-button:active{transform:translateY(0)}@media (max-width: 768px){.category-breadcrumb{justify-content:flex-start;padding:0 12px}.category-hero{min-height:145px}.category-hero-content{padding:22px 20px}.category-hero h1{font-size:32px}.category-hero-image{width:75%;opacity:.45}.category-action-bar{padding:8px 12px}}@media (max-width: 480px){.category-hero{min-height:155px}.category-hero h1{font-size:30px}.category-hero p{max-width:230px}.category-hero-image{width:100%;opacity:.3}.category-add-button{width:100%}.category-action-bar{justify-content:stretch}}.category-modal-overlay{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#1e27277a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:categoryOverlayIn .18s ease-out}.category-modal{position:relative;width:min(352px,calc(100vw - 32px));min-height:241px;overflow:hidden;border:1px solid rgba(225,222,214,.95);border-radius:9px;background:linear-gradient(180deg,#fffefa,#fffdf9);box-shadow:0 22px 60px #1a2a2b38,0 4px 16px #1a2a2b14;animation:categoryModalIn .22s cubic-bezier(.22,1,.36,1)}.category-modal-decoration{position:absolute;top:-35px;right:-38px;width:145px;height:115px;pointer-events:none;opacity:.72;overflow:hidden}.category-modal-decoration:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fffefa0d,#fffefad1)}.category-modal-decoration img{width:100%;height:100%;object-fit:cover;object-position:right top;opacity:.58;transform:scale(1.35)}.category-modal-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 20px;border-bottom:1px solid #ece8e1}.category-modal-header h2{margin:0;color:#183f49;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500;line-height:1;letter-spacing:-.25px}.category-modal-close{position:relative;z-index:3;width:27px;height:27px;display:flex;align-items:center;justify-content:center;margin-right:-3px;padding:0;border:0;border-radius:50%;background:transparent;color:#536468;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.category-modal-close:hover{background:#edf0ed;color:#173f49;transform:rotate(5deg)}.category-modal-close:active{transform:scale(.94)}.category-modal-close:disabled{opacity:.5;cursor:not-allowed}.category-modal-form{position:relative;z-index:2;padding:13px 22px 20px}.category-modal-description{margin:0 0 17px;color:#667477;font-size:9px;font-weight:400;line-height:1.5}.category-form-field{width:100%}.category-form-label{display:block;margin:0 0 6px;color:#3c5055;font-size:10px;font-weight:600;line-height:1.2}.category-required{margin-left:2px;color:#d65f58;font-size:10px}.category-input-wrapper{position:relative;width:100%;height:38px;display:flex;align-items:center;box-sizing:border-box;border:1px solid #d9dedb;border-radius:6px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.category-input-wrapper:focus-within{border-color:#6d969b;box-shadow:0 0 0 3px #1f576012;background:#fff}.category-input-wrapper.has-error{border-color:#d8877f}.category-input-icon{flex:0 0 auto;margin-left:10px;color:#9aa5a5}.category-input-wrapper input{width:100%;height:100%;box-sizing:border-box;padding:0 11px 0 10px;border:0;outline:0;background:transparent;color:#304a51;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:400}.category-input-wrapper input::placeholder{color:#a7afb0}.category-input-wrapper input:disabled{cursor:not-allowed;opacity:.6}.category-field-error{display:block;margin-top:4px;color:#b75f57;font-size:8.5px;line-height:1.3}.category-modal-actions{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:28px}.category-modal-cancel,.category-modal-submit{width:122px;height:34px;border-radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:600;line-height:1;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease}.category-modal-cancel{border:1px solid #eee5d9;background:#f5eee5;color:#42545a}.category-modal-cancel:hover:not(:disabled){background:#efe6da;transform:translateY(-1px)}.category-modal-cancel:active:not(:disabled){transform:translateY(0)}.category-modal-submit{border:1px solid #1b5962;background:#1c5962;color:#fff;box-shadow:0 3px 7px #1c59622e}.category-modal-submit:hover:not(:disabled){background:#164d55;box-shadow:0 5px 11px #1c59623b;transform:translateY(-1px)}.category-modal-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 5px #1c59622e}.category-modal-cancel:disabled,.category-modal-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes categoryOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes categoryModalIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.category-modal{width:min(352px,calc(100vw - 28px))}}@media (max-width: 480px){.category-modal-overlay{padding:14px}.category-modal{width:100%;max-width:352px;border-radius:9px}.category-modal-header{min-height:52px;padding:0 18px}.category-modal-header h2{font-size:18px}.category-modal-form{padding:13px 18px 19px}.category-modal-description{font-size:9px}.category-modal-actions{gap:8px}.category-modal-cancel,.category-modal-submit{flex:1;width:auto}}.category-search-wrapper{width:210px;height:32px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #e5e3dc;border-radius:7px;background:#fffefa;color:#879295;transition:border-color .2s ease,box-shadow .2s ease}.category-search-wrapper:focus-within{border-color:#86a9ae;box-shadow:0 0 0 3px #174e5a0f}.category-search-wrapper input{width:100%;border:0;outline:0;background:transparent;color:#30484e;font-family:inherit;font-size:10px}.category-search-wrapper input::placeholder{color:#a3abad}@media (max-width: 600px){.category-search-wrapper{width:100%}}.category-table-row{height:40px;border-bottom:1px solid #eceae5;transition:background .18s ease}.category-table-row:hover{background:#fbfaf6}.category-table-row td{padding:0 18px;color:#30484e;font-size:11px}.category-name-cell{font-weight:500}.category-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:19px;padding:0 9px;border-radius:11px;font-size:9px;font-weight:600}.category-status-active{background:#dcece3;color:#4d7563}.category-status-inactive{background:#eee6e3;color:#8a625b}.category-action-cell{text-align:right}.category-edit-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#174e5a;border-radius:6px;cursor:pointer;transition:background .18s ease,transform .18s ease}.category-edit-button:hover{background:#e9f0ef;transform:translateY(-1px)}.category-table-scroll{width:100%;overflow-x:auto}.category-table{width:100%;min-width:540px;border-collapse:separate;border-spacing:0;table-layout:fixed}.category-table thead tr{height:38px;background:#e9ece6}.category-table thead th{padding:0 18px;color:#294c55;font-size:10px;font-weight:700;text-align:left;white-space:nowrap}.category-table thead th:first-child{border-top-left-radius:8px}.category-table thead th:last-child{border-top-right-radius:8px}.category-table thead th:nth-child(1){width:52%}.category-table thead th:nth-child(2){width:27%}.category-table thead th:nth-child(3){width:21%}.category-table thead th,.category-table thead th>span{vertical-align:middle}.category-sort-indicator{margin-left:auto;float:right;color:#8d9b9e;font-size:12px;font-weight:500}.category-action-header{text-align:right!important}.category-table-message{height:100px;color:#8b9496;font-size:11px;text-align:center}.category-page{width:100%;min-height:100%;box-sizing:border-box;padding:10px 12px 20px;color:#30484e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.category-error{min-height:34px;display:flex;align-items:center;gap:8px;margin:0 0 9px;padding:0 13px;border:1px solid #ead6d2;border-radius:7px;background:#fdf5f3;color:#91584f;font-size:10px}.category-content-card{position:relative;overflow:hidden;padding:12px 12px 10px;border:1px solid #e9e5de;border-radius:10px;background:radial-gradient(ellipse at 83% 7%,rgba(223,230,221,.7) 0,rgba(223,230,221,.25) 11%,transparent 25%),#fffdfa;box-shadow:0 3px 12px #3042440a}.category-content-card:before{content:"";position:absolute;top:-40px;right:40px;width:170px;height:75px;border-radius:50%;background:#e4e8e07a;pointer-events:none}.category-table-toolbar{position:relative;z-index:1;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 3px 10px}.category-entries-control{display:flex;align-items:center;gap:7px;color:#708083;font-size:10px;white-space:nowrap}.category-entries-control select{width:73px;height:30px;padding:0 9px;outline:none;border:1px solid #deddd6;border-radius:5px;background:#fff;color:#41575c;font-size:10px;cursor:pointer}.category-toolbar-actions{display:flex;align-items:center;gap:8px}.category-sort-button{height:30px;padding:0 9px;border:1px solid #deddd6;border-radius:6px;background:#fff;color:#506368;font-size:9px;font-weight:600;cursor:pointer}.category-sort-button:hover{background:#f5f4ef}.category-table-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0 0}.category-entry-summary{color:#52676c;font-size:10px}.category-pagination{display:flex;align-items:center;gap:4px}.category-pagination-button,.category-pagination-page{height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-family:inherit;font-size:10px}.category-pagination-button{gap:3px;padding:0 11px;border:1px solid #ebe8e1;background:#fff;color:#788487;cursor:pointer}.category-pagination-button:hover:not(:disabled){background:#f6f5f1;color:#31565e}.category-pagination-page{width:31px;border:1px solid #174e5a;background:#174e5a;color:#fff;font-weight:600}.category-pagination-button:disabled{opacity:.48;cursor:not-allowed}.category-pagination-previous{margin-right:1px}@media (max-width: 768px){.category-page{padding:8px}.category-table-toolbar{align-items:stretch;flex-direction:column}.category-toolbar-actions{width:100%}.category-search-wrapper{flex:1}.category-table-footer{align-items:flex-start;flex-direction:column}.category-pagination{width:100%;justify-content:flex-end}}@media (max-width: 480px){.category-page{padding:5px}.category-content-card{padding:10px 8px}.category-toolbar-actions{flex-direction:column;align-items:stretch}.category-sort-button{width:100%}.category-pagination-button{padding:0 8px}.category-pagination-button svg{display:none}}.sub-category-breadcrumb{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:27px;padding:0 10px;color:#789092;font-size:10px;font-weight:500}.sub-category-breadcrumb strong{color:#315d63;font-weight:600}.sub-category-breadcrumb-separator{color:#aab5b4}.sub-category-hero{position:relative;min-height:101px;display:flex;align-items:center;overflow:hidden;border:1px solid rgba(224,220,211,.85);border-radius:9px;background:linear-gradient(90deg,#f9f7f2fa,#f7f4eef5 54%,#efece5e6);box-shadow:0 2px 8px #35484409}.sub-category-hero-content{position:relative;z-index:2;padding:15px 31px}.sub-category-eyebrow{display:block;margin-bottom:2px;color:#8c9694;font-size:9px;line-height:1.3;font-weight:700;letter-spacing:1.15px}.sub-category-hero h1{margin:0;color:#20535c;font-family:Georgia,Times New Roman,serif;font-size:31px;line-height:1.05;font-weight:600;letter-spacing:-.5px}.sub-category-hero p{margin:5px 0 0;color:#718081;font-size:10px;line-height:1.45;font-weight:400}.sub-category-hero-image{position:absolute;top:0;right:0;width:54%;height:100%;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.sub-category-hero-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f8f6f1,#f8f6f133 25%,#f8f6f100 45%)}.sub-category-hero-image img{width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.98}.sub-category-action-bar{position:relative;min-height:48px;display:flex;align-items:center;justify-content:flex-end;margin-top:9px;padding:0 1px;border:1px solid rgba(230,226,218,.9);border-radius:8px;background:#ffffff85;box-shadow:0 2px 7px #34433f06}.sub-category-add-button{height:31px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-right:2px;padding:0 15px;border:0;border-radius:18px;background:#24636a;color:#fff;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #24636a2e;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.sub-category-add-button:hover{background:#1d565c;transform:translateY(-1px);box-shadow:0 6px 14px #24636a38}.sub-category-add-button:active{transform:translateY(0)}.sub-category-add-button:focus-visible{outline:2px solid #6e9b9e;outline-offset:2px}@media (max-width: 768px){.sub-category-breadcrumb{justify-content:flex-start;padding:0 3px}.sub-category-hero{min-height:145px}.sub-category-hero-content{padding:20px}.sub-category-hero h1{font-size:28px}.sub-category-hero-image{width:62%;opacity:.5}.sub-category-action-bar{min-height:54px}}@media (max-width: 480px){.sub-category-hero{min-height:155px}.sub-category-hero-content{max-width:80%;padding:18px}.sub-category-hero h1{font-size:25px}.sub-category-hero p{max-width:230px}.sub-category-hero-image{width:80%;opacity:.35}}.sub-category-filters{min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 11px}.sub-category-length-control{display:flex;align-items:center;gap:6px;color:#617374;font-size:10px}.sub-category-length-control select{width:51px;height:25px;padding:0 7px;border:1px solid #e4e7e3;border-radius:4px;background:#fff;color:#486264;font-family:inherit;font-size:10px;outline:none;cursor:pointer}.sub-category-length-control select:focus{border-color:#7da2a3}.sub-category-search{width:158px;height:27px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #e4e7e3;border-radius:5px;background:#ffffffbf;color:#607577}.sub-category-search svg{flex-shrink:0}.sub-category-search input{width:100%;border:0;outline:0;background:transparent;color:#4d6264;font-family:inherit;font-size:9px}.sub-category-search input::placeholder{color:#a1acab}@media (max-width: 600px){.sub-category-filters{min-height:auto;flex-direction:column;align-items:stretch;gap:10px;padding:12px}.sub-category-search{width:100%}}.sub-category-table-row{height:47px;border-bottom:1px solid #ecece7;transition:background-color .18s ease}.sub-category-table-row:hover{background:#f1f5f280}.sub-category-table-row td{padding:0 15px;color:#47656a;font-size:10px;font-weight:500}.sub-category-name-cell{color:#315a61!important;font-weight:600!important}.sub-category-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:17px;padding:0 8px;border-radius:10px;font-size:8px;font-weight:600}.sub-category-status-badge.active{background:#d6eee2;color:#43836b}.sub-category-status-badge.inactive{background:#f5dddd;color:#a55d5d}.sub-category-action-cell{width:65px;text-align:center}.sub-category-edit-button{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#28616a;cursor:pointer;border-radius:4px;transition:background-color .18s ease,color .18s ease}.sub-category-edit-button:hover{background:#edf3f1;color:#174e57}.sub-category-edit-button:focus-visible{outline:2px solid #7ea4a5;outline-offset:2px}.sub-category-table-wrapper{width:100%;overflow-x:auto;border:1px solid #e7e8e3;border-radius:6px;background:#ffffff8c}.sub-category-table{width:100%;border-collapse:collapse;table-layout:fixed}.sub-category-table thead{background:#e5ebe6}.sub-category-table th{height:32px;padding:0 15px;text-align:left;color:#49686b;font-size:9px;font-weight:700}.sub-category-table th:nth-child(1){width:51%}.sub-category-table th:nth-child(2){width:31%}.sub-category-table th:nth-child(3){width:18%}.sub-category-action-header{display:inline-flex;align-items:center;gap:6px}.sub-category-table-state{height:90px;text-align:center!important;color:#819091!important;font-size:10px!important}.sub-category-loader{vertical-align:middle;margin-right:7px;animation:subCategorySpin .9s linear infinite}@keyframes subCategorySpin{to{transform:rotate(360deg)}}@media (max-width: 600px){.sub-category-table{min-width:570px}}.sub-category-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#242f3491;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:subCategoryOverlayIn .2s ease-out}.sub-category-modal{position:relative;width:min(834px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#fffefa;box-shadow:0 24px 70px #192c313d,0 8px 24px #192c311f;animation:subCategoryModalIn .25s cubic-bezier(.2,.75,.25,1)}.sub-category-modal-header{position:relative;min-height:168px;display:flex;align-items:center;overflow:hidden;padding:30px 28px 28px 40px;background:linear-gradient(115deg,#f8f7f2,#f9f8f3 54%,#f2efe6);border-bottom:1px solid #eeece5}.sub-category-modal-heading{position:relative;z-index:3;display:flex;align-items:center;gap:24px}.sub-category-modal-icon{width:94px;height:94px;flex:0 0 94px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:#4d7778;color:#fff;box-shadow:0 9px 20px #3e63651f}.sub-category-modal-title-group{padding-top:2px}.sub-category-modal-title-group h2{margin:0;color:#1f4051;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(28px,3vw,39px);line-height:1.12;font-weight:700;letter-spacing:-1.1px}.sub-category-modal-title-group p{margin:7px 0 0;color:#758290;font-size:20px;line-height:1.35;font-weight:400}.sub-category-modal-close{position:absolute;z-index:5;top:27px;right:27px;width:49px;height:49px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#ebe8e1db;color:#2c4655;cursor:pointer;transition:background-color .18s ease,transform .18s ease,color .18s ease}.sub-category-modal-close:hover{background:#e2dfd7;transform:rotate(4deg);color:#1b3948}.sub-category-modal-close:focus-visible{outline:2px solid #527d7d;outline-offset:3px}.sub-category-modal-decoration{position:absolute;top:-82px;right:72px;width:285px;height:290px;opacity:.95;transform:rotate(8deg);pointer-events:none}.sub-category-modal-decoration:before,.sub-category-modal-decoration:after{content:"";position:absolute;border-radius:50%;background:#e3decf7a}.sub-category-modal-decoration:before{width:190px;height:190px;top:44px;left:28px}.sub-category-modal-decoration:after{width:220px;height:220px;top:0;right:-36px;background:#dce4dc75}.sub-category-leaf{position:absolute;z-index:2;display:block;border-radius:100% 0;background:linear-gradient(135deg,#6f9190,#2f696b);transform-origin:bottom left}.sub-category-leaf:after{content:"";position:absolute;left:50%;bottom:8%;width:2px;height:80%;border-radius:50%;background:#ffffff59;transform:rotate(-20deg)}.leaf-one{right:63px;top:72px;width:60px;height:145px;transform:rotate(31deg) skewY(-5deg)}.leaf-two{right:18px;top:130px;width:44px;height:106px;transform:rotate(44deg) skewY(-6deg);background:linear-gradient(135deg,#88a4a0,#3b7374)}.leaf-three{right:111px;top:133px;width:34px;height:85px;transform:rotate(12deg) skewY(-5deg);opacity:.55}.sub-category-modal-form{display:flex;flex-direction:column;min-height:0}.sub-category-modal-fields{padding:35px 50px 48px}.sub-category-form-field+.sub-category-form-field{margin-top:39px}.sub-category-form-field label{display:block;margin:0 0 15px;color:#1f4051;font-size:23px;line-height:1.25;font-weight:650}.sub-category-form-field label span{color:#db3c42}.sub-category-input-shell{position:relative;width:100%;height:76px;display:flex;align-items:stretch;overflow:hidden;border:1px solid #d5d9d9;border-radius:10px;background:#fff;box-shadow:inset 0 1px 1px #24323606;transition:border-color .18s ease,box-shadow .18s ease}.sub-category-input-shell:focus-within{border-color:#729495;box-shadow:0 0 0 3px #4977781a}.sub-category-input-shell.has-error{border-color:#d76b70}.sub-category-input-icon{width:76px;flex:0 0 76px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0f3ee,#e9eeea);color:#527b7b;border-right:1px solid #e1e5e1}.sub-category-select-wrapper{position:relative;flex:1;min-width:0}.sub-category-select-wrapper select{width:100%;height:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0 62px 0 20px;border:0;outline:0;background:transparent;color:#768398;font-family:inherit;font-size:20px;font-weight:400;cursor:pointer}.sub-category-select-wrapper select:valid{color:#3c5663}.sub-category-select-chevron{position:absolute;top:50%;right:21px;color:#758292;pointer-events:none;transform:translateY(-50%)}.sub-category-input-shell input{flex:1;min-width:0;height:100%;padding:0 20px;border:0;outline:0;background:transparent;color:#3c5663;font-family:inherit;font-size:20px;font-weight:400}.sub-category-input-shell input::placeholder{color:#7b8799;opacity:1}.sub-category-field-error{margin:7px 2px 0;color:#c34d55;font-size:12px;line-height:1.35}.sub-category-modal-footer{min-height:127px;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:25px 38px;border-top:1px solid #e8e6df;background:#fffefa}.sub-category-modal-cancel,.sub-category-modal-submit{height:66px;min-width:215px;padding:0 28px;border-radius:18px;font-family:inherit;font-size:23px;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.sub-category-modal-cancel{border:1px solid #ece8df;background:linear-gradient(180deg,#f2eee5,#eeeae1);color:#173e4f}.sub-category-modal-submit{border:1px solid #4e7c7d;background:linear-gradient(135deg,#527f80,#416e70);color:#fff;box-shadow:0 5px 12px #39676929}.sub-category-modal-cancel:hover,.sub-category-modal-submit:hover{transform:translateY(-1px)}.sub-category-modal-cancel:hover{background:#e9e5dc}.sub-category-modal-submit:hover{background:linear-gradient(135deg,#477677,#386567);box-shadow:0 7px 16px #39676938}.sub-category-modal-cancel:active,.sub-category-modal-submit:active{transform:translateY(0)}.sub-category-modal-cancel:focus-visible,.sub-category-modal-submit:focus-visible{outline:2px solid #638a8b;outline-offset:3px}@keyframes subCategoryOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes subCategoryModalIn{0%{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.sub-category-modal-overlay{padding:18px}.sub-category-modal{max-height:calc(100vh - 36px)}.sub-category-modal-header{min-height:145px;padding:25px 24px}.sub-category-modal-heading{gap:17px}.sub-category-modal-icon{width:74px;height:74px;flex-basis:74px;border-radius:21px}.sub-category-modal-icon svg{width:31px;height:31px}.sub-category-modal-title-group{padding-right:45px}.sub-category-modal-title-group h2{font-size:30px}.sub-category-modal-title-group p{font-size:15px}.sub-category-modal-close{top:20px;right:20px;width:42px;height:42px}.sub-category-modal-decoration{right:15px;opacity:.55}.sub-category-modal-fields{padding:28px 30px 35px}.sub-category-form-field label{font-size:19px}.sub-category-input-shell{height:65px}.sub-category-input-icon{width:65px;flex-basis:65px}.sub-category-select-wrapper select,.sub-category-input-shell input{font-size:17px}.sub-category-modal-footer{min-height:105px;padding:20px 30px}.sub-category-modal-cancel,.sub-category-modal-submit{min-width:170px;height:57px;font-size:19px;border-radius:15px}}@media (max-width: 560px){.sub-category-modal-overlay{align-items:flex-end;padding:0}.sub-category-modal{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.sub-category-modal-header{min-height:125px;padding:22px 18px}.sub-category-modal-heading{gap:13px}.sub-category-modal-icon{width:61px;height:61px;flex-basis:61px;border-radius:18px}.sub-category-modal-icon svg{width:28px;height:28px}.sub-category-modal-title-group{padding-right:38px}.sub-category-modal-title-group h2{font-size:24px;letter-spacing:-.5px}.sub-category-modal-title-group p{margin-top:5px;font-size:12px}.sub-category-modal-close{top:15px;right:15px;width:38px;height:38px}.sub-category-modal-close svg{width:22px;height:22px}.sub-category-modal-decoration{top:-65px;right:-55px;transform:scale(.75) rotate(8deg);opacity:.4}.sub-category-modal-fields{overflow-y:auto;padding:25px 18px 28px}.sub-category-form-field+.sub-category-form-field{margin-top:25px}.sub-category-form-field label{margin-bottom:10px;font-size:16px}.sub-category-input-shell{height:57px;border-radius:8px}.sub-category-input-icon{width:57px;flex-basis:57px}.sub-category-input-icon svg{width:22px;height:22px}.sub-category-select-wrapper select,.sub-category-input-shell input{padding-left:14px;font-size:14px}.sub-category-select-wrapper select{padding-right:45px}.sub-category-select-chevron{right:13px;width:18px;height:18px}.sub-category-field-error{font-size:11px}.sub-category-modal-footer{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 18px}.sub-category-modal-cancel,.sub-category-modal-submit{width:100%;min-width:0;height:51px;padding:0 15px;border-radius:12px;font-size:16px}}.sub-category-page{width:100%;min-height:100%;padding:0 10px 18px;box-sizing:border-box;color:#315b62}.sub-category-content-card{margin-top:8px;overflow:hidden;border:1px solid rgba(230,228,221,.95);border-radius:8px;background:#ffffff78;box-shadow:0 2px 8px #35464306}.sub-category-error{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 11px 8px;padding:8px 12px;border:1px solid #efd5d5;border-radius:5px;background:#fff8f8;color:#9a6262;font-size:10px}.sub-category-error button{border:1px solid #d7aaaa;border-radius:4px;padding:5px 10px;background:#fff;color:#8d5555;font-family:inherit;font-size:9px;cursor:pointer}.sub-category-table-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#647879;font-size:9px}.sub-category-entry-info{white-space:nowrap}.sub-category-pagination{display:flex;align-items:center;gap:0}.sub-category-pagination-button{min-width:51px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border:1px solid #e6e7e3;background:#fff;color:#617476;font-family:inherit;font-size:9px;cursor:pointer;transition:background-color .18s ease,color .18s ease}.sub-category-pagination-button:first-child{border-radius:5px 0 0 5px}.sub-category-pagination-button:last-child{border-radius:0 5px 5px 0}.sub-category-pagination-button+.sub-category-pagination-button{border-left:0}.sub-category-pagination-button.active{min-width:27px;background:#23616a;border-color:#23616a;color:#fff}.sub-category-pagination-button:hover:not(:disabled):not(.active){background:#f2f5f3}.sub-category-pagination-button:disabled:not(.active){color:#b1bab9;background:#fff;cursor:not-allowed}@media (max-width: 768px){.sub-category-page{padding:0 7px 15px}.sub-category-table-footer{min-height:65px;align-items:flex-start;flex-direction:column;justify-content:center;gap:8px}.sub-category-pagination{align-self:flex-end}}@media (max-width: 480px){.sub-category-page{padding:0 5px 12px}.sub-category-entry-info{font-size:9px}.sub-category-pagination-button{min-width:47px}}.payroll-settings-page{min-height:100%;padding:28px 32px 40px;background:#f8f7f2;color:#15343c;font-family:Inter,sans-serif}.payroll-settings-header{display:flex;justify-content:space-between;margin-bottom:26px}.payroll-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#789094;font-size:13px;font-weight:500}.payroll-settings-header h1{margin:0;color:#15343c;font-size:31px;font-weight:750;letter-spacing:-.8px}.payroll-settings-header p{margin:8px 0 0;color:#73878a;font-size:14px}.payroll-settings-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);align-items:start;gap:22px}.company-settings-card,.company-preview-card{border:1px solid #e7e7df;border-radius:18px;background:#fff;box-shadow:0 5px 24px #2641410b}.company-settings-card{padding:27px}.company-preview-card{padding:27px;background:#f1f5f1}.settings-card-header{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #eceee8}.settings-card-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0;border-radius:50%;background:#e5eeea;color:#285e60}.settings-card-header h2{margin:0;color:#17343c;font-size:19px;font-weight:750}.settings-card-header p{margin:5px 0 0;color:#789094;font-size:12px;line-height:1.5}.company-logo-section{margin-top:25px;margin-bottom:23px}.settings-label,.settings-form-group label{display:block;margin-bottom:9px;color:#203b42;font-size:13px;font-weight:700}.settings-form-group label span{margin-left:3px;color:#d45e55}.logo-upload-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:18px;align-items:center}.logo-upload-box{display:flex;min-height:142px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;border:1.5px dashed #becdca;border-radius:13px;background:#fbfcf9;color:#376b6d;cursor:pointer;transition:background .2s ease,border-color .2s ease}.logo-upload-box:hover{border-color:#557f7d;background:#f2f7f3}.logo-upload-box strong{font-size:12px;font-weight:700}.logo-upload-box span{color:#84999b;font-size:10px}.logo-preview-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.company-logo-preview,.logo-empty-state{display:flex;width:94px;height:94px;align-items:center;justify-content:center;border:1px solid #e2e9e4;border-radius:14px;background:#f1f5f1;color:#6e8f8e;object-fit:contain}.logo-preview-container span{color:#688083;font-size:11px;font-weight:600}.remove-logo-button{position:absolute;top:-7px;right:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #e6d7d2;border-radius:50%;background:#fff;color:#b05d55;cursor:pointer}.settings-form-group{margin-bottom:21px}.settings-form-group input,.settings-form-group textarea{box-sizing:border-box;width:100%;border:1px solid #dce3df;border-radius:9px;outline:none;background:#fff;color:#29444a;font-family:inherit;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}.settings-form-group input{height:44px;padding:0 14px}.settings-form-group textarea{min-height:100px;padding:12px 14px;resize:vertical}.settings-form-group input::placeholder,.settings-form-group textarea::placeholder{color:#a4b1b0}.settings-form-group input:focus,.settings-form-group textarea:focus{border-color:#6e9692;box-shadow:0 0 0 3px #6e96921a}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;top:50%;left:13px;color:#668a89;transform:translateY(-50%)}.input-with-icon input{padding-left:41px}.settings-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:9px}.settings-cancel-button,.settings-save-button{display:inline-flex;height:43px;align-items:center;justify-content:center;gap:8px;padding:0 23px;border-radius:9px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.settings-cancel-button{border:1px solid #b6c8c6;background:#fff;color:#35575c}.settings-save-button{border:1px solid #285d5e;background:#285f60;color:#fff}.settings-save-button:hover{background:#214f50}.settings-save-button:disabled,.settings-cancel-button:disabled{cursor:not-allowed;opacity:.6}.preview-company-content{padding:27px 8px 20px;text-align:center}.preview-logo-wrapper{display:flex;width:88px;height:88px;align-items:center;justify-content:center;margin:0 auto 17px;border-radius:15px;background:#fff;color:#557f7d;overflow:hidden}.preview-company-logo{width:100%;height:100%;object-fit:contain}.preview-company-content h3{margin:0 auto 20px;color:#1b3c43;font-size:18px;font-weight:750;line-height:1.4}.preview-detail{display:flex;align-items:flex-start;gap:9px;margin:10px 0;color:#678286;font-size:12px;line-height:1.6;text-align:left}.preview-detail svg{flex-shrink:0;margin-top:2px;color:#527c7a}.preview-divider{height:1px;margin:0 8px;background:#d5e1dc}.preview-note{display:flex;align-items:flex-start;gap:10px;padding:21px 8px;color:#527576}.preview-note svg{flex-shrink:0;margin-top:2px}.preview-note p{margin:0;font-size:12px;line-height:1.6}.preview-document{min-height:205px;padding:23px;border:1px solid #e1e9e4;border-radius:12px;background:#fff}.preview-document-title{margin-bottom:23px;color:#d9e2e2;font-size:23px;font-weight:800}.preview-document-line{width:55%;height:10px;margin-bottom:13px;border-radius:5px;background:#eef3f1}.preview-document-line.wide{width:100%}.preview-document-line.medium{width:75%}.payroll-alert{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:12px 15px;border-radius:9px;font-size:12px;font-weight:600}.payroll-alert-error{border:1px solid #f0d4d0;background:#fff5f3;color:#a54f47}.payroll-alert-success{border:1px solid #cce4d4;background:#f0faf3;color:#36764e}.payroll-settings-loading{padding:50px;color:#527576;font-size:14px}@media (max-width: 1100px){.payroll-settings-layout{grid-template-columns:1fr}.company-preview-card{max-width:none}}@media (max-width: 650px){.payroll-settings-page{padding:20px 15px 30px}.payroll-settings-header h1{font-size:25px}.company-settings-card,.company-preview-card{padding:20px;border-radius:14px}.logo-upload-row{grid-template-columns:1fr}.logo-preview-container{flex-direction:row;justify-content:flex-start}.settings-form-actions{flex-direction:column-reverse}.settings-cancel-button,.settings-save-button{width:100%}}.employee-payslip-page{padding:24px;background:#f8fafc;min-height:100vh}.employee-payslip-header{margin-bottom:24px}.employee-payslip-header h1{margin:0;color:#0f172a;font-size:28px;font-weight:700}.employee-payslip-header p{margin-top:8px;color:#64748b;font-size:14px}.employee-payslip-toolbar{display:flex;justify-content:flex-end;margin-bottom:20px}.employee-payslip-search{display:flex;align-items:center;gap:8px;width:300px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.employee-payslip-search svg{color:#64748b}.employee-payslip-search input{width:100%;border:none;outline:none;font-size:14px}.employee-payslip-table-wrapper{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.employee-payslip-table{width:100%;border-collapse:collapse;min-width:850px}.employee-payslip-table th{padding:14px 16px;background:#f1f5f9;color:#475569;text-align:left;font-size:13px;font-weight:600}.employee-payslip-table td{padding:15px 16px;border-top:1px solid #e2e8f0;color:#334155;font-size:14px}.employee-payslip-download-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;background:#0f766e;color:#fff;cursor:pointer;font-size:13px}.employee-payslip-download-button:hover{background:#115e59}.employee-payslip-message,.employee-payslip-empty,.employee-payslip-error{padding:30px;text-align:center;color:#64748b}.employee-payslip-error{color:#dc2626}@media (max-width: 768px){.employee-payslip-page{padding:16px}.employee-payslip-header h1{font-size:23px}.employee-payslip-toolbar{justify-content:stretch}.employee-payslip-search{width:100%}}.ol-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.ol-actions-right{display:flex;align-items:center;gap:9px}.ol-cancel-button,.ol-preview-button,.ol-save-button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border-radius:7px;font-family:inherit;font-size:10px;font-weight:650;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.ol-cancel-button{border:1px solid #cbd9df;background:#fff;color:#315466}.ol-cancel-button:hover,.ol-preview-button:hover{border-color:#9ebbc5;background:#f7fafb}.ol-preview-button{border:1px solid #cbd9df;background:#fff;color:#315466}.ol-save-button{min-width:143px;border:1px solid #176777;background:#176b78;color:#fff;box-shadow:0 3px 8px #14657424}.ol-save-button:hover{background:#125d69;transform:translateY(-1px)}.ol-save-button:disabled{opacity:.65;cursor:wait;transform:none}@media (max-width: 650px){.ol-actions{flex-direction:column-reverse;align-items:stretch}.ol-actions-right{width:100%}.ol-preview-button,.ol-save-button{flex:1}}.ol-logo-upload-wrapper{min-width:0}.ol-logo-upload-row{display:flex;align-items:flex-start;gap:16px}.ol-logo-dropzone{position:relative;display:flex;flex:1;min-width:0;height:68px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px dashed #8eb3bd;border-radius:6px;background:#fbfdfd;color:#0b5667;cursor:pointer;transition:background .2s ease,border-color .2s ease}.ol-logo-dropzone strong{font-size:10.5px;font-weight:700}.ol-logo-dropzone span{color:#728895;font-size:8.5px}.ol-current-logo{position:relative;width:74px;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.ol-current-logo img{width:66px;height:40px;object-fit:contain}.ol-current-logo span{color:#637b89;font-size:8px}.ol-logo-remove{position:absolute;top:-6px;right:-4px;width:19px;height:19px;display:grid;place-items:center;border:1px solid #f3b3b3;border-radius:50%;background:#fff;color:#ef5350;cursor:pointer}.ol-default-logo-icon{width:36px;height:27px;display:grid;place-items:center;border:1px solid #dce7eb;border-radius:5px;color:#79a0ab}.ol-logo-upload-wrapper{width:100%;min-width:0}.ol-logo-upload-row{width:100%;display:flex;align-items:flex-start;gap:16px}.ol-logo-dropzone{position:relative;display:flex;flex:1;min-width:0;width:100%;height:68px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px dashed #8eb3bd;border-radius:6px;background:#fbfdfd;color:#0b5667;cursor:pointer;text-decoration:none;transition:background .2s ease,border-color .2s ease}.ol-logo-dropzone:hover{background:#f4fafb;border-color:#3f8998}.ol-logo-dropzone svg{display:block;width:18px;height:18px;color:#0b5667;margin-bottom:1px}.ol-logo-dropzone strong{display:block;font-size:10.5px;line-height:1.2;font-weight:700;color:#0b5667}.ol-logo-dropzone span{display:block;font-size:8.5px;line-height:1.2;color:#728895}.ol-current-logo{position:relative;width:74px;min-width:74px;height:68px;display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box}.ol-current-logo img{display:block;width:66px;height:40px;object-fit:contain}.ol-current-logo span{display:block;margin:0;color:#637b89;font-size:8px;line-height:1;white-space:nowrap}.ol-logo-remove{position:absolute;top:-6px;right:-4px;width:19px;height:19px;display:grid;place-items:center;padding:0;margin:0;border:1px solid #f3b3b3;border-radius:50%;background:#fff;color:#ef5350;font-family:Arial,sans-serif;font-size:15px;font-weight:500;line-height:1;cursor:pointer;z-index:5;transition:background .2s ease,border-color .2s ease,color .2s ease}.ol-logo-remove:hover{background:#fff5f5;border-color:#ef5350;color:#d93636}.ol-default-logo-icon{width:36px;height:27px;display:grid;place-items:center;box-sizing:border-box;border:1px solid #dce7eb;border-radius:5px;background:#fff;color:#79a0ab}.ol-default-logo-icon svg{width:16px;height:16px}.ol-logo-dropzone input[type=file]{display:none}@media (max-width: 768px){.ol-logo-upload-row{gap:10px}.ol-logo-dropzone{height:64px}.ol-current-logo{width:68px;min-width:68px;height:64px}.ol-current-logo img{width:60px;height:36px}}.ol-company-section{display:flex;flex-direction:column;gap:12px}.ol-form-row,.ol-form-grid{width:100%}.ol-form-grid{display:grid;gap:12px}.ol-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ol-top-row{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:18px;align-items:start}.ol-form-group{min-width:0}.ol-field-label{display:flex;align-items:center;gap:4px;min-height:17px;margin-bottom:5px;color:#173f51;font-size:10.5px;line-height:1.25;font-weight:700}.ol-required{color:#ef4444}.ol-merge-label{color:#7690a0;font-weight:500;margin-left:1px}.ol-input,.ol-textarea,.ol-input-with-icon{width:100%;box-sizing:border-box;border:1px solid #d8e2e8;border-radius:6px;background:#fff;color:#183b4c;font-family:inherit;font-size:11px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.ol-input{height:31px;padding:0 10px}.ol-textarea{min-height:54px;padding:7px 9px;resize:vertical;line-height:1.35}.ol-address-input{height:54px;resize:none}.ol-input:focus,.ol-textarea:focus,.ol-input-with-icon:focus-within{border-color:#4c9aa9;box-shadow:0 0 0 2px #2a899914}.ol-input-with-icon{display:flex;align-items:center;height:31px;padding:0 9px;color:#6a8190}.ol-input-with-icon input{width:100%;height:100%;padding:0 0 0 7px;border:0;outline:0;color:#183b4c;background:transparent;font-family:inherit;font-size:11px}@media (max-width: 900px){.ol-grid-3,.ol-top-row{grid-template-columns:1fr}.ol-logo-space{display:none}}.ol-editor{width:100%;overflow:hidden;border:1px solid #d8e2e8;border-radius:7px;background:#fff}.ol-editor-toolbar{height:31px;display:flex;align-items:center;padding:0 6px;gap:1px;border-bottom:1px solid #e1e8ec;background:#fbfcfd}.ol-editor-paragraph{height:23px;min-width:76px;padding:0 5px;border:0;outline:0;background:transparent;color:#526c7b;font-size:9px}.ol-toolbar-divider{width:1px;height:15px;margin:0 3px;background:#e0e7eb}.ol-editor-toolbar-button{width:24px;height:23px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#506a79;cursor:pointer}.ol-editor-toolbar-button:hover{background:#edf4f6;color:#0b5667}.ol-toolbar-spacer{flex:1}.ol-editor-content{min-height:223px;max-height:280px;overflow-y:auto;padding:10px;color:#294451;font-size:9.5px;line-height:1.55;outline:none}.ol-editor-content p{margin:0 0 8px}.ol-editor-content:focus{box-shadow:inset 0 0 0 1px #6eaab6}@media (max-width: 700px){.ol-editor-toolbar{overflow-x:auto}}.ol-merge-panel{width:145px;flex-shrink:0;box-sizing:border-box;padding:8px 9px;border-radius:7px;background:#edf5ee}.ol-merge-panel-title{color:#315947;font-size:10px;line-height:1.25;font-weight:750}.ol-merge-panel-subtitle{margin-top:2px;color:#688073;font-size:8px;line-height:1.35}.ol-merge-list{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:8px}.ol-merge-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 6px;border:1px solid #c6dfbd;border-radius:10px;background:#eff9e8;color:#4e842d;font-family:inherit;font-size:8px;line-height:1.3;cursor:pointer;transition:background .18s ease,border-color .18s ease}.ol-merge-chip:hover{background:#e4f5d8;border-color:#9ec48f}.loi-signature-upload{min-width:0}.loi-signature-upload>span{display:block;margin-bottom:5px;color:#344054;font-size:10px;line-height:1.25;font-weight:600}.loi-signature-upload-row{display:flex;align-items:stretch;gap:8px;min-width:0}.loi-signature-dropzone{position:relative;min-height:76px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px;border:1px dashed #b9cbd1;border-radius:7px;background:#f8fbfc;color:#53717b;text-align:center;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}.loi-signature-dropzone:hover{border-color:#78a7b4;background:#f2f8fa}.loi-signature-dropzone.is-uploading{cursor:wait;opacity:.75}.loi-signature-dropzone svg{color:#527b87}.loi-signature-dropzone strong{color:#355967;font-size:9px;font-weight:700}.loi-signature-dropzone small{color:#82949a;font-size:7.5px;line-height:1.2}.loi-signature-preview{position:relative;width:105px;min-width:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;border:1px solid #e1e9ec;border-radius:7px;background:#fff;box-sizing:border-box}.loi-signature-image-box{width:94px;height:48px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #edf1f3;border-radius:4px;background:#fff;box-sizing:border-box}.loi-signature-image-box img{display:block;width:auto;height:auto;max-width:92px;max-height:45px;object-fit:contain;background:transparent}.loi-signature-preview small{color:#64748b;font-size:7.5px}.loi-signature-remove{position:absolute;top:-5px;right:-5px;z-index:2;width:19px;height:19px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #fecaca;border-radius:50%;background:#fff;color:#ef4444;cursor:pointer;box-shadow:0 1px 4px #0f172a14}.loi-signature-remove:hover{background:#fef2f2}.loi-signature-spin{animation:loi-signature-spin .9s linear infinite}@keyframes loi-signature-spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.loi-signature-upload-row{flex-direction:column}.loi-signature-preview{width:100%;min-width:0}.loi-signature-image-box{width:100%}}.loi-stamp-upload{min-width:0}.loi-stamp-upload-row{display:flex;align-items:flex-start;gap:10px;min-width:0}.loi-stamp-dropzone{position:relative;width:100%;min-width:0;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;border:1px dashed #b9d0d7;border-radius:6px;background:#fbfdfe;color:#176277;text-align:center;cursor:pointer;box-sizing:border-box;transition:border-color .18s ease,background .18s ease}.loi-stamp-dropzone:hover{border-color:#67a9ba;background:#f5fafb}.loi-stamp-dropzone.is-uploading{cursor:wait;opacity:.75}.loi-stamp-dropzone svg{margin-bottom:3px}.loi-stamp-dropzone strong{display:block;font-size:10px;line-height:1.25;font-weight:700}.loi-stamp-dropzone small{display:block;margin-top:2px;color:#7b929b;font-size:7.5px;line-height:1.2}.loi-stamp-preview{position:relative;flex:0 0 76px;width:76px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.loi-stamp-image-box{width:76px;height:76px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e1e7ea;border-radius:6px;background-color:#fff;background-image:linear-gradient(45deg,#f2f5f6 25%,transparent 25%),linear-gradient(-45deg,#f2f5f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f5f6 75%),linear-gradient(-45deg,transparent 75%,#f2f5f6 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.loi-stamp-image-box img{display:block;width:100%;height:100%;object-fit:contain}.loi-stamp-preview>small{margin-top:4px;color:#7b929b;font-size:7px;text-align:center}.loi-stamp-remove{position:absolute;top:-7px;right:-7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #ffb8b8;border-radius:50%;background:#fff;color:#ef4444;cursor:pointer;z-index:2;box-shadow:0 1px 3px #0f172a1f}.loi-stamp-remove:hover{background:#fff5f5}.loi-stamp-spin{animation:loi-stamp-spin .9s linear infinite}@keyframes loi-stamp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 700px){.loi-stamp-upload-row{flex-direction:column}.loi-stamp-preview{align-self:flex-start}}.olf-fields{width:100%}.olf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 14px}.olf-group{min-width:0}.olf-label{display:flex;align-items:center;gap:4px;min-height:17px;margin-bottom:4px;color:#173f51;font-size:10px;font-weight:700}.olf-required{color:#ef4444}.olf-merge{color:#7690a0;font-weight:500}.olf-input,.olf-icon-input,.olf-probation{width:100%;height:31px;box-sizing:border-box;border:1px solid #d8e2e8;border-radius:6px;background:#fff;color:#183b4c;font-size:10.5px;outline:none}.olf-input{padding:0 9px}.olf-input:focus,.olf-icon-input:focus-within,.olf-probation:focus-within{border-color:#4c9aa9;box-shadow:0 0 0 2px #2a899914}.olf-icon-input{display:flex;align-items:center;gap:5px;padding:0 8px;color:#67808e}.olf-icon-input input{width:100%;border:0;outline:0;background:transparent;color:#183b4c;font:inherit}.olf-probation{display:flex;overflow:hidden}.olf-probation input{width:60%;border:0;outline:0;padding:0 10px;color:#183b4c;font:inherit}.olf-probation select{width:40%;border:0;border-left:1px solid #e1e8ec;outline:0;background:#f8fafb;color:#597180;font:inherit;padding:0 6px}.olf-document-upload{min-width:0;margin-top:-1px}.olf-document-upload .olf-label{margin-bottom:5px}.olf-document-upload :global(*){box-sizing:border-box}@media (max-width: 950px){.olf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.olf-grid{grid-template-columns:1fr}}.ol-content-card{min-width:0;padding:15px 17px 13px;border:1px solid #e1e8ec;border-radius:10px;background:#fff;box-shadow:0 2px 8px #183d4c09}.ol-card-heading{display:flex;align-items:center;gap:10px}.ol-card-heading-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e8f2f0;color:#0c6675;font-size:16px}.ol-card-heading h2{margin:0;color:#123d4f;font-size:14px;font-weight:750}.ol-card-heading p{margin:3px 0 0;color:#708592;font-size:9.5px}.ol-card-divider{height:1px;margin:10px 0;background:#e8edef}.ol-body-editor-section{margin-top:12px}.ol-body-editor-title{display:flex;align-items:center;margin-bottom:5px;color:#173f51;font-size:10.5px;font-weight:700}.ol-required{margin-left:3px;color:#ef4444}.ol-editor-layout{display:flex;align-items:stretch;gap:6px}.ol-editor-main{flex:1;min-width:0}@media (max-width: 900px){.ol-editor-layout{flex-direction:column}.ol-merge-panel{width:100%}.ol-merge-list{flex-direction:row;flex-wrap:wrap}}.ol-page-header{margin-bottom:12px}.ol-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#668094;font-size:11px;font-weight:500}.ol-breadcrumb-separator{color:#a6b4be}.ol-page-header h1{margin:0;color:#073b4c;font-size:25px;line-height:1.15;font-weight:750;letter-spacing:-.45px}.ol-page-header p{margin:5px 0 0;color:#60788a;font-size:12px;line-height:1.5}.ol-preview-card{min-width:0;padding:15px;border:1px solid #e1e8ec;border-radius:10px;background:#fff;box-shadow:0 2px 8px #183d4c09}.ol-preview-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ol-preview-heading-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#e8f2f0;color:#0c6675}.ol-preview-heading h2{margin:0;color:#123d4f;font-size:14px;line-height:1.2;font-weight:750}.ol-preview-heading p{margin:3px 0 0;color:#708592;font-size:9.5px;line-height:1.35}.ol-document-frame{display:flex;justify-content:center;padding:12px;border:1px solid #e2e8eb;border-radius:7px;background:#f3f5f6;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 135px)}.ol-document-pages{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.ol-document{position:relative;width:100%;max-width:560px;min-height:792px;box-sizing:border-box;border:1px solid #dfe3e5;background:#fff;color:#202f35;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.55;box-shadow:0 3px 12px #00000014;overflow:hidden}.ol-page-content{position:relative;min-height:100%;box-sizing:border-box;padding:28px 42px 115px}.ol-document-logo-wrap{width:100%;display:flex;justify-content:center;align-items:center;min-height:82px;margin-bottom:2px}.ol-document-logo{display:block;width:245px;height:72px;object-fit:contain;object-position:center center}.ol-document-logo-text{display:flex;align-items:center;justify-content:center;color:#4aaf62;font-size:37px;line-height:1;font-weight:700;letter-spacing:-2px}.ol-document-logo-text strong{color:#1d7ca0}.ol-document-title{margin-top:1px;text-align:center;color:#202f35;font-size:14px;line-height:1.2;font-weight:700;text-decoration:underline}.ol-document-date{margin-top:28px;text-align:right;color:#35464d;font-size:9.5px;line-height:1.3;font-weight:600}.ol-document-candidate{margin-top:32px;color:#24383f;font-size:9.5px;line-height:1.55}.ol-document-candidate>div{margin:0}.ol-document-candidate strong{font-weight:700}.ol-document-candidate span{font-weight:400}.ol-candidate-email{margin-top:8px!important}.ol-document-body{margin-top:24px;color:#24383f;font-size:9.5px;line-height:1.58}.ol-document-body p{margin:0 0 11px}.ol-document-body p:last-child{margin-bottom:0}.ol-document mark{padding:0 2px;border-radius:2px;background:#eaf7d9;color:#508331}.ol-page-two-content{margin-top:17px}.ol-closing-message{margin:0;color:#24383f;font-size:9.5px;line-height:1.55}.ol-page-two-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);column-gap:34px;margin-top:38px;align-items:start}.ol-page-two-left{min-width:0}.ol-page-two-right{min-width:0;display:flex;align-items:flex-start}.ol-document-signature{color:#24383f;font-size:9.5px;line-height:1.35}.ol-document-signature p{margin:0 0 12px;font-size:9.5px;line-height:1.35}.ol-signatory-assets{display:flex;align-items:center;gap:0;min-height:58px;margin:0 0 5px}.ol-hr-signature{position:relative;z-index:1;display:block;width:105px;height:54px;object-fit:contain;object-position:left center;background:transparent;border:0}.ol-company-stamp{position:relative;z-index:5;display:block;width:56px;height:54px;margin-left:-70px;object-fit:contain;object-position:center center;background:transparent;border:0}.ol-document-signature strong{display:block;margin:0;color:#24383f;font-size:9.5px;line-height:1.35;font-weight:700}.ol-document-signature span{display:block;color:#24383f;font-size:9.5px;line-height:1.35}.ol-hr-date{margin-top:91px;color:#263d45;font-size:9px;line-height:1}.ol-hr-date span{display:inline-block;margin-right:7px}.ol-sign-line{display:inline-block;width:82px;height:1px;vertical-align:middle;background:#7c8b91}.ol-acceptance{width:100%;padding-top:7px;color:#24383f;font-size:9.5px}.ol-acceptance>strong{display:block;max-width:180px;margin:0 auto 57px;text-align:center;font-size:9.5px;line-height:1.45;font-weight:700}.ol-acceptance-field{margin-bottom:24px;white-space:nowrap}.ol-acceptance-field span{display:inline-block;margin-right:5px;color:#263d45;font-size:9px}.ol-acceptance-line{display:inline-block;width:82px;height:1px;vertical-align:middle;background:#7c8b91}.ol-document-footer{position:absolute;left:42px;right:42px;bottom:27px;text-align:center}.ol-footer-address{position:relative;color:#263d45;font-size:8.5px;line-height:1.4;font-weight:700;text-decoration:underline}.ol-footer-os{margin-left:4px}.ol-page-number{margin-top:10px;color:#7a8c94;font-size:8px;font-weight:500;text-decoration:none}.ol-page-number-only{position:absolute;left:0;right:0;bottom:27px;text-align:center;color:#7a8c94;font-size:8px}@media (max-width: 1100px){.ol-document{max-width:520px}.ol-page-content{padding:27px 36px 110px}.ol-document-logo{width:230px;height:68px}.ol-document-footer{left:36px;right:36px}}@media (max-width: 900px){.ol-document-frame{max-height:none;overflow-x:auto;overflow-y:visible}.ol-document{min-width:500px}}@media (max-width: 650px){.ol-preview-card{padding:10px}.ol-document-frame{padding:7px}.ol-document{min-width:500px}.ol-page-content{padding:26px 30px 105px}.ol-document-logo{width:215px;height:64px}.ol-document-footer{left:30px;right:30px}.ol-page-two-grid{column-gap:22px}.ol-hr-signature{width:95px}.ol-company-stamp{width:52px}}.ol-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0c263073}.ol-modal{width:min(1180px,100%);max-height:calc(100vh - 40px);overflow:hidden;border:1px solid #d9e3e7;border-radius:12px;background:#f3f5f6;box-shadow:0 20px 60px #0a2c3a3d}.ol-modal-header{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e0e8eb;background:#fff}.ol-modal-header h2{margin:0;color:#123d4f;font-size:15px;line-height:1.2}.ol-modal-header p{margin:3px 0 0;color:#738995;font-size:9px}.ol-modal-close{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid #d7e1e5;border-radius:7px;background:#fff;color:#5b7280;cursor:pointer}.ol-modal-close:hover{border-color:#a9c3cc;background:#f7fafb;color:#0a586a}.ol-modal-body{max-height:calc(100vh - 97px);overflow-y:auto;padding:18px}.ol-modal-body .ol-preview-card{padding:0;border:0;background:transparent;box-shadow:none}.ol-modal-body .ol-preview-heading{display:none}.ol-modal-body .ol-document-frame{border:0;border-radius:0;background:transparent;padding:5px}@media (max-width: 700px){.ol-modal-overlay{padding:8px}.ol-modal{max-height:calc(100vh - 16px);border-radius:8px}.ol-modal-body{max-height:calc(100vh - 73px);padding:8px}}.ol-template-card{padding:13px 15px;border:1px solid #e1e8ec;border-radius:10px;background:#fff;box-shadow:0 2px 8px #183d4c09}.ol-template-heading{display:flex;align-items:center;gap:10px}.ol-template-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e8f2f0;color:#0b6473;font-size:17px}.ol-template-heading h2{margin:0;color:#123d4f;font-size:13px;font-weight:750}.ol-template-heading p{margin:3px 0 0;color:#708592;font-size:9px}.ol-template-body{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.ol-template-switches{display:flex;flex-direction:column;gap:8px;padding-right:18px;border-right:1px solid #e4eaed}.ol-template-right{display:flex;flex-direction:column;gap:13px;padding-left:18px}.ol-setting-row{display:flex;align-items:center;gap:8px;color:#365563;font-size:9px;cursor:pointer}.ol-switch{position:relative;width:30px;height:17px;padding:0;border:0;border-radius:20px;background:#cbd6db;cursor:pointer;transition:background .2s ease}.ol-switch span{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000001f;transition:transform .2s ease}.ol-switch.is-on{background:#36a65d}.ol-switch.is-on span{transform:translate(13px)}.ol-page-size label{display:block;margin-bottom:5px;color:#173f51;font-size:9px;font-weight:700}.ol-page-size select{width:100%;height:31px;padding:0 9px;border:1px solid #d8e2e8;border-radius:6px;outline:0;background:#fff;color:#395766;font-family:inherit;font-size:9px}@media (max-width: 700px){.ol-template-body{grid-template-columns:1fr;gap:12px}.ol-template-switches{padding-right:0;border-right:0}.ol-template-right{padding-left:0}}.offer-letter-page{width:100%;min-height:100%;box-sizing:border-box;padding:17px 17px 18px;background:linear-gradient(180deg,#fff,#fbfcfc 55%,#f7f9fa);color:#193f50;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.offer-letter-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(390px,1fr);align-items:start;gap:10px}.offer-letter-left,.offer-letter-right{min-width:0}.offer-letter-right{display:flex;flex-direction:column;gap:10px}@media (max-width: 1180px){.offer-letter-layout{grid-template-columns:minmax(0,1.4fr) minmax(350px,.9fr)}}@media (max-width: 980px){.offer-letter-layout{grid-template-columns:1fr}}@media (max-width: 600px){.offer-letter-page{padding:12px}}.loi-page{width:100%;min-height:100vh;padding:18px 18px 78px;background:#f8fafb;color:#173f4d;box-sizing:border-box}.loi-page>.loi-page-header{width:100%;max-width:100%}.loi-alert{width:100%;margin:0 0 12px;padding:9px 12px;border-radius:6px;font-size:11px;font-weight:600;box-sizing:border-box}.loi-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.loi-alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.loi-main-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.43fr) minmax(460px,1fr);gap:12px;align-items:start}.loi-right-column{min-width:0;display:flex;flex-direction:column;gap:12px}.loi-content-card{width:100%;min-width:0;padding:15px 18px 14px;background:#fff;border:1px solid #e4e9ec;border-radius:11px;box-shadow:0 1px 2px #0f172a06,0 3px 10px #0f172a05;box-sizing:border-box}.loi-card-heading{display:flex;align-items:flex-start;gap:11px;min-height:40px}.loi-card-heading h2{margin:0;color:#133f4d;font-size:15.5px;line-height:1.25;font-weight:750;letter-spacing:-.015em}.loi-card-heading p{margin:3px 0 0;color:#607785;font-size:10.5px;line-height:1.4}.loi-card-icon{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;color:#125b6b;background:#edf6f7;border-radius:50%;box-sizing:border-box}.loi-card-icon-settings{font-size:17px}.loi-form-divider{width:100%;height:1px;margin:10px 0 12px;background:#e7ecef}.loi-form-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:13px;row-gap:12px}.loi-field{width:100%;min-width:0;display:block}.loi-field>span,.loi-field>.loi-field-label{display:block;margin-bottom:5px;color:#163f4e;font-size:10.5px;line-height:1.2;font-weight:700}.loi-field>span b,.loi-field-label b{color:#ef4444;font-weight:700}.loi-field input,.loi-field textarea,.loi-field select{width:100%;min-height:32px;padding:6px 9px;border:1px solid #d9e3e7;border-radius:6px;outline:none;background:#fff;color:#263c48;font-family:inherit;font-size:11.5px;line-height:1.35;box-sizing:border-box;transition:border-color .16s ease,box-shadow .16s ease}.loi-field textarea{min-height:48px;resize:vertical;line-height:1.4}.loi-field input:hover,.loi-field textarea:hover,.loi-field select:hover{border-color:#b9ccd3}.loi-field input:focus,.loi-field textarea:focus,.loi-field select:focus{border-color:#5f9da8;box-shadow:0 0 0 3px #5f9da817}.loi-field input::placeholder,.loi-field textarea::placeholder{color:#94a3b8}.loi-input-icon{position:relative;width:100%}.loi-input-icon svg{position:absolute;z-index:1;top:50%;left:9px;color:#466b78;transform:translateY(-50%);pointer-events:none}.loi-input-icon input{padding-left:32px}.loi-number-with-unit{width:100%;min-height:32px;display:flex;border:1px solid #d9e3e7;border-radius:6px;background:#fff;overflow:hidden;box-sizing:border-box}.loi-number-with-unit input{min-width:0;flex:1;border:0;border-radius:0;box-shadow:none!important}.loi-number-with-unit>span{min-width:62px;display:flex;align-items:center;justify-content:center;padding:0 8px;border-left:1px solid #e0e7ea;background:#f8fafb;color:#647985;font-size:10px;font-weight:500}.loi-body-section{width:100%;margin-top:13px}.loi-body-editor-heading{margin-bottom:5px}.loi-body-editor-heading>span{color:#163f4e;font-size:10.5px;font-weight:700}.loi-body-editor-heading b{color:#ef4444}.loi-editor-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:7px;align-items:stretch}.loi-editor-main{width:100%;min-width:0}.loi-loading{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#526b76;font-size:12px}.loi-spinner{width:26px;height:26px;border:3px solid #dce8eb;border-top-color:#176170;border-radius:50%;animation:loi-spin .75s linear infinite}@keyframes loi-spin{to{transform:rotate(360deg)}}.loi-page-actions{position:fixed;z-index:100;right:0;bottom:0;left:255px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 18px;background:#fffffffa;border-top:1px solid #dfe7ea;box-shadow:0 -3px 12px #0f172a0b;box-sizing:border-box}.loi-cancel-button{min-height:34px;padding:7px 17px;border:1px solid #cbd8dd;border-radius:6px;background:#fff;color:#274b58;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.loi-cancel-button:hover{background:#f8fafb}.loi-primary-actions{display:flex;align-items:center;gap:8px}.loi-preview-button,.loi-save-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 15px;border-radius:6px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;box-sizing:border-box}.loi-preview-button{border:1px solid #cbd9de;background:#fff;color:#244b59}.loi-preview-button:hover{background:#f7fafb}.loi-save-button{min-width:143px;border:1px solid #17616d;background:#17616d;color:#fff;box-shadow:0 3px 8px #17616d21}.loi-save-button:hover{background:#125664}.loi-save-button:disabled,.loi-cancel-button:disabled,.loi-preview-button:disabled{opacity:.55;cursor:not-allowed}@media (min-width: 1200px){.loi-page{padding-top:14px}.loi-main-grid{gap:12px}.loi-content-card{padding-top:14px}.loi-form-grid{row-gap:10px}}@media (max-width: 1180px){.loi-main-grid{grid-template-columns:minmax(0,1fr)}.loi-right-column{display:grid;grid-template-columns:minmax(0,1fr)}.loi-page-actions{left:0}}@media (max-width: 700px){.loi-page{padding:14px 10px 78px}.loi-form-grid,.loi-editor-layout{grid-template-columns:1fr}.loi-page-actions{left:0;min-height:56px;padding:8px 10px}.loi-primary-actions{gap:5px}.loi-preview-button,.loi-save-button,.loi-cancel-button{padding:7px 10px;font-size:10px}}.loi-page-header{width:100%;margin-bottom:13px}.loi-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:#607783;font-size:9.5px;line-height:1.3}.loi-breadcrumb span:last-child{color:#456775}.loi-title-row{display:flex;align-items:flex-start;justify-content:space-between}.loi-title-row h1{margin:0;color:#123f4d;font-size:24px;line-height:1.12;font-weight:750;letter-spacing:-.035em}.loi-title-row p{margin:4px 0 0;color:#5e7480;font-size:11.5px;line-height:1.4}.loi-header-status{display:none}@media (max-width: 700px){.loi-title-row h1{font-size:21px}}.loi-logo-field{width:100%;min-width:0}.loi-logo-field>.loi-field-label{display:block;margin-bottom:5px;color:#163f4e;font-size:10.5px;line-height:1.2;font-weight:700}.loi-logo-upload-row{width:100%;min-height:70px;display:flex;align-items:stretch;gap:9px}.loi-logo-upload{position:relative;flex:1;min-width:0;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 10px;border:1px dashed #8fb2b8;border-radius:6px;background:#fbfdfd;color:#1c5968;text-align:center;cursor:pointer;box-sizing:border-box}.loi-logo-upload:hover{background:#f5fafb;border-color:#5e969f}.loi-logo-upload input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.loi-logo-upload input:disabled{cursor:not-allowed}.loi-logo-upload svg{width:18px;height:18px;margin-bottom:3px;color:#175f70}.loi-logo-upload strong{font-size:9.5px;line-height:1.2;font-weight:700}.loi-logo-upload span{margin-top:2px;color:#6c7e86;font-size:7.8px;line-height:1.2}.loi-current-logo{position:relative;width:84px;min-width:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box}.loi-current-logo img{display:block;width:76px;height:44px;object-fit:contain;border:1px solid #e7ecee;border-radius:3px;background:#fff}.loi-current-logo span{color:#647780;font-size:7.5px;line-height:1.2}.loi-current-logo button{position:absolute;top:-5px;right:-3px;z-index:3;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #f4b4b4;border-radius:50%;background:#fff;color:#ef4444;cursor:pointer;box-shadow:0 1px 4px #0f172a14}.loi-current-logo button:hover{background:#fef2f2}.loi-no-logo{width:84px;min-width:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#94a3b8;font-size:8px;text-align:center}.loi-no-logo svg{color:#9aaeb6}@media (max-width: 700px){.loi-logo-upload-row{min-height:auto;flex-direction:column}.loi-current-logo,.loi-no-logo{width:100%;min-width:0}}.loi-editor-wrapper{width:100%;min-width:0}.loi-editor-toolbar{width:100%;min-height:31px;display:flex;align-items:center;gap:1px;padding:2px 5px;border:1px solid #d8e1e5;border-bottom:0;border-radius:6px 6px 0 0;background:#f7f9fa;box-sizing:border-box;overflow:hidden}.loi-editor-toolbar select{width:76px;height:25px;padding:2px 5px;border:0;outline:none;background:transparent;color:#354c57;font-family:inherit;font-size:8.5px;cursor:pointer}.loi-editor-toolbar button{width:24px;height:25px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:4px;background:transparent;color:#425762;cursor:pointer}.loi-editor-toolbar button:hover{color:#145d6c;background:#e8f2f4}.loi-editor-toolbar button:active{background:#dcebed}.loi-toolbar-divider{width:1px;height:16px;flex:0 0 1px;margin:0 3px;background:#d8e1e5}.loi-editor-content{width:100%;min-height:278px;max-height:278px;overflow-y:auto;padding:8px 9px;border:1px solid #d8e1e5;border-radius:0 0 6px 6px;outline:none;background:#fff;color:#1e293b;font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:1.43;box-sizing:border-box}.loi-editor-content:focus{border-color:#72a5ad;box-shadow:0 0 0 2px #4c9aaa12}.loi-editor-content:empty:before{content:attr(data-placeholder);color:#9aa8af;pointer-events:none}.loi-editor-content p{margin:0 0 7px}.loi-editor-content h3{margin:9px 0 5px;color:#173e4b;font-size:10.5px;line-height:1.3;font-weight:700}.loi-editor-content ul,.loi-editor-content ol{margin:3px 0 7px;padding-left:18px}.loi-editor-content li{margin-bottom:2px}.loi-editor-content a{color:#2563eb;text-decoration:underline}.loi-editor-content-error{border-color:#ef4444}.loi-editor-content-error:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262612}.loi-validation-error{display:block;margin-top:4px;color:#dc2626;font-size:9px;line-height:1.3}.loi-editor-content::-webkit-scrollbar{width:4px}.loi-editor-content::-webkit-scrollbar-track{background:#f8fafb}.loi-editor-content::-webkit-scrollbar-thumb{background:#cbd5dc;border-radius:10px}.loi-merge-fields{width:150px;min-width:150px;height:100%;padding:9px 8px;background:#eff8f1;border-radius:6px;box-sizing:border-box;overflow:hidden}.loi-merge-fields h4{margin:0;color:#355b42;font-size:10.5px;line-height:1.25;font-weight:750}.loi-merge-fields p{margin:3px 0 8px;color:#68806e;font-size:8px;line-height:1.35}.loi-merge-field-list{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.loi-merge-field-list button{width:auto;max-width:100%;min-height:17px;padding:2px 5px;border:1px solid #cbe7b8;border-radius:8px;background:#e8f7c8;color:#52722d;font-family:inherit;font-size:7.7px;line-height:1.2;font-weight:600;text-align:left;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease}.loi-merge-field-list button:hover{background:#ddf0b7;border-color:#afd594}.loi-merge-field-list button:active{background:#d4e9a9}@media (max-width: 700px){.loi-merge-fields{width:100%;min-width:0;height:auto}.loi-merge-field-list{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:4px}}.loi-preview-card{width:100%;min-width:0;padding:14px 15px 9px;background:#fff;border:1px solid #e2e8eb;border-radius:11px;box-shadow:0 1px 2px #0f172a06,0 3px 10px #0f172a05;box-sizing:border-box}.loi-preview-container{width:100%;height:563px;display:flex;align-items:flex-start;justify-content:center;padding:8px;background:#f6f8f9;border:1px solid #e0e7ea;border-radius:6px;overflow:hidden;box-sizing:border-box}.loi-paper{position:relative;width:100%;max-width:470px;min-height:545px;padding:22px 27px 31px;background:#fff;border:1px solid #e0e3e5;box-shadow:0 2px 7px #0f172a14;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:7.8px;line-height:1.36;box-sizing:border-box}.loi-paper-letter{min-height:525px}.loi-paper-logo{display:flex;align-items:center;justify-content:center;margin-bottom:13px}.loi-paper-logo img{display:block;width:auto;max-width:205px;max-height:58px;object-fit:contain}.loi-paper-title{margin-bottom:12px;text-align:center}.loi-paper-title h2{margin:0;color:#171717;font-size:10px;line-height:1.3;font-weight:700;text-transform:uppercase;text-decoration:underline}.loi-paper-date{margin-bottom:12px;text-align:right;color:#111;font-size:7.6px}.loi-paper-candidate{display:flex;flex-direction:column;margin-bottom:11px;color:#111;font-size:7.7px;line-height:1.3}.loi-paper-candidate strong{margin-bottom:1px;font-weight:700}.loi-paper-body{color:#111;font-size:7.7px;line-height:1.36}.loi-paper-body p{margin:0 0 7px}.loi-paper-body h3{margin:9px 0 4px;font-size:8.5px;line-height:1.3;font-weight:700}.loi-paper-body ul,.loi-paper-body ol{margin:3px 0 7px;padding-left:15px}.loi-paper-body li{margin-bottom:2px}.loi-paper-body a{color:#1d4ed8;text-decoration:underline}.loi-signature{display:flex;flex-direction:column;align-items:flex-start;margin-top:17px;color:#111}.loi-signature-greeting{margin-bottom:5px;color:#111;font-size:7.8px;line-height:1.35}.loi-signature-images{position:relative;display:flex;align-items:center;width:175px;height:62px;margin-bottom:4px}.loi-signature-image{position:absolute;left:0;top:7px;width:105px;height:48px;display:flex;align-items:center;justify-content:flex-start;overflow:visible;z-index:1}.loi-signature-image img{display:block;width:auto;max-width:100px;max-height:45px;object-fit:contain}.loi-signature-stamp{position:absolute;left:35px;top:-10px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:2}.loi-signature-stamp img{display:block;width:auto;max-width:60px;max-height:60px;object-fit:contain}.loi-signature strong{display:block;color:#111;font-size:7.8px;line-height:1.35;font-weight:700}.loi-signature span{display:block;margin-top:1px;color:#111;font-size:7.7px;line-height:1.35}.loi-paper-footer{position:absolute;right:27px;bottom:10px;left:27px;padding-top:5px;border-top:1px solid #e6e6e6;color:#2e2e2e;font-size:6.4px;line-height:1.25;text-align:center}.loi-preview-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding-top:7px}.loi-preview-navigation button{min-height:26px;padding:4px 10px;border:1px solid #dbe4e8;border-radius:5px;background:#fff;color:#58717c;font-family:inherit;font-size:8.5px;line-height:1;cursor:default}.loi-preview-navigation button:first-child{justify-self:start}.loi-preview-navigation button:last-child{justify-self:end}.loi-preview-navigation strong{color:#365966;font-size:8.5px;font-weight:700;text-align:center}@media (max-width: 700px){.loi-preview-container{height:auto;max-height:600px;overflow:auto}.loi-paper{min-width:430px}}.loi-template-settings{width:100%;padding:13px 15px 14px;background:#fff;border:1px solid #e2e8eb;border-radius:11px;box-shadow:0 1px 2px #0f172a06,0 3px 10px #0f172a05;box-sizing:border-box}.loi-template-settings .loi-card-heading{margin-bottom:11px;padding-bottom:10px;border-bottom:1px solid #e7ecef}.loi-template-settings .loi-card-heading h2{font-size:15px}.loi-template-settings .loi-card-heading p{font-size:9.5px}.loi-template-settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(165px,.75fr);gap:20px;align-items:start}.loi-template-toggles{display:flex;flex-direction:column;gap:8px}.loi-toggle-row{min-height:18px;display:flex;align-items:center;gap:7px;color:#3e5660;font-size:9.5px;line-height:1.25;cursor:pointer}.loi-toggle-row>input{position:absolute;opacity:0;pointer-events:none}.loi-toggle{position:relative;width:29px;height:16px;flex:0 0 29px;display:flex;align-items:center;padding:2px;border-radius:999px;background:#cbd5dc;box-sizing:border-box;transition:background-color .15s ease}.loi-toggle>span{width:12px;height:12px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a33;transform:translate(0);transition:transform .15s ease}.loi-toggle-row>input:checked+.loi-toggle{background:#43aa61}.loi-toggle-row>input:checked+.loi-toggle>span{transform:translate(13px)}.loi-toggle-row>input:focus-visible+.loi-toggle{box-shadow:0 0 0 3px #43aa6126}.loi-template-selects{display:flex;flex-direction:column;gap:10px}.loi-template-selects label{display:flex;flex-direction:column;gap:4px}.loi-template-selects label>span{color:#29434e;font-size:9.5px;line-height:1.2;font-weight:700}.loi-template-selects select{width:100%;height:30px;padding:5px 8px;border:1px solid #d6e0e4;border-radius:5px;outline:none;background:#fff;color:#344c57;font-family:inherit;font-size:9.5px;cursor:pointer;box-sizing:border-box}.loi-template-selects select:focus{border-color:#70a4ad;box-shadow:0 0 0 3px #4c9aaa14}@media (max-width: 700px){.loi-template-settings-grid{grid-template-columns:1fr;gap:15px}}.send-resignation-header{margin-bottom:20px}.send-resignation-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:#64748b;font-size:13px}.send-resignation-breadcrumb strong{color:#334155;font-weight:500}.send-resignation-header h1{margin:0;color:#0f172a;font-size:28px;line-height:1.2;font-weight:700}.send-resignation-header p{margin:7px 0 0;color:#64748b;font-size:14px}.employee-email-field{min-width:0}.employee-email-field label{display:block;margin-bottom:8px;color:#0f172a;font-size:14px;font-weight:600}.employee-email-field label span{color:#dc2626}.employee-email-control{position:relative;display:flex;align-items:center;min-height:42px;border:1px solid #d8e0ea;border-radius:7px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.employee-email-control:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.employee-email-control--error{border-color:#dc2626}.employee-email-icon{flex:0 0 auto;margin-left:12px;color:#64748b}.employee-email-control input{width:100%;min-width:0;height:40px;padding:0 36px 0 10px;border:0;outline:0;background:transparent;color:#334155;font-size:14px}.employee-email-control input::placeholder{color:#94a3b8}.employee-email-control input:disabled{cursor:not-allowed;background:#f8fafc}.employee-email-chevron{position:absolute;right:12px;color:#64748b;pointer-events:none}.employee-email-field small{display:block;margin-top:6px;color:#64748b;font-size:12px}.employee-email-selected{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#475569;font-size:12px}.employee-email-selected span:first-child{color:#0f172a;font-weight:600}.employee-email-error{margin-top:6px;color:#dc2626;font-size:12px}.resignation-subject-field label{display:block;margin-bottom:8px;color:#0f172a;font-size:14px;font-weight:600}.resignation-subject-field label span{color:#dc2626}.resignation-subject-control{display:flex;align-items:center;min-height:42px;border:1px solid #d8e0ea;border-radius:7px;background:#fff}.resignation-subject-control:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.resignation-subject-control--error{border-color:#dc2626}.resignation-subject-control svg{margin-left:12px;color:#64748b;flex:0 0 auto}.resignation-subject-control input{width:100%;height:40px;padding:0 12px;border:0;outline:0;background:transparent;color:#334155;font-size:14px}.resignation-subject-field small{display:block;margin-top:6px;color:#64748b;font-size:12px}.resignation-subject-error{margin-top:6px;color:#dc2626;font-size:12px}.resignation-message-field{margin-top:22px}.resignation-message-field>label{display:block;margin-bottom:8px;color:#0f172a;font-size:14px;font-weight:600}.resignation-message-field>label span{color:#dc2626}.resignation-message-editor{overflow:hidden;border:1px solid #d8e0ea;border-radius:7px;background:#fff}.resignation-message-editor:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.resignation-message-editor--error{border-color:#dc2626}.resignation-message-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 12px;border-bottom:1px solid #e5eaf0;background:#f8fafc;color:#64748b;font-size:12px;font-weight:600}.resignation-message-editor textarea{display:block;width:100%;min-height:170px;padding:14px;resize:vertical;border:0;outline:0;background:#fff;color:#334155;font-family:inherit;font-size:14px;line-height:1.65}.resignation-message-editor textarea::placeholder{color:#94a3b8}.resignation-message-footer{display:flex;justify-content:space-between;gap:16px;margin-top:6px}.resignation-message-footer small,.resignation-message-footer span{color:#64748b;font-size:12px}.resignation-message-error{margin-top:6px;color:#dc2626;font-size:12px}.attachment-uploader{min-width:0}.attachment-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:116px;padding:20px;border:1px dashed #b9c7d8;border-radius:8px;background:#fff;color:#2563eb;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.attachment-dropzone:hover{border-color:#60a5fa;background:#f8fbff}.attachment-dropzone strong{margin-top:8px;color:#334155;font-size:13px;font-weight:600}.attachment-dropzone strong span{color:#2563eb}.attachment-dropzone small{margin-top:6px;color:#64748b;font-size:11px;text-align:center}.attached-files{overflow:hidden;border:1px solid #dce4ed;border-radius:8px;background:#fff}.attached-files-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #e6ebf1;background:#f8fafc;color:#475569;font-size:12px;font-weight:600}.attached-files-header button{border:0;background:transparent;color:#2563eb;font-size:12px;font-weight:600;cursor:pointer}.attached-files-list{max-height:170px;overflow-y:auto}.attached-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #edf1f5}.attached-file:last-child{border-bottom:0}.attached-file-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:7px;background:#eff6ff;color:#2563eb}.attached-file-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.attached-file-info strong{overflow:hidden;color:#334155;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.attached-file-info span{color:#64748b;font-size:11px}.attached-file>button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border:0;border-radius:5px;background:transparent;color:#64748b;cursor:pointer}.attached-file>button:hover{background:#f1f5f9;color:#dc2626}.attached-files-error{padding:9px 12px;color:#dc2626;font-size:12px}.send-resignation-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;margin-top:22px;border-top:1px solid #e5eaf0}.send-resignation-cancel,.send-resignation-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.send-resignation-cancel{border:1px solid #d8e0ea;background:#fff;color:#334155}.send-resignation-cancel:hover:not(:disabled){background:#f8fafc}.send-resignation-submit{border:1px solid #0ea765;background:#0ea765;color:#fff}.send-resignation-submit:hover:not(:disabled){background:#0b9459}.send-resignation-cancel:disabled,.send-resignation-submit:disabled{opacity:.65;cursor:not-allowed}.send-resignation-spinner{animation:send-resignation-spin .9s linear infinite}@keyframes send-resignation-spin{to{transform:rotate(360deg)}}.resignation-email-card{padding:18px;border:1px solid #e1e7ee;border-radius:10px;background:#fff;box-shadow:0 2px 8px #0f172a0a}.resignation-info-banner{display:flex;align-items:center;gap:16px;min-height:78px;padding:16px 18px;border:1px solid #d9e9fb;border-radius:9px;background:#eff7ff}.resignation-info-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:10px;background:#fff;color:#2563eb;box-shadow:0 2px 6px #2563eb14}.resignation-info-banner strong{color:#0f172a;font-size:15px;font-weight:700}.resignation-info-banner p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.5}.resignation-alert{display:flex;align-items:center;gap:9px;margin-top:16px;padding:11px 13px;border-radius:7px;font-size:13px}.resignation-alert--error{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.resignation-alert--success{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d}.resignation-email-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:22px}.resignation-attachments-section{margin-top:22px}.resignation-attachments-heading{display:flex;justify-content:space-between;margin-bottom:9px}.resignation-attachments-heading h3{margin:0;color:#0f172a;font-size:14px;font-weight:600}.resignation-attachments-heading h3 span{margin-left:8px;color:#64748b;font-size:11px;font-weight:400}.resignation-attachments-heading p{margin:5px 0 0;color:#64748b;font-size:12px}.resignation-attachments-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}@media (max-width: 900px){.resignation-email-grid,.resignation-attachments-grid{grid-template-columns:1fr}}@media (max-width: 600px){.resignation-email-card{padding:14px}.resignation-info-banner{align-items:flex-start}.send-resignation-actions{flex-direction:column-reverse;align-items:stretch}}.send-resignation-page{width:100%;min-height:100%;padding:20px 24px 32px;box-sizing:border-box;background:#f8fafc}@media (max-width: 768px){.send-resignation-page{padding:16px}}.comp-off-page{width:100%;min-height:100%;box-sizing:border-box;padding:22px 24px 30px;background:#f4f7f6;color:#172b2a}.comp-off-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.comp-off-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#7a8987;font-size:11px}.comp-off-breadcrumb strong{color:#0f766e;font-weight:600}.comp-off-header h1{margin:0;color:#172b2a;font-size:25px;font-weight:700;line-height:1.2}.comp-off-header p{margin:6px 0 0;color:#647573;font-size:12px}.comp-off-add-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 16px;border:0;border-radius:6px;background:#0f766e;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.comp-off-add-button:hover{background:#115e59;transform:translateY(-1px)}.comp-off-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.comp-off-stat-card{display:flex;align-items:center;gap:12px;min-height:78px;padding:12px 14px;box-sizing:border-box;border:1px solid #d9e5e2;border-radius:8px;background:#fff}.comp-off-stat-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:7px}.comp-off-stat-icon.employees{background:#e4f1ef;color:#0f766e}.comp-off-stat-icon.pending{background:#fff4df;color:#b7791f}.comp-off-stat-icon.assigned{background:#e3f4eb;color:#25835d}.comp-off-stat-icon.holiday{background:#eee9fb;color:#7657b8}.comp-off-stat-card div:last-child{display:flex;flex-direction:column;gap:4px}.comp-off-stat-card span{color:#647573;font-size:11px}.comp-off-stat-card strong{color:#172b2a;font-size:20px;font-weight:700}.comp-off-content-card{overflow:hidden;border:1px solid #d9e5e2;border-radius:8px;background:#fff}.comp-off-section-header{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e5ecea}.comp-off-section-header h2{margin:0;color:#172b2a;font-size:15px;font-weight:700}.comp-off-section-header p{margin:4px 0 0;color:#71817f;font-size:10px}.comp-off-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 170px 160px;gap:9px;padding:12px 15px;border-bottom:1px solid #e5ecea;background:#fafcfb}.comp-off-search{position:relative;display:flex;align-items:center}.comp-off-search svg{position:absolute;left:10px;color:#758582;pointer-events:none}.comp-off-search input,.comp-off-filter-bar select{width:100%;height:34px;box-sizing:border-box;border:1px solid #d5e0dd;border-radius:5px;outline:none;background:#fff;color:#304642;font-family:inherit;font-size:11px}.comp-off-search input{padding:0 10px 0 32px}.comp-off-filter-bar select{padding:0 9px}.comp-off-search input:focus,.comp-off-filter-bar select:focus{border-color:#0f766e}.comp-off-table-wrapper{width:100%;overflow-x:auto}.comp-off-table{width:100%;min-width:980px;border-collapse:collapse}.comp-off-table th,.comp-off-table td{padding:10px 12px;border-bottom:1px solid #edf1f0;text-align:left;vertical-align:middle}.comp-off-table th{background:#f6f9f8;color:#536663;font-size:10px;font-weight:700;white-space:nowrap}.comp-off-table td{color:#435753;font-size:11px}.comp-off-table tbody tr{transition:background .15s ease}.comp-off-table tbody tr:hover{background:#f9fcfb}.comp-off-table th:first-child,.comp-off-table td:first-child{width:38px;text-align:center}.employee-cell{display:flex;align-items:center;gap:9px}.employee-avatar{display:flex;align-items:center;justify-content:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#e1efed;color:#0f766e;font-size:11px;font-weight:700}.employee-cell>div:last-child,.department-cell{display:flex;flex-direction:column;gap:2px}.employee-cell strong,.department-cell strong{color:#263c39;font-size:11px;font-weight:600}.employee-cell span,.department-cell span{color:#7a8987;font-size:9px}.day-type{display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;font-size:9px;font-weight:600;white-space:nowrap}.day-type.holiday{background:#eee9fb;color:#7054ae}.day-type.week-off{background:#e4f0fb;color:#3173a9}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;font-size:9px;font-weight:600}.status>span{width:6px;height:6px;border-radius:50%}.status.pending{background:#fff3dc;color:#a97019}.status.pending>span{background:#d99a28}.status.assigned{background:#e4f5eb;color:#27835d}.status.assigned>span{background:#2fa36f}.not-assigned{color:#9aa6a4;font-size:10px}.table-action-button{min-height:28px;padding:0 9px;border:1px solid #c7d8d4;border-radius:5px;background:#fff;color:#0f766e;font-family:inherit;font-size:9px;font-weight:600;cursor:pointer}.table-action-button:hover{border-color:#0f766e;background:#eef7f5}.comp-off-empty{height:150px;text-align:center!important;color:#8a9895!important}.comp-off-table-footer{padding:11px 15px;color:#7a8987;font-size:10px;background:#fff}.comp-off-table-footer strong{color:#435753}.comp-off-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#1127256b}.comp-off-modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid #d9e5e2;border-radius:9px;background:#fff;box-shadow:0 20px 50px #062e2b2e}.comp-off-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #e5ecea}.comp-off-modal-header h2{margin:0;color:#172b2a;font-size:17px;font-weight:700}.comp-off-modal-header p{margin:4px 0 0;color:#71817f;font-size:10px}.comp-off-modal-header>button{display:flex;align-items:center;justify-content:center;width:29px;height:29px;padding:0;border:1px solid #d9e3e0;border-radius:5px;background:#fff;color:#61716e;cursor:pointer}.comp-off-modal-header>button:hover{background:#f3f7f6;color:#172b2a}.comp-off-form{display:flex;flex-direction:column;gap:14px;padding:17px 18px 18px}.comp-off-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comp-off-form-field{display:flex;flex-direction:column;gap:6px}.comp-off-form-field.full{width:100%}.comp-off-form-field label{color:#304642;font-size:10px;font-weight:600}.comp-off-form-field label span{margin-left:3px;color:#d94e49}.comp-off-form-field select,.comp-off-form-field input,.comp-off-form-field textarea{width:100%;box-sizing:border-box;border:1px solid #d5e0dd;border-radius:5px;outline:none;background:#fff;color:#334b46;font-family:inherit;font-size:11px}.comp-off-form-field select,.comp-off-form-field input{height:36px;padding:0 10px}.comp-off-form-field textarea{min-height:85px;padding:9px 10px;resize:vertical}.comp-off-form-field select:focus,.comp-off-form-field input:focus,.comp-off-form-field textarea:focus{border-color:#0f766e}.comp-off-form-field small{align-self:flex-end;margin-top:-3px;color:#8a9895;font-size:9px}.form-date-input{position:relative}.form-date-input input{padding-right:35px}.form-date-input svg{position:absolute;top:10px;right:10px;color:#647b76;pointer-events:none}.comp-off-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.comp-off-form-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:5px;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer}.cancel-button{border:1px solid #d3dfdc;background:#fff;color:#435753}.cancel-button:hover{background:#f5f8f7}.submit-button{border:1px solid #0f766e;background:#0f766e;color:#fff}.submit-button:hover{background:#115e59}@media (max-width: 1050px){.comp-off-stat-grid{grid-template-columns:repeat(2,1fr)}.comp-off-filter-bar{grid-template-columns:1fr 1fr}.comp-off-search{grid-column:1 / -1}}@media (max-width: 700px){.comp-off-page{padding:15px}.comp-off-header{align-items:flex-start;flex-direction:column}.comp-off-add-button{width:100%}.comp-off-stat-grid,.comp-off-filter-bar{grid-template-columns:1fr}.comp-off-search{grid-column:auto}.comp-off-form-row{grid-template-columns:1fr}.comp-off-modal-overlay{align-items:flex-end;padding:0}.comp-off-modal{width:100%;max-height:90vh;border-radius:12px 12px 0 0}}.comp-off-row-actions{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;white-space:nowrap}.comp-off-row-actions button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #cfdad7;border-radius:5px;background:#fff;color:#536663;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.comp-off-row-actions button:hover{transform:translateY(-1px)}.comp-off-row-actions button:first-child:hover{border-color:#0f766e;background:#eef7f5;color:#0f766e}.comp-off-row-actions .comp-off-action-approve{border-color:#b9dcca;background:#f2faf5;color:#25835d}.comp-off-row-actions .comp-off-action-approve:hover{border-color:#25835d;background:#e3f4eb;color:#1d714f}.comp-off-row-actions .comp-off-action-reject{border-color:#e5c4c4;background:#fff7f7;color:#c44949}.comp-off-row-actions .comp-off-action-reject:hover{border-color:#c44949;background:#fdecec;color:#a93636}.comp-off-row-actions button:disabled{opacity:.55;cursor:not-allowed;transform:none}.comp-off-action-modal{width:min(560px,100%)}.comp-off-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:#e5ecea}.comp-off-details-grid>div{display:flex;flex-direction:column;gap:5px;min-height:62px;padding:12px 15px;background:#fff;box-sizing:border-box}.comp-off-details-grid>div.full{grid-column:1 / -1}.comp-off-details-grid span{color:#7a8987;font-size:9px;font-weight:500}.comp-off-details-grid strong{color:#304642;font-size:11px;font-weight:600;line-height:1.45}.comp-off-action-form{display:flex;flex-direction:column;gap:15px;padding:17px 18px}.comp-off-action-form label{display:flex;flex-direction:column;gap:6px;color:#304642;font-size:10px;font-weight:600}.comp-off-action-form label>span{color:#d94e49;margin-left:3px}.comp-off-action-form input,.comp-off-action-form textarea{width:100%;box-sizing:border-box;border:1px solid #d5e0dd;border-radius:5px;outline:none;background:#fff;color:#334b46;font-family:inherit;font-size:11px}.comp-off-action-form input{height:37px;padding:0 10px}.comp-off-action-form textarea{min-height:90px;padding:9px 10px;resize:vertical}.comp-off-action-form input:focus,.comp-off-action-form textarea:focus{border-color:#0f766e}.comp-off-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px 16px;border-top:1px solid #e5ecea}.comp-off-modal-footer button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:35px;padding:0 14px;border-radius:5px;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer}.secondary-button{border:1px solid #d3dfdc;background:#fff;color:#435753}.secondary-button:hover{background:#f5f8f7}.comp-off-modal-footer .submit-button{border:1px solid #0f766e;background:#0f766e;color:#fff}.comp-off-modal-footer .submit-button:hover{border-color:#115e59;background:#115e59}.comp-off-reject-submit{border:1px solid #c44949;background:#c44949;color:#fff}.comp-off-reject-submit:hover{border-color:#a93636;background:#a93636}.comp-off-modal-footer button:disabled{opacity:.6;cursor:not-allowed}.comp-off-action-modal .comp-off-error{margin:12px 18px 0}.modal-close-button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;padding:0;border:1px solid #d9e3e0;border-radius:5px;background:#fff;color:#61716e;cursor:pointer}.modal-close-button:hover{background:#f3f7f6;color:#172b2a}.comp-off-table th:last-child,.comp-off-table td:last-child{white-space:nowrap}.comp-off-table th:last-child{text-align:center}.comp-off-table td:last-child{text-align:center}.comp-off-employee-cell{display:flex;flex-direction:column;gap:2px}.comp-off-employee-cell strong{color:#263c39;font-size:11px;font-weight:600}@media (max-width: 600px){.comp-off-details-grid{grid-template-columns:1fr}.comp-off-details-grid>div.full{grid-column:auto}.comp-off-modal-footer{flex-direction:column-reverse}.comp-off-modal-footer button{width:100%}.comp-off-row-actions{gap:4px}.comp-off-row-actions button{width:27px;height:27px}}.assigned-shifts{width:100%;max-width:2060px;margin:0;padding:24px 28px 32px;box-sizing:border-box;min-height:100vh;background:#f8fafc;color:#172033;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.as-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:26px}.as-header h1{margin:0 0 7px;color:#111827;font-size:24px;line-height:1.35;font-weight:700}.as-header p{margin:0;color:#64748b;font-size:14px;line-height:1.6}.as-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.as-btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 16px;border:1px solid #dbe2ea;border-radius:8px;background:#fff;color:#475569;font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.as-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.as-btn:focus-visible{outline:2px solid #80cbc4;outline-offset:2px}.as-btn:disabled{opacity:.55;cursor:not-allowed}.as-btn-primary{color:#fff;background:#80cbc4;border-color:#80cbc4}.as-btn-primary:hover:not(:disabled){color:#fff;background:#4db6ac;border-color:#4db6ac}.as-btn-success{color:#fff;background:#188754;border-color:#188754}.as-btn-success:hover:not(:disabled){color:#fff;background:#146c43;border-color:#146c43}.as-btn-edit{min-height:32px;padding:6px 12px;color:#087f8c;background:#e6fffb;border-color:#b2e5df}.as-btn-edit:hover:not(:disabled){background:#ccfbf1;border-color:#80cbc4}.as-btn-danger{min-height:32px;padding:6px 12px;color:#b91c1c;background:#fff;border-color:#fecaca}.as-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.as-alert{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 17px;margin-bottom:20px;border:1px solid #fca5a5;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:14px;line-height:1.5}.as-alert button{padding:0 4px;border:none;background:transparent;color:#b91c1c;font-size:22px;cursor:pointer}.as-toolbar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:18px 20px;margin-bottom:20px;border:1px solid #edf0f4;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0f172a08}.as-search{display:flex;flex:1;flex-direction:column;gap:8px;min-width:260px;color:#374151;font-size:13px;font-weight:600}.as-search input{width:100%;min-height:42px;padding:10px 14px;box-sizing:border-box;border:1px solid #dce3eb;border-radius:8px;outline:none;background:#f9fafb;color:#1f2937;font-family:inherit;font-size:14px;font-weight:400;transition:border-color .2s ease,box-shadow .2s ease}.as-search input::placeholder{color:#94a3b8}.as-search input:focus{border-color:#80cbc4;box-shadow:0 0 0 3px #80cbc42e;background:#fff}.as-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.as-rows-label{display:flex;align-items:center;gap:9px;color:#475569;font-size:13px}.as-rows-label select{width:80px;min-height:40px;padding:8px 10px;border:1px solid #dce3eb;border-radius:8px;background:#fff;color:#334155;font-family:inherit;font-size:13px;outline:none}.as-table-wrap{width:100%;overflow-x:auto;border:1px solid #edf0f4;border-radius:12px;background:#fff;box-shadow:0 2px 6px #0f172a08}.as-table{width:100%;min-width:1000px;border-collapse:separate;border-spacing:0;background:#fff;text-align:left;font-size:13px}.as-table thead th{padding:16px 17px;border-bottom:1px solid #e8edf2;background:#f8fafc;color:#475569;font-size:12px;font-weight:700;letter-spacing:.15px;white-space:nowrap}.as-table tbody td{padding:15px 17px;border-bottom:1px solid #edf0f4;color:#475569;line-height:1.6;vertical-align:middle}.as-table tbody tr:last-child td{border-bottom:none}.as-table tbody tr{transition:background .15s ease}.as-table tbody tr:hover{background:#f8fcfb}.as-table td strong{color:#1f2937;font-size:13px;font-weight:600}.as-row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.as-no-results{padding:42px 20px!important;color:#64748b!important;text-align:center;font-size:14px}.as-empty{display:flex;align-items:center;justify-content:center;min-height:160px;padding:30px;border:1px solid #edf0f4;border-radius:12px;background:#fff;color:#64748b;font-size:14px}.as-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 4px;color:#64748b;font-size:13px}.as-pagination>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.as-pagination .as-btn{min-height:35px;padding:7px 12px}.as-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;overflow-y:auto;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.as-modal{width:100%;max-width:800px;max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid #edf0f4;border-radius:12px;background:#fff;box-shadow:0 20px 55px #0f172a2e}.as-modal form{display:flex;flex-direction:column}.as-modal-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 24px;border-bottom:1px solid #edf0f4;background:#fff}.as-modal-header h2{margin:0;color:#111827;font-size:20px;font-weight:700}.as-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:25px;cursor:pointer}.as-close:hover:not(:disabled){background:#f1f5f9}.as-modal-body{display:flex;flex-direction:column;gap:18px;padding:24px}.as-modal-body>label,.as-two-cols label{display:flex;flex-direction:column;gap:8px;color:#374151;font-size:13px;font-weight:600}.as-modal input,.as-modal select{min-height:42px;padding:10px 12px;border:1px solid #dce3eb;border-radius:8px;background:#fff;color:#1f2937;font-family:inherit;font-size:14px;font-weight:400;outline:none}.as-modal input:focus,.as-modal select:focus{border-color:#80cbc4;box-shadow:0 0 0 3px #80cbc429}.as-modal input:read-only{background:#f8fafc;color:#64748b}.as-modal-body small{color:#64748b;font-size:12px;font-weight:400}.as-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.as-generated{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #e8edf2;border-radius:10px;background:#f9fafb}.as-generated-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,1fr);align-items:center;gap:14px;padding:10px 12px;border:1px solid #edf0f4;border-radius:8px;background:#fff;color:#475569;font-size:13px}.as-generated p{margin:0;color:#64748b;font-size:13px}.as-leave-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.as-leave-heading strong{color:#1f2937;font-size:15px;font-weight:700}.as-leave-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,.8fr) minmax(130px,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #edf0f4;border-radius:8px;background:#fff}.as-modal-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;padding:17px 24px;border-top:1px solid #edf0f4;background:#fff}@media (max-width: 1024px){.assigned-shifts{padding:20px}.as-header h1{font-size:22px}.as-toolbar{align-items:stretch}.as-search{flex-basis:100%}.as-toolbar-actions{justify-content:flex-start}}@media (max-width: 768px){.assigned-shifts{padding:16px}.as-header{align-items:flex-start;flex-direction:column;gap:16px}.as-header h1{font-size:21px}.as-actions{width:100%}.as-toolbar{padding:15px}.as-search{min-width:100%}.as-toolbar-actions{width:100%;justify-content:flex-start}.as-pagination{align-items:flex-start;flex-direction:column}.as-two-cols,.as-generated-row,.as-leave-row{grid-template-columns:1fr}.as-modal-backdrop{align-items:flex-start;padding:12px}.as-modal{max-height:calc(100vh - 24px)}.as-modal-header,.as-modal-footer{padding:15px 17px}.as-modal-body{padding:17px}}@media (max-width: 480px){.assigned-shifts{padding:12px}.as-actions{align-items:stretch;flex-direction:column}.as-actions .as-btn{width:100%}.as-toolbar-actions{align-items:stretch;flex-direction:column}.as-toolbar-actions>.as-btn{width:100%}.as-rows-label{justify-content:space-between}.as-rows-label select{flex:1}.as-header h1{font-size:19px}.as-pagination>div{gap:8px}}.bgv-page{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182230;max-width:1500px;margin:0 auto;padding:24px;box-sizing:border-box}.bgv-page *{box-sizing:border-box}.bgv-header,.bgv-form-title,.bgv-records-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.bgv-header{margin-bottom:22px}.bgv-eyebrow{margin:0 0 6px;color:#475e91;font-size:11px;font-weight:800;letter-spacing:1.5px}.bgv-header h1{margin:0;font-size:27px;line-height:1.25}.bgv-subtitle,.bgv-form-title p,.bgv-records-heading p{margin:6px 0 0;color:#667085;font-size:13px}.bgv-header-actions,.bgv-form-footer,.bgv-filters,.bgv-row-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.bgv-btn{border:1px solid #d0d5dd;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer;background:#fff;color:#344054}.bgv-btn:disabled{opacity:.6;cursor:not-allowed}.bgv-btn-primary{background:#244a87;color:#fff;border-color:#244a87}.bgv-btn-secondary:hover{background:#f8fafc}.bgv-alert{padding:12px 14px;border-radius:8px;margin:12px 0;font-size:13px}.bgv-alert-error{background:#fff1f0;color:#a12622;border:1px solid #ffd0cc}.bgv-alert-success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.bgv-form,.bgv-records{border:1px solid #e4e7ec;border-radius:12px;background:#fff;margin-bottom:22px;overflow:hidden}.bgv-form-title{padding:18px 20px;border-bottom:1px solid #eaecf0}.bgv-form-title h2,.bgv-records-heading h2{margin:0;font-size:18px}.bgv-section{padding:20px;border-bottom:1px solid #eaecf0}.bgv-section h3{margin:0 0 17px;font-size:15px;color:#344054}.bgv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bgv-grid label{display:flex;flex-direction:column;gap:7px;color:#344054;font-size:12px;font-weight:700}.bgv-grid input,.bgv-grid select,.bgv-grid textarea,.bgv-filters input,.bgv-filters select{width:100%;min-width:0;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;font:400 13px Inter,system-ui,sans-serif;color:#182230;background:#fff;outline:none}.bgv-grid input:focus,.bgv-grid select:focus,.bgv-grid textarea:focus,.bgv-filters input:focus,.bgv-filters select:focus{border-color:#5378b5;box-shadow:0 0 0 3px #dce8fb}.bgv-grid textarea{resize:vertical;min-height:75px}.bgv-span-2{grid-column:span 2}.bgv-form-footer{justify-content:flex-end;padding:16px 20px;background:#f9fafb}.bgv-records-heading{padding:18px 20px;border-bottom:1px solid #eaecf0}.bgv-filters input{width:250px}.bgv-filters select{width:160px}.bgv-empty{padding:32px;text-align:center;color:#667085;font-size:13px}.bgv-table-wrap{width:100%;overflow:auto}.bgv-table{width:100%;border-collapse:collapse;min-width:900px}.bgv-table th,.bgv-table td{padding:13px 15px;text-align:left;border-bottom:1px solid #eaecf0;font-size:12px;vertical-align:middle}.bgv-table th{background:#f9fafb;color:#475467;font-weight:800;white-space:nowrap}.bgv-table td{color:#344054}.bgv-table td small{display:block;margin-top:4px;color:#667085;font-size:11px}.bgv-status{display:inline-block;padding:5px 8px;border-radius:20px;background:#f2f4f7;color:#344054;font-weight:750;white-space:nowrap}.bgv-status-clear,.bgv-status-approved{background:#dcfae6;color:#067647}.bgv-status-discrepancy,.bgv-status-rejected{background:#fee4e2;color:#b42318}.bgv-status-in-progress{background:#eaf2ff;color:#1849a9}.bgv-status-pending{background:#fef0c7;color:#93370d}.bgv-row-actions button{border:0;background:transparent;color:#2457a7;font-weight:750;font-size:12px;cursor:pointer}.bgv-row-actions .bgv-delete{color:#b42318}@media (max-width:720px){.bgv-page{padding:14px}.bgv-header h1{font-size:22px}.bgv-grid{grid-template-columns:1fr}.bgv-span-2{grid-column:span 1}.bgv-filters{width:100%;align-items:stretch}.bgv-filters input,.bgv-filters select{width:100%}.bgv-records-heading,.bgv-form-title{align-items:flex-start}}.bgv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#10182894;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bgv-modal{display:flex;flex-direction:column;width:min(1100px,100%);max-height:calc(100vh - 48px);background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 24px 70px #10182840;overflow:hidden}.bgv-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #eaecf0;flex-shrink:0}.bgv-modal-header h2{margin:0;font-size:22px;color:#182230}.bgv-modal-header>div>p:last-child{margin:6px 0 0;color:#667085;font-size:13px}.bgv-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:27px;line-height:1;cursor:pointer}.bgv-modal-close:hover{background:#f2f4f7}.bgv-modal-close:disabled{opacity:.5;cursor:not-allowed}.bgv-modal-alert{margin:12px 24px 0;flex-shrink:0}.bgv-form-modal{margin:0;border:0;border-radius:0;overflow-y:auto;min-height:0;flex:1}.bgv-form-modal .bgv-section{padding:20px 24px}.bgv-form-modal .bgv-form-title{padding:16px 24px}.bgv-form-modal .bgv-form-footer{position:sticky;bottom:0;z-index:1;border-top:1px solid #eaecf0;background:#f9fafb;padding:16px 24px}@media (max-width:720px){.bgv-modal-overlay{padding:8px}.bgv-modal{max-height:calc(100vh - 16px);border-radius:10px}.bgv-modal-header{padding:16px}.bgv-modal-header h2{font-size:19px}.bgv-form-modal .bgv-section{padding:16px}.bgv-form-modal .bgv-form-title,.bgv-form-modal .bgv-form-footer{padding:14px 16px}.bgv-modal-alert{margin:10px 16px 0}}.bgv-document-field{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:16px;align-items:start;padding:14px;border:1px solid #eaecf0;border-radius:9px;background:#fcfcfd}.bgv-document-field label{display:flex;flex-direction:column;gap:8px;color:#344054;font-size:12px;font-weight:750}.bgv-document-field input[type=file]{padding:8px;background:#fff}.bgv-document-links{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#475467;overflow-wrap:anywhere}.bgv-document-links a,.bgv-document-list a{color:#2457a7;text-decoration:none;font-weight:700}.bgv-document-links a:hover,.bgv-document-list a:hover{text-decoration:underline}.bgv-document-empty,.bgv-document-list span{color:#667085}.bgv-document-selected{color:#067647;font-weight:650}.bgv-field-help{color:#667085;font-size:11px;font-weight:400}.bgv-document-list{display:flex;flex-direction:column;gap:5px;min-width:130px}@media (max-width:720px){.bgv-document-field{grid-template-columns:1fr}.bgv-document-field{grid-column:span 1}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #F8F6F2;--color-card: #FFFFFF;--color-primary: #6D8F8D;--color-primary-dark: #4E6868;--color-text-primary: #333333;--color-text-secondary: #666666;--color-border: #E7E2D9;--color-success: #2E7D32;--color-error: #D32F2F;--color-white: #FFFFFF;--shadow-soft: 0 2px 16px rgba(0, 0, 0, .06);--shadow-medium: 0 4px 24px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .12);--radius-default: 16px;--radius-large: 24px;--radius-small: 8px;--radius-circle: 50%;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 40px;--spacing-6: 48px;--spacing-7: 56px;--spacing-8: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-small)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}::selection{background:var(--color-primary);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 768px){:root{--font-size-4xl: 32px;--font-size-3xl: 28px;--font-size-2xl: 22px;--font-size-xl: 18px}}@media (max-width: 480px){:root{--font-size-4xl: 28px;--font-size-3xl: 24px;--font-size-2xl: 20px;--font-size-xl: 17px;--spacing-4: 24px;--spacing-5: 32px;--spacing-6: 40px}}