.confirm-logout-overlay{box-sizing:border-box;z-index:999999;background-color:#0f172a73;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:20px;display:flex;position:fixed;inset:0}.confirm-logout-modal{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:400px;max-width:calc(100vw - 40px);box-shadow:var(--shadow-lg);overflow:hidden}.confirm-logout-header{background:linear-gradient(135deg,#00b56b 0%,#009156 100%);border-bottom:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.confirm-logout-title{color:#fff;margin:0;font-size:16px;font-weight:700}.confirm-logout-close{border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:24px;height:24px;transition:var(--transition);background-color:#ffffff26;border:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.confirm-logout-close:hover{background-color:#ffffff47}.confirm-logout-body{color:var(--text-muted);padding:20px 18px;font-size:13px;line-height:1.5}.confirm-logout-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.confirm-logout-btn{border-radius:var(--radius-sm);cursor:pointer;min-width:68px;height:30px;transition:var(--transition);padding:0 12px;font-size:12px}.confirm-logout-btn-cancel{border:1px solid var(--secondary);color:var(--secondary);background-color:#0000;font-weight:500}.confirm-logout-btn-cancel:hover{background-color:var(--surface-2)}.confirm-logout-btn-confirm{border:1px solid var(--danger);background-color:var(--danger);color:#fff;font-weight:600}.confirm-logout-btn-confirm:hover{background-color:#dc2626;border-color:#dc2626}@media (width<=480px){.confirm-logout-overlay{padding:16px}.confirm-logout-modal{width:100%;max-width:calc(100vw - 32px)}.confirm-logout-header{padding:14px 16px}.confirm-logout-body{padding:18px 16px}.confirm-logout-footer{padding:12px 16px}}#sidebar{z-index:1000;background:#fff;border-right:1px solid #e8ecef;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;width:220px!important;min-width:220px!important;max-width:220px!important}#sidebar .sidebar-logo{box-sizing:border-box;border-bottom:1px solid #f0f2f3;flex:0 0 120px;width:100%;height:120px;min-height:120px;max-height:120px;margin:0;padding:0;position:relative;overflow:hidden}#sidebar .sidebar-logo-inner{box-sizing:border-box;justify-content:center;align-items:center;width:160px;min-width:160px;max-width:160px;height:110px;min-height:110px;max-height:110px;margin:0;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#sidebar .sidebar-logo-image{object-fit:contain;margin:0;padding:0;display:block;flex:none!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:auto!important;min-height:0!important;max-height:125px!important}#sidebar .sidebar-user{box-sizing:border-box;border-bottom:1px solid #edf0f2;flex-shrink:0;width:100%;padding:10px}#sidebar .sidebar-user-inner{box-sizing:border-box;background:#fff;border:1px solid #edf0f2;border-radius:8px;align-items:center;gap:.55rem;width:100%;min-height:44px;padding:.25rem .45rem;display:flex}#sidebar .sidebar-avatar{background:var(--secondary,#00b56b);color:#fff;text-transform:uppercase;box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;min-height:34px;font-size:.72rem;font-weight:700;display:flex}#sidebar .sidebar-user-info{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;color:#171a1f;width:100%;font-size:.82rem;font-weight:700;overflow:hidden}#sidebar .sidebar-user-role{text-overflow:ellipsis;white-space:nowrap;color:#75808f;letter-spacing:normal;text-transform:none;background:0 0;border:0;border-radius:0;max-width:100%;margin:0;padding:0;font-size:.62rem;font-weight:400;line-height:1.3;display:block;overflow:hidden}.sidebar-nav{flex:1;min-height:0;padding:6px 10px 10px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#dfe6e3;border-radius:4px}.nav-parent-group{margin:0}.nav-item{color:#202124;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;width:100%;min-height:42px;margin:2px 0;padding:0 12px;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s;display:flex}.nav-item:hover{background:#f4f8f6}#sidebar .nav-item.active{color:#00a968!important;background:#e3fae9!important;border-left:3px solid #00a968!important;font-weight:600!important}.nav-icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-icon svg{width:18px;height:18px}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-chevron{margin-left:auto;font-size:9px;transition:transform .18s;transform:rotate(-90deg)}.nav-item-children{opacity:0;background:0 0;max-height:0;transition:max-height .2s,opacity .2s;overflow:hidden}.nav-item-children.expanded{opacity:1;max-height:300px}.nav-submenu-line{background:0 0;margin-left:0;padding-left:0;position:relative}.nav-submenu-line:before{content:"";z-index:1;background:#9aa39f;width:1px;position:absolute;top:8px;bottom:8px;left:3px}.nav-submenu-line .nav-item-child{color:#202124;box-sizing:border-box;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:36px;margin:2px 0;padding:0 8px 0 0;font-size:.76rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-submenu-line .nav-item-child:hover{background:#f5f8f7}.nav-submenu-line .nav-child-dot{z-index:5;background:#202124;border-radius:50%;flex:0 0 7px;width:7px;min-width:7px;height:7px;min-height:7px;margin:0;display:block;position:relative}.nav-submenu-line .nav-item-child.active{color:#00a968;background:#f0fcf4;font-weight:600}.nav-submenu-line .nav-item-child.active .nav-child-dot{background:#00a968}.nav-notification-badge{color:#fff;box-sizing:border-box;pointer-events:none;background:#ef4444;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex!important}.nav-notification-badge-sm{border-radius:8px;min-width:16px;height:16px;padding:0 5px;font-size:10px;font-weight:700}.sidebar-logout{color:#202124;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:0;border-radius:8px;flex-wrap:nowrap;align-items:center;gap:13px;width:100%;min-height:42px;margin:2px 0;padding:0 12px;font-size:.82rem;font-weight:500;display:flex}.sidebar-logout>span{white-space:nowrap;align-items:center;gap:13px;width:100%;min-width:0;line-height:normal;display:flex}.sidebar-logout:hover{color:#d64545;background:#f6f7f7}.sidebar-resize-handle{display:none!important}@media (width<=768px){#sidebar{width:220px;min-width:220px;max-width:220px;transition:transform .25s;transform:translate(-100%)}#sidebar.open{transform:translate(0)}.sidebar-resize-handle{display:none}.sidebar-nav{padding:18px 10px}}#sidebar .nav-submenu-line{background:0 0!important;width:calc(100% + 7px)!important;margin-left:-7px!important;padding-left:0!important;position:relative!important}#sidebar .nav-submenu-line:before{content:""!important;z-index:1!important;background:#9aa39f!important;width:1px!important;position:absolute!important;top:8px!important;bottom:8px!important;left:3px!important}#sidebar .nav-submenu-line .nav-item-child{color:#202124!important;box-sizing:border-box!important;background:0 0!important;border:0!important;border-radius:7px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:36px!important;margin:2px 0!important;padding:0 8px 0 0!important;font-size:.76rem!important;font-weight:500!important;text-decoration:none!important;display:flex!important;position:relative!important}#sidebar .nav-submenu-line .nav-item-child:hover{background:#f5f8f7!important}#sidebar .nav-submenu-line .nav-child-dot{z-index:5!important;background:#202124!important;border-radius:50%!important;flex:0 0 7px!important;width:7px!important;min-width:7px!important;height:7px!important;min-height:7px!important;margin:0!important;display:block!important;position:relative!important}#sidebar .nav-submenu-line .nav-item-child.active{color:#00a968!important;box-shadow:none!important;background:#f0fcf4!important;border:0!important;outline:none!important;font-weight:600!important}#sidebar .nav-submenu-line .nav-item-child.active .nav-child-dot{box-shadow:none!important;background:#00a968!important;border:0!important}#sidebar .nav-submenu-line .nav-item.nav-item-child.active:before,#sidebar .nav-submenu-line .nav-item.nav-item-child.active:after{content:none!important;box-shadow:none!important;border:none!important;display:none!important}.navbar{z-index:100;border-bottom:1px solid var(--border,#e5e7eb);background:#fff;align-items:center;width:100%;min-height:64px;padding:0 1.25rem;display:flex;position:relative}.navbar-content{justify-content:flex-end;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.navbar-menu-button{width:38px;height:38px;color:var(--text,#1f2937);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:none}.navbar-menu-button:hover{background:#f1f5f9}.navbar-search{width:min(390px,38vw);min-width:260px;position:relative}.navbar-search-input-wrapper{width:100%;position:relative}.navbar-search-input{width:100%;height:40px;color:var(--text,#1f2937);background:#f8fafc;border:1px solid #dbe3ea;border-radius:20px;outline:none;padding:0 70px 0 38px;font-size:.82rem;transition:border-color .2s,background .2s,box-shadow .2s}.navbar-search-input::placeholder{color:#8a94a3}.navbar-search-input:focus{border-color:var(--primary,#0f9aa8);background:#fff;box-shadow:0 0 0 3px #0f9aa814}.navbar-search-icon{color:#7b8794;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.navbar-search-shortcut{color:#8994a2;pointer-events:none;font-size:.65rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.navbar-search-results,.navbar-search-empty{z-index:1000;background:#fff;border:1px solid #e4e9ee;border-radius:10px;width:100%;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 12px 30px #0f172a1f}.navbar-search-result{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;width:100%;padding:.7rem .85rem;display:flex}.navbar-search-result:last-child{border-bottom:0}.navbar-search-result:hover{background:#f8fafc}.navbar-search-avatar{object-fit:cover;border-radius:50%;flex:0 0 34px;width:34px;height:34px}.navbar-search-avatar-fallback{background:var(--primary,#0f9aa8);color:#fff;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.navbar-search-avatar-fallback.has-photo{display:none}.navbar-search-avatar.image-error+.navbar-search-avatar-fallback{display:flex}.navbar-search-result-content{flex-direction:column;gap:2px;min-width:0;display:flex}.navbar-search-result-content strong{color:var(--text,#1f2937);font-size:.82rem;font-weight:600}.navbar-search-result-content small{color:var(--text-muted,#64748b);font-size:.7rem}.navbar-search-empty{text-align:center;color:var(--text-muted,#64748b);padding:1rem;font-size:.8rem}.navbar-actions{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.navbar-break-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #dce5eb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,border-color .2s,color .2s,opacity .2s;display:flex}.navbar-break-button:hover:not(:disabled){color:#fff!important;background:#111827!important;border-color:#111827!important}.navbar-break-button.on-break{color:#fff;background:#111827;border-color:#111827;box-shadow:0 2px 6px #0000002e}.navbar-break-button.on-break:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.navbar-break-button:disabled{opacity:.5;cursor:not-allowed}.navbar-attendance{align-items:center;gap:.45rem;display:flex}.navbar-attendance-status{color:#536273;white-space:nowrap;background:#f8fafc;border:1px solid #dce5eb;border-radius:6px;align-items:center;gap:.45rem;min-height:38px;padding:0 .85rem;font-size:.76rem;display:flex}.navbar-attendance-status.is-working{color:#247d68;background:#effaf7;border-color:#cceee4}.navbar-attendance-status.is-checked-out{color:#64748b;background:#f8fafc}.navbar-attendance-dot{background:#94a3b8;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.is-working .navbar-attendance-dot{background:#18a878}.navbar-attendance-actions{align-items:center;gap:.4rem;display:flex}.navbar-attendance-button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;min-height:38px;padding:0 .9rem;font-size:.76rem;font-weight:600;transition:background .2s,border-color .2s,opacity .2s;display:inline-flex}.navbar-attendance-button:disabled{opacity:.6;cursor:not-allowed}.navbar-attendance-button.check-in{color:#fff;background:#00a878;border-color:#00a878}.navbar-attendance-button.check-in:hover:not(:disabled){background:#008f67}.navbar-attendance-label{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:inline-flex}.navbar-attendance-remote{letter-spacing:.03em;opacity:.85;font-size:.56rem;font-weight:400}.navbar-attendance-button.check-out{color:#b84a4a;background:#fff;border-color:#e0a4a4}.navbar-attendance-button.check-out:hover:not(:disabled){background:#fff7f7}.navbar-user{position:relative}.navbar-user-trigger{cursor:pointer;text-align:left;background:#fff;border:1px solid #edf0f2;border-radius:8px;align-items:center;gap:.55rem;min-height:44px;padding:.25rem .45rem;display:flex}.navbar-user-trigger:hover,.navbar-user-trigger.open{background:#f0fdf7;border-color:#bcebd3}.navbar-avatar{color:#fff;background:#00b56b;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:700;display:flex}.navbar-user-details{flex-direction:column;gap:2px;min-width:70px;display:flex}.navbar-user-details strong{text-overflow:ellipsis;white-space:nowrap;color:#171a1f;max-width:100px;font-size:.82rem;font-weight:700;overflow:hidden}.navbar-user-details small{color:#75808f;align-items:center;gap:4px;font-size:.62rem;display:flex}.navbar-user-status-dot{background:#00b56b;border-radius:50%;width:6px;height:6px}.navbar-user-chevron{color:#75808f;transition:transform .2s}.navbar-user-trigger.open .navbar-user-chevron{transform:rotate(180deg)}.navbar-user-menu{z-index:1000;background:#fff;border:1px solid #edf0f2;border-radius:8px;min-width:180px;padding:.35rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0f172a1f}.navbar-menu-item{width:100%;min-height:38px;color:var(--text,#1f2937);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:.65rem;padding:0 .7rem;font-size:.8rem;display:flex}.navbar-menu-item:hover{color:#008b51;background:#f0fdf7}.navbar-menu-item.danger{color:#c44c4c}.navbar-menu-item.danger:hover{background:#fff5f5}.navbar-menu-divider{background:#edf1f4;height:1px;margin:.35rem 0}@media (width<=1100px){.navbar-search{width:min(320px,32vw);min-width:220px}.navbar-user-details{display:none}}@media (width<=800px){.navbar{min-height:60px;padding:0 .75rem}.navbar-menu-button{flex-shrink:0;display:flex}.navbar-content{gap:.5rem}.navbar-search{flex:1;width:auto;min-width:0}.navbar-search-shortcut,.navbar-attendance-status{display:none}.navbar-attendance-button{padding:0 .7rem}.navbar-break-button{width:34px;height:34px}.navbar-user-details{display:none}}@media (width<=560px){.navbar-search-input{height:36px;font-size:.75rem}.navbar-attendance-button{min-height:36px;padding:0 .65rem;font-size:.7rem}.navbar-avatar{width:32px;height:32px}}.modal-overlay.birthday-popup-overlay{z-index:1200;-webkit-backdrop-filter:blur(3px);background:#00000085}.modal.birthday-popup-modal{width:100%;max-width:620px;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;animation:none;overflow:visible}.modal-body.birthday-popup-body{background:0 0;border:0;flex:none;padding:0;overflow:visible}.birthday-popup{text-align:center;flex-direction:column;align-items:center;padding:0 12px;display:flex;overflow:visible}.birthday-gift-wrap{aspect-ratio:1;width:min(220px,60vw,100vh - 145px);margin-bottom:2px;position:relative;overflow:visible}.birthday-gift{filter:drop-shadow(0 8px 9px #0003);width:100%;height:100%;display:block;overflow:visible}.birthday-gift-box,.birthday-gift-lid rect{fill:#00b56b;stroke:#101a16;stroke-linejoin:round;stroke-width:2.5px}.birthday-gift-lid path:not(.birthday-gift-ribbon){fill:#effff7;stroke:#101a16;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.birthday-gift-ribbon{fill:#00d28a;stroke:#101a16;stroke-linejoin:round;stroke-width:2.5px}.birthday-gift-lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .82s cubic-bezier(.2,.8,.2,1)}.birthday-gift.is-opening .birthday-gift-lid,.birthday-gift.is-open .birthday-gift-lid{transform:translate(-9px,-39px)rotate(-35deg)}.birthday-gift-spark{fill:none;stroke:#00a862;stroke-linecap:round;stroke-width:3px;opacity:0}.birthday-gift.is-open .birthday-gift-spark{animation:.7s ease-out both birthday-spark-pop}.birthday-popup-title{z-index:2;color:#f8fff9;text-shadow:0 0 4px #caffdff2,0 2px 9px #002716f2;text-align:center;overflow-wrap:anywhere;width:max-content;max-width:min(90vw,560px);margin:0;font-family:Segoe Script,Brush Script MT,cursive;font-size:29px;font-weight:600;line-height:1.1;animation:.5s both birthday-title-reveal;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.birthday-popup-button{color:#fff;cursor:pointer;min-height:21px;font:inherit;background:#00b56b;border:1px solid #009156;border-radius:999px;padding:0 11px;font-size:10px;font-weight:600;transition:background-color .16s,transform .16s}.birthday-popup-button:hover{background:#009156;transform:translateY(-1px)}.birthday-popup-button:focus-visible{outline-offset:3px;outline:2px solid #00b56b}.birthday-sparkles{z-index:3;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.birthday-sparkles.is-visible{opacity:1}.birthday-sparkle{opacity:0;background:#00b56b;border-radius:50%;width:4px;height:4px;animation:2.8s ease-in-out infinite birthday-sparkle;position:absolute;box-shadow:0 0 8px #00b56b99}.sparkle-1{animation-delay:.1s;top:34%;left:7%}.sparkle-2{animation-delay:.8s;top:34%;right:7%}.sparkle-3{animation-delay:1.4s;top:43%;left:11%}.sparkle-4{animation-delay:.5s;top:43%;right:11%}.sparkle-5{animation-delay:1.8s;top:38%;left:3%}.sparkle-6{animation-delay:1.1s;top:38%;right:3%}.sparkle-7{animation-delay:2s;top:30%;left:27%}.sparkle-8{animation-delay:.3s;top:30%;right:27%}@keyframes birthday-title-reveal{0%{opacity:0;transform:translate(-50%,-50%)translateY(5px)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes birthday-sparkle{0%,to{opacity:0;transform:scale(.5)}45%{opacity:.8;transform:scale(1)}}@keyframes birthday-spark-pop{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}@media (width<=480px){.modal.birthday-popup-modal{max-width:100%}.birthday-gift-wrap{width:min(200px,62vw,100vh - 145px)}.birthday-popup-title{max-width:90vw;font-size:20px}}@media (prefers-reduced-motion:reduce){.birthday-gift-lid,.birthday-popup-button{transition-duration:.01ms}.birthday-sparkle,.birthday-gift.is-open .birthday-gift-spark{opacity:.35;animation:none}}.login-root{box-sizing:border-box;background:#f5f8f8;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:28px;display:flex;position:relative;overflow:hidden auto}.login-container{z-index:1;background:#fff;border-radius:18px;grid-template-columns:42% 58%;width:min(1180px,100%);min-height:680px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #0032371f}.login-visual-panel{background:linear-gradient(135deg,#007d8c 0%,#00b56b 35%,#005f9e 70%,#071b83 100%);min-height:680px;position:relative;overflow:hidden}.login-visual-panel:before{content:"";opacity:.55;pointer-events:none;background-image:repeating-linear-gradient(135deg,#ffffff14 0 1px,#0000 1px 5px);position:absolute;inset:0}.login-visual-panel:after{content:"";filter:blur(4px);pointer-events:none;background:#ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;top:-100px;right:-180px}.login-visual-overlay{pointer-events:none;background:linear-gradient(#0000000a,#00000029);position:absolute;inset:0}.login-visual-content{z-index:2;box-sizing:border-box;flex-direction:column;min-height:680px;padding:30px;display:flex;position:relative}.login-visual-brand{align-items:flex-start;display:flex}.login-visual-spacer{flex:1}.login-role-section{width:100%}.login-role-label{color:#ffffffe0;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px;font-size:.78rem;font-weight:700}.login-role-list{flex-wrap:wrap;gap:10px;display:flex}.login-role-btn{appearance:none;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff52;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.login-role-btn:hover{background:#ffffff38;border-color:#fff9;transform:translateY(-2px)}.login-role-btn:active{transform:translateY(0)}.login-panel{box-sizing:border-box;background:#fff;justify-content:center;align-items:center;min-width:0;padding:48px 64px;display:flex}.login-panel-inner{width:100%;max-width:520px}.ww-logo{align-items:center;gap:12px;display:inline-flex}.ww-logo-svg{flex-shrink:0;display:block}.ww-logo-text{flex-direction:column;justify-content:center;display:flex}.ww-logo-name{letter-spacing:.4px;white-space:nowrap;font-family:Arial,sans-serif;font-size:1.85rem;font-weight:900;line-height:1}.ww-logo-name span:first-child{color:#008b98}.ww-logo-name span:last-child{color:#00b56b}.ww-logo-tagline{color:#00b56b;letter-spacing:.2px;margin-top:6px;font-size:.78rem;font-weight:800}.ww-logo-compact{gap:8px}.ww-logo-compact .ww-logo-name{font-size:1.25rem}.ww-logo-compact .ww-logo-tagline{margin-top:4px;font-size:.62rem}.login-main-brand{justify-content:center;margin-bottom:28px;display:flex}.login-welcome{text-align:center;margin-bottom:32px}.login-welcome h1{color:#101828;margin:0;font-size:1.65rem;font-weight:700;line-height:1.3}.login-welcome p{color:#667085;max-width:470px;margin:12px auto 0;font-size:.9rem;line-height:1.55}.login-form{flex-direction:column;gap:18px;margin:0;display:flex}.login-error{color:#c0392b;background:#fff2f0;border:1px solid #ffd6d1;border-radius:10px;align-items:center;gap:9px;padding:11px 13px;font-size:.84rem;display:flex}.login-error-icon{color:#fff;background:#c0392b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:800;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-label{color:#344054;letter-spacing:.3px;font-size:.78rem;font-weight:700}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#475467;pointer-events:none;z-index:2;align-items:center;display:flex;position:absolute;left:16px}.login-input{box-sizing:border-box;color:#101828;background:#fff;border:1px solid #e4e7ec;border-radius:13px;outline:none;width:100%;min-height:46px;padding:12px 46px 12px 42px;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:#98a2b3}.login-input:hover{border-color:#cbd5e1}.login-input:focus{border-color:#00b56b;box-shadow:0 0 0 3px #00b56b1a}.login-toggle-pw{color:#667085;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .2s,background .2s;display:flex;position:absolute;right:12px}.login-toggle-pw:hover{color:#008b98;background:#f2f9f9}.login-btn{color:#fff;letter-spacing:.1px;cursor:pointer;background:linear-gradient(135deg,#00b56b,#00d98a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;margin-top:8px;font-family:inherit;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 8px 22px #00b56b3d}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 28px #00b56b4d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-loading{align-items:center;gap:9px;display:flex}.login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-demo{border-top:1px solid #eaecf0;margin-top:30px;padding-top:22px}.login-demo-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.login-demo-title{color:#101828;margin:0;font-size:.92rem;font-weight:700}.login-demo-hint{color:#98a2b3;margin:3px 0 0;font-size:.73rem}.login-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.login-demo-item{cursor:pointer;background:#f8fafb;border:1px solid #e4e7ec;border-radius:10px;min-width:0;padding:11px;transition:border-color .2s,background .2s,transform .2s}.login-demo-item:hover{background:#f2fbf7;border-color:#8adfba;transform:translateY(-1px)}.login-demo-role{color:#008b98;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:.72rem;font-weight:800}.login-demo-email{color:#667085;word-break:break-word;min-height:30px;font-size:.72rem;line-height:1.4}.login-demo-copy{color:#475467;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:6px;width:100%;margin-top:7px;padding:5px 8px;font-family:inherit;font-size:.68rem;transition:border-color .2s,color .2s,background .2s}.login-demo-copy:hover{color:#008b98;background:#f6fffb;border-color:#00b56b}.login-copyright{z-index:5;text-align:center;color:#98a2b3;pointer-events:none;width:100%;font-size:.7rem;position:fixed;bottom:10px;left:0}@media (width<=950px){.login-root{padding:20px}.login-container{grid-template-columns:1fr;max-width:600px;min-height:auto}.login-visual-panel{min-height:190px}.login-visual-content{min-height:190px;padding:22px 24px}.login-visual-spacer{display:none}.login-role-section{margin-top:24px}.login-panel{padding:40px 32px}.login-copyright{margin-top:12px;position:static}}@media (width<=560px){.login-root{padding:12px}.login-container{border-radius:14px}.login-visual-panel{min-height:175px}.login-visual-content{min-height:175px;padding:18px}.login-role-list{gap:7px}.login-role-btn{padding:7px 12px;font-size:.76rem}.login-panel{padding:32px 20px}.ww-logo-name{font-size:1.45rem}.ww-logo-tagline{font-size:.68rem}.login-welcome h1{font-size:1.35rem}.login-welcome p{font-size:.82rem}.login-demo-grid{grid-template-columns:1fr}}.pc-card{width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;box-shadow:var(--shadow-sm);box-sizing:border-box;border:none;flex-direction:column;display:flex}.pc-loading{width:100%;height:100%;color:var(--text-muted,#64748b);justify-content:center;align-items:center;font-size:.85rem;display:flex}.pc-summary-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 10px;display:flex}.pc-summary-title{color:#111827;margin:0;font-size:16px;font-weight:500;line-height:1.3}.pc-status-pill{white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.pc-status-pill-active{color:#111827;background:#d8fff0}.pc-status-pill-inactive{color:#475569;background:#f1f5f9}.pc-status-dot{background:#16d9a0;border-radius:50%;flex-shrink:0;width:10px;height:10px}.pc-status-pill-inactive .pc-status-dot{background:#94a3b8}.pc-summary-content{box-sizing:border-box;flex:1;grid-template-columns:minmax(190px,.9fr) minmax(280px,1.4fr);align-items:center;gap:24px;min-height:0;padding:4px 18px 10px;display:grid}.pc-working-time-section{justify-content:center;align-items:center;min-width:0;display:flex}.pc-working-time-ring{box-sizing:border-box;border:8px solid #35dba8;border-color:#35dba8 #35dba8 #c9f9ea #c9f9ea;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:190px;height:190px;display:flex}.pc-working-time-label{color:#4b5563;margin-bottom:8px;font-size:12px;line-height:1}.pc-working-time-value{color:#050505;letter-spacing:.4px;white-space:nowrap;font-size:30px;font-weight:700;line-height:1}.pc-working-time-unit{color:#6b7280;white-space:nowrap;margin-top:9px;font-size:9px;line-height:1}.pc-summary-details{flex-direction:column;min-width:0;display:flex}.pc-summary-row{border-bottom:1px solid #d9d9d9;justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.pc-summary-row:last-child{border-bottom:none}.pc-summary-row-label{color:#111827;white-space:nowrap;align-items:center;gap:9px;min-width:0;font-size:14px;display:flex}.pc-summary-row-label svg{flex-shrink:0}.pc-summary-row-value{color:#111827;text-align:right;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:500}.pc-detail-icon{color:#111827}.pc-action{box-sizing:border-box;width:100%;margin-top:auto;padding:0 18px 16px}.pc-punch-btn{box-sizing:border-box;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;height:54px;padding:0;font-size:21px;font-weight:500;line-height:1;display:inline-flex}.pc-punch-label{flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:inline-flex}.pc-punch-remote{letter-spacing:.04em;opacity:.8;margin-top:2px;font-size:.6rem;font-weight:400}@media (width<=1100px){.pc-summary-content{grid-template-columns:minmax(150px,.8fr) minmax(250px,1.4fr);gap:18px}.pc-working-time-ring{width:165px;height:165px}.pc-working-time-value{font-size:26px}}@media (width<=900px){.pc-card{height:auto;min-height:360px}.pc-summary-content{grid-template-columns:1fr;gap:18px;padding-top:8px}.pc-working-time-ring{width:160px;height:160px}.pc-summary-row{min-height:48px}}@media (width<=600px){.pc-summary-header{padding:14px 14px 8px}.pc-summary-title{font-size:15px}.pc-status-pill{padding:6px 9px;font-size:12px}.pc-summary-content{padding-left:14px;padding-right:14px}.pc-working-time-ring{width:145px;height:145px}.pc-working-time-value{font-size:23px}.pc-summary-row-label,.pc-summary-row-value{font-size:13px}.pc-action{padding-bottom:14px;padding-left:14px;padding-right:14px}.pc-punch-btn{height:50px;font-size:18px}}.dashboard-page{flex-direction:column;gap:.75rem;padding:1.75rem;animation:.45s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.dashboard-header{border-bottom:1px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding-bottom:1.25rem;display:flex}.dashboard-title{color:var(--text);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:800}.dashboard-date{color:var(--text-muted);margin:.35rem 0 0;font-size:.875rem;font-weight:500}.dashboard-stats{flex-direction:column;gap:.75rem;display:flex}.stat-list-item{background:var(--surface-2);justify-content:space-between;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000003;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:.75rem 1rem!important}.stat-list-item:hover{background:var(--surface-3);box-shadow:var(--shadow-sm);transform:translate(6px);border-color:var(--primary-light)!important}.dashboard-grid-2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.75rem;display:grid}.dashboard-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden;box-shadow:0 4px 20px -4px #0f172a0d,0 2px 6px -2px #0f172a08}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -4px #0f172a14,0 4px 12px -2px #0f172a0a}.dashboard-card-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.dashboard-card-title{color:var(--text);letter-spacing:-.01em;align-items:center;gap:.6rem;margin:0;font-size:.98rem;font-weight:700;display:flex}.dashboard-card-count{border:1px solid var(--border);background:var(--surface-3);color:var(--primary);letter-spacing:.02em;border-radius:100px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.announcement-item-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);margin-bottom:.875rem;transition:all .25s;padding:1.125rem!important}.announcement-item-card:hover{border-color:var(--primary-light);background:var(--surface-3);transform:translateY(-1px)}.announcement-item-card:last-child{margin-bottom:0}.birthdays-widget{border-top:none!important}.birthdays-widget .dashboard-card-header{background:var(--surface)!important;padding:0!important}.birthdays-widget .dashboard-card-header button{letter-spacing:.02em;border-bottom:3px solid #0000!important;padding:1rem .5rem!important;font-size:.875rem!important;font-weight:700!important;transition:all .2s!important}.birthdays-widget .dashboard-card-header button:hover{background:var(--surface-2)!important;color:var(--text)!important}.birthdays-widget .dashboard-card-header button.active{border-bottom-color:var(--primary)!important;background:var(--surface-2)!important;color:var(--primary)!important}.birthday-panel-heading{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.7rem;margin:0 -1.1rem;padding:1rem 1.1rem;display:flex}.birthday-panel-heading h3{color:var(--text);margin:0;font-size:.9rem;font-weight:800;line-height:1.3}.birthday-view-all{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:700}.birthday-view-all:hover{text-decoration:underline}.birthday-view-all:disabled{color:var(--text-muted);cursor:default;text-decoration:none}.birthday-panel .birthday-view-header{justify-content:center;gap:.45rem;margin:0 0 .15rem}.birthday-panel .birthday-view-label{color:var(--text-muted);letter-spacing:0;font-size:.67rem;font-weight:500}.birthday-panel .birthday-view-nav{width:20px;height:20px;color:var(--text-muted);background:0 0;border:0}.birthday-card-item{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.7rem;min-width:0;padding:.75rem .35rem;display:grid}.birthday-card-icon{aspect-ratio:1;color:#fff;border-radius:9px;place-items:center;width:38px;display:grid}.birthday-card-icon.tone-0{background:linear-gradient(145deg,#6922c7,#9d35f4)}.birthday-card-icon.tone-1{background:linear-gradient(145deg,#9760ce,#bb83ed)}.birthday-card-icon.tone-2{background:linear-gradient(145deg,#535a66,#777f8d)}.birthday-card-person{flex-direction:column;gap:0;min-width:0;display:flex}.birthday-card-person strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700;overflow:hidden}.birthday-card-person>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.67rem;line-height:1.3;overflow:hidden}.birthday-card-person small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.6rem;line-height:1.3;overflow:hidden}.birthday-card-date{color:#fff;white-space:nowrap;background:#6b7280;border-radius:8px;justify-content:center;align-items:center;min-width:76px;min-height:28px;padding:.2rem .5rem;font-size:.67rem;display:inline-flex}.birthday-card-date.today{color:#009669;background:#a8f8dd}.birthday-card-date.tomorrow{color:#d97706;background:#ffdfb4}.birthday-item-side .birthday-wish-btn{padding:.2rem .4rem;font-size:.6rem}.birthday-wishes-modal{max-width:620px}.birthday-wishes-modal .modal-header{background:var(--surface)}.birthday-wishes-modal-body{padding:.75rem 1.25rem 1.25rem}.birthday-wishes-state{color:var(--text-muted);text-align:center;margin:0;padding:1.5rem .25rem;font-size:.8rem}.birthday-wishes-state.is-error{color:var(--danger,#dc2626)}.birthday-wish-entry-avatar img{object-fit:cover;width:100%;height:100%}.birthday-wish-entry-content{min-width:0}.birthday-wish-entry-heading{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.birthday-wish-entry-heading strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700;overflow:hidden}.birthday-wish-entry-heading time{color:var(--text-dim);flex-shrink:0;font-size:.6rem}.birthday-wish-reply-form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;color:var(--text);font:inherit;flex:1;padding:.4rem .55rem;font-size:.67rem}.birthday-wish-reply-form input:focus{border-color:var(--primary);outline:2px solid color-mix(in srgb, var(--primary) 20%, transparent)}.birthday-wish-reply-form button{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;font:inherit;border:0;flex-shrink:0;padding:.35rem .55rem;font-size:.65rem;font-weight:700}.birthday-wish-reply-form button:disabled{cursor:default;opacity:.55}.birthday-wish-reply-form .birthday-wish-reply-cancel{border:1px solid var(--border);color:var(--text-muted);background:0 0}.dashboard-table-wrap .table-wrapper{width:max-content;min-width:100%;overflow:visible}.dashboard-table-wrap .table{border-collapse:collapse;text-align:left;width:max-content;min-width:100%;font-size:.875rem}.dashboard-table-wrap .table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:1rem 1.25rem;font-size:.72rem;font-weight:700}.dashboard-table-wrap .table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;white-space:nowrap;padding:1rem 1.25rem;transition:background .15s}.dashboard-table-wrap .table tbody tr:hover td{background:var(--surface-2)!important}.dashboard-table-wrap .table tr:last-child td{border-bottom:none}.dashboard-table-wrap .dashboard-employee-name{display:inline-block;white-space:nowrap!important}.emp-cell{align-items:center;gap:.75rem;display:flex}.emp-avatar-sm{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 5px #008b9833}.time-cell{color:var(--text-muted);font-family:monospace;font-size:.8rem;font-weight:500}.dashboard-empty{text-align:center;color:var(--text-muted);padding:3.5rem 1.5rem;font-size:.9rem;font-weight:500}.dashboard-leave-list{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.dashboard-leave-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:background .2s;display:flex}.dashboard-leave-item:hover{background:var(--surface-2)}.dashboard-leave-item:last-child{border-bottom:none}.leave-item-left{align-items:center;gap:.875rem;min-width:0;display:flex}.leave-item-name{color:var(--text);font-size:.9rem;font-weight:700}.leave-item-type{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.leave-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.leave-item-dates{color:var(--text-muted);font-size:.78rem;font-weight:500}.leave-balance-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem;padding:1.5rem;display:grid}.leave-balance-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:1rem;transition:all .2s;display:flex}.leave-balance-item:hover{background:var(--surface-3);border-color:var(--primary-light);transform:translateY(-1px)}.lb-top{justify-content:space-between;align-items:center;display:flex}.lb-type{color:var(--text);text-transform:capitalize;font-size:.8rem;font-weight:700}.lb-remaining{color:var(--primary);font-size:.75rem;font-weight:700}.lb-bar-wrap{background:var(--surface-3);border-radius:100px;height:6px;overflow:hidden}.lb-bar{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);border-radius:100px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.lb-nums{color:var(--text-muted);justify-content:space-between;font-size:.7rem;font-weight:500;display:flex}.month-summary{flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.month-summary-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.month-summary-item:hover{background:var(--surface-3);transform:translate(4px)}.ms-status{align-items:center;font-weight:500;display:flex}.ms-count{color:var(--text);font-size:.85rem;font-weight:700}.dashboard-error{color:var(--danger);border-radius:var(--radius-lg);text-align:center;background:#ef444414;border:1px solid #ef444433;padding:1.5rem;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{transform:scale(.95);box-shadow:0 0 #00b89480}70%{transform:scale(1);box-shadow:0 0 0 6px #00b89400}to{transform:scale(.95);box-shadow:0 0 #00b89400}}.dashboard-card-footer{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);background:var(--surface-2);padding:.85rem 1.5rem;font-size:.75rem;font-weight:600;transition:background .2s}.dashboard-card-footer:hover{background:var(--surface-3)}.attendance-modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.attendance-modal{background:var(--surface,#fff);border-radius:12px;flex-direction:column;width:min(1000px,95vw);max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}.attendance-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.attendance-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1}.attendance-modal-close:hover{color:var(--text)}.attendance-modal-body{padding:20px;overflow-y:auto}.attendance-modal-body .dashboard-table-wrap{max-height:55vh;overflow:auto}.dashboard-location-badge{padding:.2rem .5rem;font-size:.7rem}.dashboard-location-mixed{align-items:center;gap:4px;display:inline-flex}.dashboard-location-separator{color:var(--text-muted);font-size:.8rem}.birthdays-widget{box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.birthdays-widget .dashboard-card-header{border-bottom:1px solid var(--border);padding:0!important}.events-tabs{width:100%;display:flex}.events-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:1rem .5rem;font-size:.95rem;font-weight:700;transition:all .2s}.events-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.events-tab:hover{background:var(--surface-2);color:var(--text)}.events-content{flex:1;padding:1.25rem}.birthdays-widget>.events-content{padding:0}.events-empty{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.9rem}.events-count{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem;font-weight:600}.birthday-list{max-height:320px;overflow-y:auto}.birthday-item{justify-content:flex-start}.birthday-info{flex:1;min-width:0}.birthday-item-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.45rem;display:flex}.birthday-item-side .birthday-wish-btn{white-space:nowrap;max-width:100%}.birthday-date-badge{flex-direction:row;flex-shrink:0;align-items:center;gap:.4rem;display:flex}.birthday-date-text{color:var(--text);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.birthday-item.today .birthday-date-text{color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);border-color:#0000}.birthday-today-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--primary);font-size:.65rem;font-weight:700}.event-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.event-item:last-child{border-bottom:none}.event-photo{object-fit:cover;border:2px solid var(--primary-light);border-radius:50%;width:36px;height:36px}.event-avatar{width:36px;height:36px;color:var(--primary-light);background:#008b981a;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.event-name{color:var(--text);font-size:.9rem;display:block}.event-description{color:var(--text-muted);font-size:.75rem}.holiday-date{color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.holiday-date.today{background:linear-gradient(135deg, var(--warning) 0%, #fbbf24 100%)}.holiday-date.tomorrow{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.holiday-month{text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:700}.holiday-day{font-size:1rem;font-weight:700;line-height:1}.holiday-info{color:var(--text);font-size:.9rem;display:block}.holiday-status{color:var(--text-muted);font-size:.75rem;font-weight:400}.holiday-status.today{color:var(--warning);font-weight:700}.dashboard-stats-section{flex-wrap:wrap;align-items:stretch;gap:1rem;margin-bottom:1.5rem;display:flex}.dashboard-stats-main{flex:0 400px;min-width:300px}.dashboard-stats-card{height:100%;box-shadow:var(--shadow-sm);border:none}.dashboard-stats-body{padding:1.25rem}.dashboard-stats-list{margin-bottom:0}.dashboard-stat-clickable{cursor:pointer}.dashboard-events-column{flex:300px;max-width:400px}.dashboard-events-column-admin{flex:300px;min-width:280px;max-width:400px}.attendance-view-column{flex:450px;min-width:400px;max-width:600px}.attendance-view-card{height:100%;box-shadow:var(--shadow-sm)}.attendance-view-header{justify-content:space-between;align-items:center;display:flex}.attendance-view-count{color:var(--text-muted);font-size:.8rem}.attendance-view-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px 8px;font-size:1.3rem}.attendance-view-table{-webkit-overflow-scrolling:touch;max-height:430px;overflow:auto}.attendance-view-table .table-wrapper{width:max-content;min-width:100%;overflow:visible}.attendance-view-table .table{width:max-content;min-width:100%}.attendance-view-table .table th,.attendance-view-table .table td{white-space:nowrap}.attendance-view-table .table th:first-child,.attendance-view-table .table td:first-child{min-width:180px}.announcement-header{margin-bottom:.25rem}.announcement-category{font-size:.65rem}.announcement-content{margin:.25rem 0}.announcement-attachment{margin-top:.5rem;margin-bottom:.5rem}.announcement-image-link{display:inline-block}.announcement-image{object-fit:cover;border:1px solid var(--border);cursor:pointer;border-radius:6px;max-width:100%;max-height:120px;transition:transform .2s}.announcement-image:hover{transform:scale(1.02)}.announcement-attachment-link,.announcement-posted{font-size:.7rem}.announcement-footer-info{margin-top:.25rem}.dashboard-recent-activity{grid-column:span 2}.dashboard-stats-main.has-attendance-view{flex:0 350px}.dashboard-admin-stats-section{width:100%}.dashboard-stats-header{border-bottom:1px solid #0000000d}.dashboard-announcement-body{padding:1.25rem}.event-text-block{display:block}.dashboard-header-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dashboard-punchcard-wrap{flex:none;width:540px;min-width:540px;max-width:540px}.dashboard-punch-birthday-grid{min-width:250px;max-width:460px;box-shadow:none;background:0 0;border:none;border-radius:0;flex:540px;grid-template-rows:auto auto;grid-template-columns:1fr;align-self:flex-start;row-gap:24px;display:grid}.dashboard-punch-birthday-divider{background:0 0;align-items:center;width:100%;height:auto;padding:1px 0 3px;display:flex}.dashboard-punch-birthday-divider:after{content:"";background:#cbd5e1;flex:1;height:1px;display:block}.dashboard-punch-birthday-grid>.dashboard-punchcard-wrap{flex:none;width:100%;min-width:0;max-width:100%;height:100%}.dashboard-punch-birthday-grid>.dashboard-punchcard-wrap>.pc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,14px);width:100%;min-width:0;max-width:100%;height:100%;box-shadow:var(--shadow)}.dashboard-punch-birthday-grid>.dashboard-events-column,.dashboard-punch-birthday-grid>.dashboard-events-column-admin,.dashboard-punch-birthday-grid>.dashboard-events-below{flex:auto;width:100%;min-width:0;max-width:100%;height:100%}.dashboard-punch-birthday-grid>.dashboard-punch-birthday-cell{min-height:0;display:flex}.dashboard-punch-birthday-grid .birthdays-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,14px);width:100%;height:100%;box-shadow:var(--shadow)}.dashboard-employee-panel{flex:280px;min-width:250px;max-width:360px}.dashboard-employee-panel-card{height:100%;box-shadow:var(--shadow-sm)}.dashboard-employee-panel-header{justify-content:space-between;align-items:center;display:flex}.birthday-panel{flex-shrink:0;padding:0 1.1rem;position:relative;overflow:hidden}.events-count-chip{background:var(--primary);color:#fff;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:.45rem;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}.birthday-confetti{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.birthday-confetti-piece{opacity:0;border-radius:2px;width:9px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-18px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}60%{opacity:1}to{opacity:0;transform:translateY(560px)rotate(720deg)}}.birthday-ring-row{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:.85rem;padding:.35rem 0 1rem;display:flex}.birthday-ring-avatars{flex-shrink:0;align-items:center;display:flex}.birthday-ring-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-light));border:3px solid var(--surface);width:42px;height:42px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin-left:-12px;font-size:.78rem;font-weight:700;display:inline-flex;position:relative;overflow:visible}.birthday-ring-avatar:first-child{margin-left:0}.birthday-ring-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.birthday-ring-avatar.today{box-shadow:0 0 0 2px var(--primary), 0 0 12px #6366f159}.birthday-ring-more{width:42px;height:42px;color:var(--text-muted);background:var(--surface-2);border:3px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;margin-left:-12px;font-size:.78rem;font-weight:700;display:inline-flex}.birthday-ring-meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.birthday-ring-meta strong{color:var(--text);font-size:.95rem;line-height:1.3}.birthday-ring-meta span{color:var(--text-muted);font-size:.78rem}.birthday-ring-names{flex-direction:column;gap:.25rem;margin-top:.35rem;display:flex}.birthday-ring-name{color:var(--text);align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;line-height:1.35;display:inline-flex}.birthday-ring-name em{color:var(--primary);white-space:nowrap;background:#6366f114;border:1px solid #6366f133;border-radius:999px;padding:.05rem .55rem;font-size:.72rem;font-style:normal;font-weight:700}.birthday-nextup{flex-direction:column;gap:.55rem;margin-bottom:.85rem;display:flex}.birthday-nextup-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;display:inline-flex}.birthday-nextup-chips{flex-wrap:wrap;gap:.45rem;display:flex}.birthday-nextup-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .65rem;font-size:.75rem;display:inline-flex}.birthday-nextup-chip em{color:var(--primary);font-style:normal;font-weight:700}.birthday-section{margin-bottom:.85rem}.birthday-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:.5rem;margin:0 0 .15rem;padding-bottom:.35rem;font-size:.78rem;font-weight:800;display:flex}.birthday-section-count{background:var(--surface-2);border:1px solid var(--border);min-width:18px;height:18px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.65rem;font-weight:700;display:inline-flex}.birthday-avatar-wrap{flex-shrink:0;position:relative}.birthday-avatar-wrap .event-photo,.birthday-avatar-wrap .event-avatar{justify-content:center;align-items:center;width:38px;height:38px;display:flex}.birthday-cake-inline{vertical-align:middle;margin-left:.45rem;font-size:1rem;line-height:1;display:inline-block}.birthdays-widget .wishes-received .birthday-section-title{color:var(--primary-light)}.birthday-wish-received{border-radius:var(--radius-sm);background:#6366f10f;border:1px solid #6366f12e;align-items:flex-start;gap:.6rem;margin-bottom:.45rem;padding:.55rem .65rem;display:flex}.birthday-wish-received-icon{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;line-height:1;display:inline-flex}.birthday-wish-received-text{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.8rem;line-height:1.45}.birthday-wish-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:#6366f114;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.birthday-wish-btn:hover:not(:disabled){background:var(--primary);color:#fff}.birthday-wish-btn:disabled{cursor:default}.birthday-wish-btn.sent{color:#16a34a;background:#16a34a1a;border-color:#16a34a}.birthday-wish-btn.view-wishes{color:#a16207;background:#eab3081f;border-color:#eab308}.birthday-wish-btn.view-wishes:hover{color:#fff;background:#eab308}.birthday-view-header{justify-content:center;align-items:center;gap:.75rem;margin:.9rem 0;display:flex}.birthday-view-label{letter-spacing:.03em;color:var(--text);text-transform:capitalize;align-items:center;gap:.45rem;font-size:.85rem;font-weight:800;display:inline-flex}.birthday-view-nav{border:1px solid var(--border);background:var(--surface-2);width:26px;height:26px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.birthday-view-nav:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.birthday-view-nav:disabled{opacity:.4;cursor:default}.birthday-view-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite birthday-spin;display:inline-block}@keyframes birthday-spin{to{transform:rotate(360deg)}}.birthday-item-wrap{border-bottom:1px solid var(--border)}.birthday-item-wrap:last-child{border-bottom:none}.birthday-item-wrap .event-item{border-bottom:none;padding-bottom:.6rem}.birthday-composer{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);align-items:center;gap:.5rem;margin:0 0 .7rem;padding:.75rem;display:flex}.birthday-composer .input-field{background:var(--surface-2);width:auto;min-width:0;color:var(--text);border:1px solid #d1d5db;border-radius:6px;flex:1;padding:.6rem 1rem;font-family:inherit;font-size:.8rem;line-height:1.4}.birthday-composer .input-field::placeholder{color:var(--text-dim)}.birthday-composer .input-field:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.birthday-composer .btn-primary{color:#fff;background:#00b56b;border:1px solid #00b56b;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.6rem 1.1rem;font-size:.8rem;font-weight:600;transition:background .15s;display:inline-flex}.birthday-composer .btn-primary:hover:not(:disabled){background:#009156;border-color:#009156}.birthday-composer .btn-secondary{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:6px;flex-shrink:0;padding:.6rem 1rem;font-size:.8rem;font-weight:600}.birthday-composer .btn-secondary:hover:not(:disabled){background:var(--surface-2)}.birthday-composer .btn:disabled{cursor:default;opacity:.55}.birthday-wish-btn.composing{background:var(--primary);color:#fff}.birthday-burst{pointer-events:none;z-index:7;position:absolute;inset:0;overflow:hidden}.birthday-burst-piece{opacity:0;border-radius:2px;animation:1.6s ease-out forwards burst-fly;position:absolute;bottom:-20px}.birthday-burst-balloon{opacity:0;line-height:1;animation:1.6s ease-out forwards burst-fly;position:absolute;bottom:-20px}@keyframes burst-fly{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-520px)rotate(360deg)}}.bday-celebration{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid #6366f140;margin-bottom:.9rem;overflow:hidden}.bday-celebration-banner{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;padding:1.15rem 1rem 1rem;position:relative;overflow:hidden}.bday-celebration-avatar{background:#ffffff40;border:3px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto .55rem;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000040}.bday-celebration-avatar img{object-fit:cover;width:100%;height:100%;display:block}.bday-celebration-avatar span{color:#fff;font-size:1.35rem;font-weight:800}.bday-celebration-eyebrow{text-transform:uppercase;letter-spacing:.12em;opacity:.95;margin:0 0 .2rem;font-size:.7rem;font-weight:700}.bday-celebration-title{margin:0;font-size:1.35rem;font-weight:900;line-height:1.2}.bday-celebration-title em{text-transform:capitalize;font-style:normal}.bday-celebration-sub{opacity:.85;margin:.3rem 0 0;font-size:.75rem}.bday-float{opacity:.55;font-size:1.4rem;animation:3s ease-in-out infinite bday-float;position:absolute}.bday-float-1{animation-delay:0s;top:10px;left:8%}.bday-float-2{animation-delay:.6s;top:16px;right:9%}.bday-float-3{animation-delay:1.1s;top:30px;right:22%}@keyframes bday-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.birthday-confetti-piece.cf-lane-0{animation-duration:2.2s;animation-delay:0s;left:8%}.birthday-confetti-piece.cf-lane-1{animation-duration:2.9s;animation-delay:.12s;left:45%}.birthday-confetti-piece.cf-lane-2{animation-duration:3.6s;animation-delay:.24s;left:82%}.birthday-confetti-piece.cf-lane-3{animation-duration:2.5s;animation-delay:.36s;left:35%}.birthday-confetti-piece.cf-lane-4{animation-duration:3.2s;animation-delay:.48s;left:72%}.birthday-confetti-piece.cf-lane-5{animation-duration:3.9s;animation-delay:.6s;left:25%}.birthday-confetti-piece.cf-lane-6{animation-duration:2.8s;animation-delay:.72s;left:62%}.birthday-confetti-piece.cf-lane-7{animation-duration:3.5s;animation-delay:.84s;left:15%}.birthday-confetti-piece.cf-lane-8{animation-duration:2.4s;animation-delay:.96s;left:52%}.birthday-confetti-piece.cf-lane-9{animation-duration:3.1s;animation-delay:1.08s;left:89%}.birthday-confetti-piece.cf-lane-10{animation-duration:3.8s;animation-delay:0s;left:42%}.birthday-confetti-piece.cf-lane-11{animation-duration:2.7s;animation-delay:.12s;left:79%}.birthday-confetti-piece.cf-lane-12{animation-duration:3.4s;animation-delay:.24s;left:32%}.birthday-confetti-piece.cf-lane-13{animation-duration:2.3s;animation-delay:.36s;left:69%}.birthday-confetti-piece.cf-lane-14{animation-duration:3s;animation-delay:.48s;left:22%}.birthday-confetti-piece.cf-lane-15{animation-duration:3.7s;animation-delay:.6s;left:59%}.birthday-confetti-piece.cf-col-0{background:#f59e0b}.birthday-confetti-piece.cf-col-1{background:#ec4899}.birthday-confetti-piece.cf-col-2{background:#22c55e}.birthday-confetti-piece.cf-col-3{background:#3b82f6}.birthday-confetti-piece.cf-col-4{background:#a855f7}.birthday-confetti-piece.cf-col-5{background:#ef4444}.birthday-confetti-piece.cf-col-6{background:#06b6d4}.birthday-burst-piece{background:var(--primary);width:12px;height:12px}.birthday-burst-balloon{font-size:16px}.birthday-burst-balloon:nth-child(6n+1){animation-duration:1.2s;animation-delay:0s;left:6%}.birthday-burst-piece:nth-child(6n+2){background:#ec4899;animation-duration:1.3s;animation-delay:50ms;left:43%}.birthday-burst-piece:nth-child(6n+3){background:#22c55e;animation-duration:1.4s;animation-delay:.1s;left:80%}.birthday-burst-piece:nth-child(6n+4){background:#3b82f6;animation-duration:1.3s;animation-delay:.15s;left:29%}.birthday-burst-piece:nth-child(6n+5){background:#a855f7;animation-duration:2s;animation-delay:.2s;left:66%}.birthday-burst-piece:nth-child(6n+6){background:#ef4444;animation-duration:1.7s;animation-delay:.25s;left:15%}.dashboard-quick-stats{width:100%}.dashboard-quick-stats-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dashboard-quick-stats-title{color:var(--text);margin:0;font-size:1.05rem;font-weight:800}.dashboard-quick-stats-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.78rem}.dashboard-quick-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;width:100%;display:grid}.dashboard-quick-stats-grid>*{min-width:0}.dashboard-quick-stat-clickable{cursor:pointer;border-radius:var(--radius-lg);outline:none;min-width:0;transition:transform .2s,box-shadow .2s}.dashboard-quick-stat-clickable:hover{transform:translateY(-2px)}.dashboard-quick-stat-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.dashboard-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:1.5rem;width:100%;display:grid}.dashboard-main-card{min-width:0;display:flex}.dashboard-main-card>*{width:100%}.dashboard-main-card .pc-card{width:100%;min-width:0;max-width:none}.dashboard-main-card .birthdays-widget{width:100%;height:100%}.dashboard-information-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;width:100%;display:grid}.dashboard-information-grid-single{grid-template-columns:minmax(0,1fr)}.dashboard-information-grid .dashboard-card{min-width:0;height:100%}@media (width<=1200px){.dashboard-quick-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.dashboard-main-grid,.dashboard-information-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-page{gap:1.25rem;padding:1rem}.dashboard-quick-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.dashboard-quick-stats-title{font-size:.95rem}}@media (width<=480px){.dashboard-quick-stats-grid{grid-template-columns:1fr}.dashboard-main-grid,.dashboard-information-grid{gap:1rem}.birthday-card-item{grid-template-columns:38px minmax(0,1fr) auto;gap:.55rem}.birthday-card-icon{border-radius:9px;width:38px}.birthday-card-icon svg{width:20px;height:20px}.birthday-card-date{min-width:64px;min-height:28px;padding:.2rem .35rem;font-size:.67rem}.birthday-card-person strong{font-size:.76rem}.birthday-card-person>span{font-size:.67rem}.birthday-card-person small{font-size:.6rem}.birthday-wish-btn{padding:.2rem .35rem;font-size:.6rem}}.dashboard-quick-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.dashboard-stat-color-card{border-radius:14px;min-width:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.dashboard-stat-color-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0f172a1a}.dashboard-stat-color-card:before{content:"";z-index:2;height:4px;position:absolute;top:0;left:0;right:0}.dashboard-stat-color-card.stat-green:before{background:#10b981}.dashboard-stat-color-card.stat-orange:before{background:#f59e0b}.dashboard-stat-color-card.stat-blue:before{background:#0ea5e9}.dashboard-stat-color-card.stat-purple:before{background:#8b5cf6}.dashboard-stat-color-card.stat-red:before{background:#ef4444}.dashboard-stat-color-card.stat-cyan:before{background:#06b6d4}.dashboard-calendar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,14px);width:100%;height:100%;min-height:360px;box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;padding:1.25rem;display:flex}.dashboard-calendar-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.dashboard-calendar-title{color:var(--text);margin:0;font-size:1rem;font-weight:800}.dashboard-calendar-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.72rem;display:block}.dashboard-calendar-navigation{gap:.35rem;display:flex}.dashboard-calendar-navigation button{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.dashboard-calendar-navigation button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.dashboard-calendar-weekdays,.dashboard-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;display:grid}.dashboard-calendar-weekdays{margin-bottom:.45rem}.dashboard-calendar-weekdays span{text-align:center;color:var(--text-muted);font-size:.68rem;font-weight:700}.dashboard-calendar-day{aspect-ratio:1;background:var(--surface-2);min-height:40px;max-height:48px;color:var(--text);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;font-size:.78rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.dashboard-calendar-day:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dashboard-calendar-day.empty{box-shadow:none;pointer-events:none;background:0 0}.dashboard-calendar-day.present{color:#fff;background:#34d399;font-weight:700}.dashboard-calendar-day.half-day{color:#fff;background:#f59e0b;font-weight:700}.dashboard-calendar-day.absent{color:#fff;background:#ef4444;font-weight:700}.dashboard-calendar-day.holiday{color:#fff;background:#8b5cf6;font-weight:700}.dashboard-calendar-day.today{box-shadow:inset 0 0 0 2px var(--primary);font-weight:800}.dashboard-calendar-day.holiday.today{background:#7c3aed}.dashboard-calendar-legend{border-top:1px solid var(--border);flex-wrap:wrap;gap:.85rem;margin-top:auto;padding-top:1rem;display:flex}.dashboard-calendar-legend span{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.68rem;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot.present{background:#34d399}.legend-dot.half-day{background:#f59e0b}.legend-dot.absent{background:#ef4444}.legend-dot.holiday{background:#8b5cf6}.dashboard-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.25rem;width:100%;display:grid}.dashboard-bottom-grid>.birthdays-widget{min-width:0;min-height:250px}.dashboard-bottom-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,14px);min-width:0;min-height:250px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.dashboard-bottom-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.dashboard-bottom-card-header h3{color:var(--text);margin:0;font-size:.9rem;font-weight:800}.dashboard-bottom-card-header button{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:700}.dashboard-bottom-card-header button:hover{text-decoration:underline}.dashboard-bottom-list{flex:1;padding:.65rem .85rem}.dashboard-announcement-row{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.75rem .35rem;display:flex}.dashboard-announcement-row:last-child{border-bottom:none}.dashboard-announcement-icon{color:#0284c7;background:#e0f2fe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dashboard-announcement-info{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-announcement-info strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:700;overflow:hidden}.dashboard-announcement-info span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.67rem;overflow:hidden}.dashboard-announcement-info small{color:var(--text-muted);margin-top:.15rem;font-size:.6rem}.dashboard-announcement-arrow{color:var(--primary);flex-shrink:0;font-size:.8rem}.dashboard-birthday-row{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.75rem .35rem;display:flex}.dashboard-birthday-row:last-child{border-bottom:none}.dashboard-birthday-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.dashboard-birthday-icon img{object-fit:cover;width:100%;height:100%}.dashboard-birthday-info{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-birthday-info strong{color:var(--text);font-size:.76rem;font-weight:700}.dashboard-birthday-info span{color:var(--text-muted);font-size:.64rem}.dashboard-birthday-info small{color:var(--text-muted);margin-top:.1rem;font-size:.6rem}.dashboard-small-action{color:#059669;cursor:pointer;background:#d1fae5;border:none;border-radius:6px;flex-shrink:0;padding:.3rem .55rem;font-size:.6rem;font-weight:700}.dashboard-holiday-row{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.75rem .35rem;display:flex}.dashboard-holiday-row:last-child{border-bottom:none}.dashboard-holiday-icon{color:#d97706;background:#fef3c7;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dashboard-holiday-icon.today{color:#dc2626;background:#fee2e2}.dashboard-holiday-info{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-holiday-info strong{color:var(--text);font-size:.76rem;font-weight:700}.dashboard-holiday-info span{color:var(--text-muted);margin-top:.15rem;font-size:.62rem}.dashboard-holiday-badge{color:#16a34a;background:#dcfce7;border-radius:6px;flex-shrink:0;padding:.3rem .5rem;font-size:.6rem;font-weight:700}@media (width<=1200px){.dashboard-quick-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-calendar-card{min-height:auto}}@media (width<=700px){.dashboard-quick-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-calendar-day{min-height:34px}.dashboard-calendar-legend{gap:.5rem}}@media (width<=480px){.dashboard-quick-stats-grid{grid-template-columns:1fr}.dashboard-calendar-weekdays,.dashboard-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.dashboard-calendar-day{color:#10212b;background:#eef5f5;border-radius:9px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;min-height:46px;margin:0 auto;font-size:14px;font-weight:500;transition:transform .15s,box-shadow .15s,background .15s;display:flex;position:relative}.dashboard-calendar-legend span{font-size:.6rem}}.dashboard-work-summary{box-sizing:border-box;background:#fff;border:1px solid #e8ebef;border-radius:18px;flex-direction:column;width:100%;height:100%;min-height:350px;padding:20px;display:flex}.dashboard-work-summary-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dashboard-work-summary-header h3{color:#111827;margin:0;font-size:16px;font-weight:600}.dashboard-checkin-status{color:#111827;white-space:nowrap;background:#d8fff0;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;display:inline-flex}.dashboard-status-dot{background:#16d9a0;border-radius:50%;flex-shrink:0;width:10px;height:10px}.dashboard-work-summary-content{flex:1;grid-template-columns:1fr 1.55fr;align-items:center;gap:28px;display:grid}.dashboard-working-time{justify-content:center;align-items:center;display:flex}.dashboard-working-time-ring{box-sizing:border-box;border:8px solid #32dba6;border-color:#32dba6 #32dba6 #c8f8e9 #c8f8e9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:190px;height:190px;display:flex}.dashboard-working-time-label{color:#4b5563;margin-bottom:4px;font-size:12px}.dashboard-working-time-value{color:#050505;letter-spacing:.5px;font-size:30px;font-weight:700;line-height:1}.dashboard-working-time-unit{color:#6b7280;margin-top:8px;font-size:10px}.dashboard-work-details{flex-direction:column;display:flex}.dashboard-work-detail{border-bottom:1px solid #d9d9d9;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.dashboard-work-detail:last-child{border-bottom:none}.dashboard-work-detail-label{color:#111827;align-items:center;gap:9px;font-size:14px;display:flex}.dashboard-work-detail-value{color:#111827;text-align:right;font-size:14px;font-weight:500}.dashboard-checkout-button{color:#fff;cursor:pointer;background:#071022;border:none;border-radius:9px;width:100%;min-height:54px;margin-top:12px;font-size:21px;font-weight:500;transition:transform .15s,opacity .15s}.dashboard-checkout-button:hover{opacity:.94}.dashboard-checkout-button:active{transform:translateY(1px)}@media (width<=1100px){.dashboard-work-summary-content{grid-template-columns:1fr;gap:18px}.dashboard-working-time-ring{width:150px;height:150px}.dashboard-working-time-value{font-size:25px}}@media (width<=900px){.dashboard-punch-calendar-grid{grid-template-columns:1fr}.dashboard-punch-calendar-grid>.dashboard-main-card{min-height:auto}}.dashboard-quick-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));grid-auto-rows:1fr;align-items:stretch;gap:1rem;width:100%;display:grid}.dashboard-quick-stats-grid>*{align-self:stretch;min-width:0}.dashboard-stat-color-card{box-sizing:border-box;align-self:stretch;width:100%;min-width:0;height:100%;display:flex}.dashboard-stat-color-card>.stat-list-item{width:100%;height:100%}.dashboard-quick-stat-clickable,.dashboard-stat-location-card{align-self:stretch;min-width:0;height:100%}@media (width<=1100px){.dashboard-quick-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}}@media (width<=700px){.dashboard-quick-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}@media (width<=480px){.dashboard-quick-stats-grid{grid-template-columns:1fr}}.dashboard-announcement-row{cursor:pointer}.dashboard-announcement-row:hover{background:#0080a00a}.dashboard-announcement-arrow{cursor:pointer}.dashboard-header-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;margin:0;padding:0;display:flex}.dashboard-title{letter-spacing:-.3px;margin:0;padding:0;font-size:28px;font-weight:700;line-height:1.2}.dashboard-top-section{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 600px;align-items:start;column-gap:40px;width:100%;max-width:none;margin:0;padding:0 0 5px;display:grid}.dashboard-greeting-section{flex-direction:column;grid-column:1;justify-self:start;align-items:flex-start;gap:14px;width:100%;min-width:0;margin:0;padding:0;display:flex}.dashboard-title{color:#1594a3;margin:0;padding:0;font-size:36px;font-weight:700;line-height:1.2}.dashboard-welcome-text{color:#667085;margin:0;padding:0;font-size:18px;font-weight:400;line-height:1.45}.dashboard-quote-card{box-sizing:border-box;background:#e4faf3;border-radius:28px;grid-column:2;place-self:start end;width:600px;min-width:600px;max-width:600px;height:148px;min-height:148px;max-height:148px;margin:0;padding:0;position:relative;overflow:hidden}.dashboard-quote-symbol{color:#00a875;margin:0;padding:0;font-family:Georgia,Times New Roman,serif;font-size:50px;font-weight:800;line-height:1;position:absolute;top:16px;left:28px}.dashboard-quote-text{color:#4b5563;box-sizing:border-box;max-width:330px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.3;position:absolute;top:42px;left:100px}.dashboard-quote-person{object-fit:contain;object-position:center;width:125px;max-width:125px;height:125px;max-height:125px;margin:0;padding:0;display:block;position:absolute;bottom:8px;right:20px}@media (width<=1200px){.dashboard-top-section{grid-template-columns:minmax(0,1fr) 520px;column-gap:25px}.dashboard-quote-card{width:500px;min-width:520px;max-width:520px;height:140px;min-height:140px;max-height:140px}.dashboard-quote-symbol{font-size:46px;top:15px;left:24px}.dashboard-quote-text{max-width:290px;font-size:15px;top:40px;left:82px}.dashboard-quote-person{width:115px;max-width:115px;height:115px;max-height:115px;bottom:7px;right:15px}}@media (width<=950px){.dashboard-top-section{flex-direction:column;gap:22px;width:100%;display:flex}.dashboard-greeting-section{width:100%}.dashboard-quote-card{align-self:flex-start;width:100%;min-width:0;max-width:600px;height:148px;min-height:148px;max-height:148px;margin:0}}@media (width<=600px){.dashboard-title{font-size:28px}.dashboard-welcome-text{font-size:16px}.dashboard-quote-card{border-radius:22px;width:100%;min-width:0;max-width:100%;height:135px;min-height:135px;max-height:135px}.dashboard-quote-symbol{font-size:42px;top:14px;left:20px}.dashboard-quote-text{max-width:calc(100% - 170px);font-size:13px;line-height:1.35;top:38px;left:68px}.dashboard-quote-person{width:95px;max-width:95px;height:95px;max-height:95px;bottom:6px;right:10px}}.dashboard-calendar-weekdays{grid-template-columns:repeat(7,1fr);align-items:center;width:100%;margin-top:18px;margin-bottom:16px;display:grid}.dashboard-calendar-weekdays span{text-align:center;justify-content:center;align-items:center;width:100%;font-size:14px;font-weight:600;display:flex}.dashboard-calendar-grid{grid-template-columns:repeat(7,1fr);align-items:center;row-gap:12px;width:100%;display:grid}.dashboard-calendar-day{box-sizing:border-box;text-align:center;border-radius:8px;justify-content:center;justify-self:center;align-items:center;width:42px;height:42px;margin:0;padding:0;display:flex}.dashboard-calendar-day.empty{visibility:hidden}.dashboard-calendar-day span{justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}.dashboard-calendar-day.lop{color:#fff;background:#ec4899;font-weight:700}.dashboard-calendar-day.on-duty{color:#fff;background:#3b82f6;font-weight:700}.dashboard-calendar-legend .legend-dot.lop{background:#ec4899}.dashboard-calendar-legend .legend-dot.on-duty{background:#3b82f6}.birthday-wishes-modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-width:560px;overflow:hidden;box-shadow:0 12px 28px -4px #0f172a14,0 4px 12px -2px #0f172a0a}.birthday-wishes-modal .modal-header{background:var(--surface);border-bottom:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem .75rem;display:flex}.birthday-wishes-modal .modal-title{min-width:0;color:var(--text);letter-spacing:-.02em;flex:1;margin:0;font-size:1.5rem;font-weight:800;line-height:1.1}.birthday-wishes-modal .modal-close{width:32px;height:32px;color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.birthday-wishes-modal .modal-close:hover{background:var(--surface-2);color:var(--secondary)}.birthday-wishes-modal-body{background:var(--surface);padding:0 1.5rem 1.5rem}.birthday-wishes-modal-body:before{content:"";background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);border-radius:999px;height:3px;margin:0 0 .75rem;display:block}.birthday-wishes-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.birthday-wish-entry{border-bottom:1px solid var(--border);grid-template-columns:38px minmax(0,1fr);align-items:start;gap:.7rem;padding:.8rem .35rem;display:grid}.birthday-wish-entry:last-child{border-bottom:0}.birthday-wish-entry-avatar{background:var(--surface-2);width:38px;height:38px;color:var(--primary);border-radius:9px;place-items:center;font-size:.76rem;font-weight:700;display:grid;overflow:hidden}.birthday-wish-entry-content>p{color:var(--text-muted);overflow-wrap:anywhere;margin:.2rem 0 0;font-size:.67rem;line-height:1.45}.birthday-wish-reply-trigger,.birthday-wish-replied{color:var(--primary);font:inherit;background:0 0;border:0;margin-top:.35rem;padding:0;font-size:.67rem;font-weight:700;display:inline-block}.birthday-wish-reply-trigger{cursor:pointer}.birthday-wish-reply-trigger:hover{text-decoration:underline}.birthday-wish-replied{color:var(--text-muted);font-weight:500}.birthday-wish-reply-form{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.birthday-wish-reply-form .input-field{background:var(--surface-2);width:auto;min-width:0;color:var(--text);border:1px solid #d1d5db;border-radius:6px;flex:1;padding:.6rem 1rem;font-family:inherit;font-size:.8rem;line-height:1.4}.birthday-wish-reply-form .input-field::placeholder{color:var(--text-dim)}.birthday-wish-reply-form .input-field:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.birthday-wish-reply-form .btn-primary{color:#fff;background:#00b56b;border:1px solid #00b56b;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.6rem 1.1rem;font-size:.8rem;font-weight:600;transition:background .15s;display:inline-flex}.birthday-wish-reply-form .btn-primary:hover:not(:disabled){background:#009156;border-color:#009156}.birthday-wish-reply-form .btn-secondary{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:6px;flex-shrink:0;padding:.6rem 1rem;font-size:.8rem;font-weight:600}.birthday-wish-reply-form .btn-secondary:hover:not(:disabled){background:var(--surface-2)}.birthday-wish-reply-form .btn:disabled{cursor:default;opacity:.55}.profile-page{max-width:1000px;margin:0 auto;padding:1.5rem}.profile-page-subtitle{color:var(--text-muted);margin-top:.35rem}.profile-message{text-align:center;width:100%;margin-bottom:1rem;padding:.75rem;display:block}.profile-toast{z-index:9999;color:#fff;border-radius:8px;align-items:center;gap:10px;min-width:320px;max-width:420px;padding:14px 18px;font-weight:500;display:flex;position:fixed;top:80px;right:24px;box-shadow:0 8px 24px #0003}.profile-toast-success{background:#16a34a}.profile-toast-error{background:#dc2626}.profile-toast-icon{font-size:18px}.profile-toast-message{flex:1}.profile-toast-close{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px}.profile-card{overflow:hidden}.profile-card-body{padding:2rem}.profile-section{box-shadow:none;background:0 0;border:none;padding:0}.profile-section-header{padding-top:0;padding-left:0}.profile-section-header-flex{justify-content:space-between;align-items:center;padding-top:0;padding-left:0;display:flex}.profile-section-body{padding-left:0;padding-right:0}.profile-inner-card{border:1px solid var(--border);box-shadow:none;background:#ffffff08;border-radius:8px;margin-top:1rem;margin-bottom:1rem;padding:1.25rem}.profile-inner-card:first-child{margin-top:0}.profile-inner-card:last-child{margin-bottom:0}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem 2rem;display:grid}.profile-full-width{grid-column:1/-1}.profile-value{white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;padding:.5rem 0;font-weight:600;line-height:1.5}.profile-info-grid>.input-group{min-width:0;max-width:100%}.profile-info-grid>.profile-full-width{grid-column:1/-1;min-width:0;max-width:100%}.profile-muted-label{color:var(--text-muted)}.profile-note-light{color:var(--text-faint,#9aa5b1);margin-top:.2rem;font-size:.72rem;font-weight:400;line-height:1.3}.profile-status-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:0 0 .75rem;font-size:.85rem;font-weight:700}.profile-divider{border-top:1px solid var(--border);margin:1rem 0}.profile-form-card{border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.profile-form-title{margin-bottom:1rem}.profile-form-actions{gap:1rem;margin-top:1.5rem;display:flex}.profile-form-actions-right{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.profile-basic-input{border:1px solid #ccc;border-radius:4px;padding:.4rem}.profile-textarea{resize:vertical;border:1px solid #ccc;border-radius:4px;padding:.4rem}.education-required-card{border:1px solid var(--border);box-shadow:none;margin-bottom:1rem;padding:1.25rem}.education-required-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.education-required-title{margin:0}.education-list{flex-direction:column;gap:1rem;display:flex}.education-item{border:1px solid var(--border);box-shadow:none;background:#ffffff08;padding:1.25rem}.education-item-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.education-delete-button{color:#fff;background:#dc2626;border-color:#dc2626}.previous-employment-type{max-width:320px}.previous-employment-message{color:var(--text-muted);margin:0}.reporting-manager-link{padding:.5rem 0;font-weight:600}.reporting-manager-link-clickable{cursor:pointer;color:var(--primary);text-decoration:underline}.password-input-wrapper{position:relative}.password-input{padding-right:40px}.password-toggle{cursor:pointer;color:#666;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-submit{margin-top:1rem}.zoho-section{margin-top:2rem}.zoho-description{color:var(--text-muted);margin:0;font-size:.9rem}.zoho-status{margin-top:.5rem}.zoho-checking{color:var(--text-muted);font-size:.9rem}.zoho-connected-wrapper{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.zoho-connected{color:#10b981;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.zoho-disconnect{color:#ef4444;border-color:#ef4444;padding:.4rem 1rem;font-size:.85rem}.zoho-connect{color:#fff;cursor:pointer;background:#0f766e;border-color:#0f766e;border-radius:6px;padding:.6rem 1.5rem;font-weight:600}.leave-balance-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.leave-balance-card{background:#ffffff08;border:1px solid #ffffff14;padding:1rem}.leave-balance-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.leave-balance-value{justify-content:space-between;align-items:baseline;display:flex}.leave-balance-number{font-size:1.25rem}.leave-balance-total{color:var(--text-muted);font-size:.8rem}.empty-state{padding:.5rem 0}.profile-readonly-value{padding:.5rem 0;font-weight:600}.profile-no-horizontal-padding{padding-left:0;padding-right:0}.profile-education-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.profile-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.profile-page-header{margin-bottom:1.25rem}.profile-page-header h1,.profile-page-header h2,.profile-page-header h3{margin-top:0}.profile-hero{border:1px solid var(--border);background:radial-gradient(circle at 100% 0,#10b9811f,#0000 30%),linear-gradient(135deg,#10b98114,#fffffffa);border-radius:16px;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.profile-hero-avatar{color:#078b82;box-sizing:border-box;background:#d9f5ee;border:3px solid #fff;border-radius:50%;flex:0 0 84px;justify-content:center;align-items:center;width:84px;height:84px;font-size:2.2rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0000001f}.profile-hero-main{flex:1;min-width:0}.profile-hero-name{color:var(--text);margin:0;font-size:1.6rem;font-weight:700;line-height:1.2}.profile-hero-role{color:var(--text-muted);margin:.3rem 0 0;font-size:.95rem}.profile-hero-status-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.7rem;display:flex}.profile-status-badge{color:#047857;background:#10b9811f;border-radius:999px;align-items:center;padding:.3rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.profile-status-badge:before{content:"";background:#10b981;border-radius:50%;width:7px;height:7px;margin-right:.4rem}.profile-hero-details{grid-template-columns:repeat(4,minmax(120px,1fr));gap:1rem;width:100%;max-width:600px;display:grid}.profile-hero-detail{min-width:0}.profile-hero-detail-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.profile-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;width:100%;display:grid}.profile-dashboard-card{background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:14px;min-width:0;padding:1.35rem;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 16px #0000000a}.profile-dashboard-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000012}.profile-dashboard-card-full{grid-column:1/-1}.profile-dashboard-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;padding-bottom:.85rem;display:flex}.profile-dashboard-card-title-wrapper{align-items:center;gap:.7rem;min-width:0;display:flex}.profile-dashboard-card-title{color:var(--text);margin:0;font-size:1rem;font-weight:700}.profile-dashboard-card-subtitle{color:var(--text-muted);margin:.2rem 0 0;font-size:.75rem}.profile-card-icon{color:#0f766e;background:#0f766e1a;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;display:flex}.profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.profile-info-item{min-width:0}.profile-info-item-full{grid-column:1/-1}.profile-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.035em;margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:block}.profile-info-value{min-height:1.25rem;color:var(--text);word-break:break-word;font-size:.9rem;font-weight:600;display:block}.profile-info-value-muted{color:var(--text-muted);font-weight:500}.profile-card-edit-button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:.4rem .7rem;font-size:.75rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.profile-card-edit-button:hover{color:#0f766e;background:#0f766e14;border-color:#0f766e}.profile-dashboard-card-actions{justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1.1rem;display:flex}.profile-dashboard-card-actions button{margin:0}.profile-dashboard-list{flex-direction:column;gap:.75rem;display:flex}.profile-dashboard-list-item{border:1px solid var(--border);background:#ffffff06;border-radius:9px;padding:.9rem}.profile-dashboard-list-item-title{color:var(--text);margin:0;font-size:.9rem;font-weight:700}.profile-dashboard-list-item-meta{color:var(--text-muted);flex-wrap:wrap;gap:.5rem 1rem;margin-top:.35rem;font-size:.78rem;display:flex}.profile-dashboard-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:9px;padding:1rem;font-size:.85rem}.profile-security-card{grid-column:1/-1}.profile-security-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid}.profile-security-section{min-width:0}.profile-security-section-title{color:var(--text);margin:0 0 .8rem;font-size:.85rem;font-weight:700}.profile-zoho-box{border:1px solid var(--border);background:#ffffff05;border-radius:9px;padding:1rem}@media (width<=1000px){.profile-hero{flex-wrap:wrap;align-items:flex-start}.profile-hero-main{flex:100%}.profile-hero-details{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:none}}@media (width<=800px){.profile-page{padding:1.25rem 1rem 2rem}.profile-dashboard-grid{grid-template-columns:1fr}.profile-dashboard-card-full,.profile-security-card{grid-column:auto}.profile-security-content{grid-template-columns:1fr}.profile-hero-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.profile-page{padding:1rem .75rem 1.5rem}.profile-hero{border-radius:12px;gap:1rem;padding:1.1rem}.profile-hero-avatar{flex-basis:64px;width:64px;height:64px;font-size:1.5rem}.profile-hero-main{flex-basis:calc(100% - 80px)}.profile-hero-name{font-size:1.25rem}.profile-hero-role{font-size:.82rem}.profile-hero-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.profile-dashboard-card{border-radius:11px;padding:1rem}.profile-dashboard-card-header{margin-bottom:.9rem}.profile-dashboard-card-title{font-size:.9rem}.profile-info-grid{grid-template-columns:1fr;row-gap:.85rem}.profile-info-item-full{grid-column:auto}.profile-security-content{gap:1rem}}@media (width<=400px){.profile-hero{flex-direction:column}.profile-hero-main{flex-basis:auto;width:100%}.profile-hero-details{grid-template-columns:1fr}.profile-dashboard-card-actions{flex-direction:column;align-items:stretch}.profile-dashboard-card-actions button{width:100%}}.profile-hero-details{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;width:auto;min-width:0;max-width:none;display:grid}.profile-hero-detail{min-width:0;max-width:100%}.profile-hero-detail strong{min-width:0;max-width:100%;color:var(--text);white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:.85rem;font-weight:600;line-height:1.35;display:block}.profile-hero{box-sizing:border-box;border:1px solid var(--border);background:linear-gradient(135deg,#effff9 0%,#fff 65%);border-radius:16px;grid-template-columns:84px minmax(0,1fr);gap:1.35rem 1.5rem;width:100%;margin-bottom:1.5rem;padding:1.5rem;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.profile-hero-top{display:contents}.profile-hero-avatar{color:#078b82;box-sizing:border-box;background:#d9f5ee;border:3px solid #fff;border-radius:50%;flex-shrink:0;grid-area:1/1;justify-content:center;align-items:center;width:84px;height:84px;font-size:2.2rem;font-weight:700;line-height:1;display:flex;box-shadow:0 4px 12px #0000001f}.profile-hero-identity{flex-direction:column;grid-area:1/2;justify-content:center;align-items:flex-start;min-width:0;display:flex}.profile-hero-name{color:var(--text);word-break:break-word;margin:0;font-size:1.6rem;font-weight:700;line-height:1.2}.profile-hero-role{color:var(--text-muted);text-transform:capitalize;margin:.35rem 0 0;font-size:.95rem;line-height:1.4}.profile-status-badge{border-radius:999px;align-items:center;width:fit-content;margin-top:.7rem;padding:.3rem .7rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.profile-status-active{color:#047857;background:#10b9811f}.profile-status-inactive{color:#b91c1c;background:#ef44441a}.profile-status-dot{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:.4rem}.profile-hero-details{border-top:1px solid var(--border);grid-area:2/2;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;min-width:0;padding-top:1.1rem;display:grid}.profile-hero-detail{border-right:1px solid var(--border);min-width:0;padding:0 1rem}.profile-hero-detail:first-child{padding-left:0}.profile-hero-detail:last-child{border-right:none;padding-right:0}.profile-hero-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem;font-size:.7rem;font-weight:600;display:block}.profile-hero-detail strong{min-width:0;max-width:100%;color:var(--text);overflow-wrap:anywhere;word-break:break-word;font-size:.85rem;font-weight:600;line-height:1.4;display:block}.profile-hero:before,.profile-hero:after{content:none!important;display:none!important}.profile-dashboard-card{overflow:hidden}.profile-dashboard-card-title{align-items:center;gap:.7rem;display:flex}.profile-dashboard-card-title h3{color:var(--text);margin:0;font-size:1rem;font-weight:700}.profile-security-column{min-width:0}.profile-security-subtitle{color:var(--text);margin:0 0 .8rem;font-size:.85rem;font-weight:700}.profile-password-form{flex-direction:column;gap:.85rem;display:flex}.profile-education-card,.profile-previous-employment-card,.education-item-fixed{min-width:0}.previous-employment-list{flex-direction:column;gap:1rem;display:flex}@media (width<=900px){.profile-hero{grid-template-columns:72px minmax(0,1fr);column-gap:1.25rem}.profile-hero-avatar{width:72px;height:72px;font-size:1.9rem}.profile-hero-details{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1rem}.profile-hero-detail:nth-child(2){border-right:none}.profile-hero-detail:nth-child(3){padding-left:0}.profile-hero-detail:nth-child(3),.profile-hero-detail:nth-child(4){border-top:1px solid var(--border);padding-top:.85rem}}@media (width<=600px){.profile-hero{border-radius:12px;grid-template-columns:64px minmax(0,1fr);gap:1rem;padding:1.1rem}.profile-hero-avatar{width:64px;height:64px;font-size:1.5rem}.profile-hero-name{font-size:1.25rem}.profile-hero-role{font-size:.82rem}.profile-hero-details{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:.9rem}.profile-hero-detail{padding-left:.7rem;padding-right:.7rem}.profile-hero-detail:first-child,.profile-hero-detail:nth-child(3){padding-left:0}.profile-hero-detail:nth-child(3),.profile-hero-detail:nth-child(4){padding-top:.75rem}.profile-hero-detail-label{font-size:.65rem}.profile-hero-detail strong{font-size:.8rem}}@media (width<=420px){.profile-hero{padding:1rem;display:block}.profile-hero-top{align-items:center;gap:1rem;display:flex}.profile-hero-avatar{flex:0 0 56px;width:56px;height:56px;font-size:1.35rem}.profile-hero-identity{flex:1}.profile-hero-details{grid-template-columns:1fr 1fr;width:100%;margin-top:1rem}.profile-hero-top,.profile-hero-details{z-index:1;position:relative}}.profile-page .profile-education-card .education-item{min-width:0;box-shadow:none;background:#fff;border:1px solid #edf0f2;border-radius:8px;padding:1rem}.profile-page .profile-education-card .profile-education-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.profile-page .profile-education-card .profile-education-title{color:#252a31;margin:0;font-size:14px;font-weight:700}.profile-page .profile-education-card .input-label{color:#65707d;margin-bottom:.35rem;font-size:12px;font-weight:500}.profile-page .profile-education-card .input-field{color:#252a31;width:100%;height:42px;min-height:42px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:8px;padding:.6rem .75rem;font-size:13px}.profile-page .profile-education-card .input-field:focus{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.profile-page .profile-education-card .input-field:disabled{color:#6b7280;background:#f7f9fb;border-color:#d8dde2}.profile-page .profile-education-card .profile-readonly-value{color:#252a31;font-size:13px;font-weight:500}.profile-page .profile-education-card .education-item .profile-form-actions{border-top:1px solid #edf0f2;margin-top:.85rem;padding-top:.75rem}.profile-page .profile-education-card .education-item .profile-form-actions .btn-primary{color:#101828;background:#3ce58a;border-color:#3ce58a;border-radius:7px;min-height:38px;padding:.5rem .85rem;font-size:12px;font-weight:600}.profile-page .profile-education-card .education-item .profile-form-actions .btn-primary:hover:not(:disabled){background:#25d77a;border-color:#25d77a}.profile-page .profile-education-card .education-pagination{border-top:1px solid #edf0f2;justify-content:flex-end;align-items:center;gap:.45rem;margin-top:.85rem;padding-top:.75rem;display:flex}.profile-page .profile-education-card .education-pagination-info{color:#77808b;text-align:center;min-width:48px;font-size:12px}.profile-page .profile-education-card .education-pagination-button{color:#333942;cursor:pointer;background:#fff;border:1px solid #cbd0d6;border-radius:5px;place-items:center;width:30px;min-width:30px;height:30px;padding:0;font-size:15px;transition:background-color .15s,border-color .15s,color .15s;display:grid}.profile-page .profile-education-card .education-pagination-button:hover:not(:disabled){color:#fff;background:#00b56b;border-color:#00b56b}.profile-page .profile-education-card .education-pagination-button:disabled{color:#9aa3ad;cursor:not-allowed;opacity:.6;background:#f7f9fb}.profile-page .profile-basic-edit-modal.modal-lg{background:#fff;border:1px solid #edf0f2;border-radius:12px;width:min(760px,100vw - 2rem);max-width:760px;max-height:min(90vh,860px);box-shadow:0 20px 60px #0f172a38}.profile-page .profile-basic-edit-modal .modal-header{background:#fff;border-bottom:1px solid #edf0f2;padding:1.1rem 1.5rem .75rem}.profile-page .profile-basic-edit-modal .modal-title{color:#101318;font-size:1.35rem;font-weight:700}.profile-page .profile-basic-edit-modal .modal-close{color:#3c444d;background:#fff;border-color:#e1e5e9;border-radius:50%}.profile-page .profile-basic-edit-modal .modal-close:hover{color:#008b51;background:#f0fdf7;border-color:#00b56b}.profile-page .profile-basic-edit-modal .modal-body{background:#fff;padding:1rem 1.5rem 1.5rem}.profile-page .profile-basic-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem 1.25rem}.profile-page .profile-basic-edit-form>.input-group{min-width:0}.profile-page .profile-basic-edit-form .input-label{color:#65707d;margin-bottom:.35rem;font-size:12px;font-weight:500}.profile-page .profile-basic-edit-form .input-field,.profile-page .profile-basic-edit-form .searchable-select-trigger{color:#252a31;width:100%;height:44px;min-height:44px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:8px;padding:.625rem .875rem;font-size:13px}.profile-page .profile-basic-edit-form textarea.input-field{resize:vertical;height:auto;min-height:96px}.profile-page .profile-basic-edit-form .input-field:focus,.profile-page .profile-basic-edit-form .searchable-select-trigger:focus-visible{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.profile-page .profile-basic-edit-form .profile-form-actions{border-top:1px solid #edf0f2;grid-column:1/-1;gap:.75rem;margin-top:.25rem;padding-top:.85rem;display:flex}.profile-page .profile-basic-edit-form .profile-form-actions .btn{border-radius:7px;flex:1 1 0;min-height:42px;font-size:13px;font-weight:600}.profile-page .profile-basic-edit-form .profile-form-actions .btn-primary{color:#101828;background:#3ce58a;border-color:#3ce58a}.profile-page .profile-basic-edit-form .profile-form-actions .btn-primary:hover:not(:disabled){background:#25d77a;border-color:#25d77a}.profile-page .profile-basic-edit-form .profile-form-actions .btn-secondary{color:#30363d;background:#fff;border-color:#aeb5bf}@media (width<=600px){.profile-page .profile-basic-edit-modal.modal-lg{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.profile-page .profile-basic-edit-modal .modal-header{padding:.9rem 1rem .7rem}.profile-page .profile-basic-edit-modal .modal-body{padding:.85rem 1rem 1rem}.profile-page .profile-basic-edit-form{grid-template-columns:minmax(0,1fr);gap:.85rem}}.profile-page .profile-security-column{background:#fff;border:1px solid #edf0f2;border-radius:8px;min-width:0;padding:1rem}.profile-page .profile-security-subtitle{color:#252a31;margin-bottom:.85rem;font-size:14px;font-weight:700}.profile-page .profile-security-column .input-label{color:#65707d;margin-bottom:.35rem;font-size:12px;font-weight:500}.profile-page .profile-security-column .password-input{color:#252a31;width:100%;height:44px;min-height:44px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:8px;padding:.625rem 4.25rem .625rem .875rem;font-size:13px}.profile-page .profile-security-column .password-input:focus{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.profile-page .profile-security-column .password-toggle{color:#008b51;background:#f0fdf7;border-radius:4px;padding:.25rem .4rem;font-size:11px;font-weight:600;right:.5rem}.profile-page .profile-security-column .password-toggle:hover{color:#007d4a;background:#dcfce7}.profile-page .profile-security-column .password-submit{color:#101828;width:100%;min-height:42px;box-shadow:none;background:#3ce58a;border:1px solid #3ce58a;border-radius:7px;margin-top:.15rem;font-size:13px;font-weight:600}.profile-page .profile-security-column .password-submit:hover:not(:disabled){color:#101828;background:#25d77a;border-color:#25d77a}.profile-page .profile-security-column .zoho-connect{color:#101828;background:#3ce58a;border:1px solid #3ce58a;border-radius:7px;min-height:42px;font-size:13px;font-weight:600}.profile-page .profile-security-column .zoho-connect:hover:not(:disabled){color:#101828;background:#25d77a;border-color:#25d77a}.profile-page .profile-security-column .zoho-disconnect{color:#d52a2a;background:#fff;border-color:#f1c4c0;border-radius:6px;min-height:36px}.profile-page .profile-security-column .zoho-disconnect:hover:not(:disabled){color:#b91c1c;background:#fff0ef;border-color:#df4b42}@media (width<=600px){.profile-page .profile-security-column{padding:.85rem}}.profile-hero-detail strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width>=901px){.profile-hero-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr)}}.profile-hero-remote{z-index:2;pointer-events:none;position:absolute;top:1rem;right:1rem}.profile-remote-pill{border:1px solid var(--border);color:#6b7280;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.profile-remote-pill.on{color:#008b51;background:#f0fdf7;border-color:#00b56b73}.profile-remote-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.checkbox-field{flex-direction:column;gap:.25rem;display:flex}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.625rem;display:inline-flex}.checkbox-label:has(.checkbox-input:disabled){cursor:not-allowed}.checkbox-input{cursor:pointer;width:16px;height:16px;accent-color:var(--primary);flex-shrink:0;margin:0}.checkbox-input:disabled{cursor:not-allowed;opacity:.6}.checkbox-text{color:var(--text);font-size:.875rem;line-height:1.4}.checkbox-error{color:var(--danger);margin-top:.3rem;margin-left:1.5rem;font-size:.78rem}.checkbox-hint{color:var(--text-muted);margin-top:.3rem;margin-left:1.5rem;font-size:.78rem}.radio-group-field{flex-direction:column;gap:.375rem;display:flex}.radio-group{display:flex}.radio-group-col{flex-direction:column;gap:.5rem}.radio-group-row{flex-flow:wrap;gap:.75rem}.radio-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:inline-flex}.radio-label-disabled{opacity:.5;cursor:not-allowed}.radio-input{cursor:pointer;width:16px;height:16px;accent-color:var(--primary);flex-shrink:0;margin:0}.radio-label-disabled .radio-input{cursor:not-allowed}.radio-text{color:var(--text);font-size:.875rem;line-height:1.4}.radio-error{color:var(--danger);margin-top:.3rem;margin-left:1.5rem;font-size:.78rem}.radio-hint{color:var(--text-muted);margin-top:.3rem;margin-left:1.5rem;font-size:.78rem}.searchable-select{z-index:auto;position:relative}.searchable-select-trigger-wrap{position:relative}.searchable-select-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;font-weight:400;display:flex}.searchable-select-trigger>span:not(.btn-icon-wrapper){flex:1;align-items:center;min-width:0;display:flex}.searchable-select-trigger.input-field{background:var(--surface-2);border:1px solid var(--border);box-shadow:none}.searchable-select-trigger:focus-visible,.searchable-select-search-input:focus-visible{outline:none}.searchable-select-trigger.clearable{padding-right:3.5rem}.searchable-select-trigger.error{border-color:var(--danger);box-shadow:0 0 0 3px #e170551f}.searchable-select-trigger:disabled{cursor:not-allowed}.searchable-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.searchable-select-placeholder{color:var(--text-dim)}.searchable-select-chevron{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.searchable-select-clear{z-index:1;cursor:pointer;color:var(--text-dim);transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.125rem;display:flex;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%)}.searchable-select-clear:hover{color:var(--danger);background:var(--surface-3)}.searchable-select-clear-icon{width:14px;height:14px}.searchable-select-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-width:220px;box-shadow:var(--shadow-lg);z-index:1001;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.searchable-select-search{background:var(--surface-2);z-index:20;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:sticky;top:0}.searchable-select-search-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.searchable-select-search-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:.875rem}.searchable-select-search-input::placeholder{color:var(--text-dim)}.searchable-select-list{max-height:240px;margin:0;padding:.25rem;list-style:none;overflow-y:auto}.searchable-select-option{border-radius:var(--radius-sm);cursor:pointer;color:var(--text);padding:.5rem .75rem;font-size:.875rem;transition:background .15s}.searchable-select-option:hover,.searchable-select-option.active{background:var(--surface-3)}.searchable-select-option.selected{color:var(--primary);font-weight:500}.searchable-select-option.disabled{opacity:.5;cursor:not-allowed}.searchable-select-highlight{color:var(--primary);background:0 0;font-weight:600}.searchable-select-empty{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;padding:1rem;font-size:.875rem;display:flex}.searchable-select-more{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);background:var(--surface-2);padding:.5rem;font-size:.75rem}.search-field{align-items:center;width:100%;display:flex;position:relative}.search-field-icon{width:1rem;height:1rem;color:var(--text-muted);pointer-events:none;position:absolute;left:.75rem}.search-field-input{width:100%;padding-left:2.25rem;padding-right:2rem}.search-field-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:.75rem}.search-field-clear-icon{width:.875rem;height:.875rem}.status-card-content{width:100%}.status-edit-form{flex-direction:column;gap:1.25rem;width:100%;display:flex}.status-form-section{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);background:var(--surface,#fff);padding:1rem 1.25rem}.status-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:0 0 .75rem;font-size:.78rem;font-weight:700}.status-form-fields{flex-direction:column;gap:1rem;display:flex}.status-derived-row{align-items:center;gap:.75rem;display:flex}.status-derived-hint{color:var(--text-muted);font-size:.82rem}.account-badge-active{color:var(--secondary-dark);background:#00b56b1f;border-radius:999px;padding:.25rem .75rem;font-size:.78rem;font-weight:600;display:inline-block}.account-badge-inactive{color:var(--danger);background:#ef44441f;border-radius:999px;padding:.25rem .75rem;font-size:.78rem;font-weight:600;display:inline-block}.status-edit-actions{border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end;padding-top:.5rem;display:flex}.status-confirm-note{color:var(--text-muted);margin-top:.5rem;font-size:.875rem;display:block}.modal.esm-modal{height:640px;max-height:90vh;overflow:hidden}.modal-body.esm-modal-body{flex-direction:column;min-height:0;display:flex;overflow:visible}.esm-modal-body>.esm-container{flex:1;width:100%;min-height:0}.esm-container{flex-direction:column;gap:1rem;width:100%;display:flex}.esm-tabs{border-bottom:1px solid var(--border,#e5e7eb);gap:.25rem;display:flex}.esm-tab{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:color .15s,border-color .15s}.esm-tab:hover{color:var(--text)}.esm-tab.is-active{color:var(--primary);border-bottom-color:var(--primary)}.esm-panel{flex-direction:column;flex:1;min-height:0;padding-top:.25rem;display:flex}.esm-panel-classification{padding-right:.25rem;overflow-y:auto}.esm-actions-header{flex-shrink:0;padding-bottom:.75rem}.esm-actions-scroll{flex:1;min-height:0;padding-right:.25rem;overflow-y:auto}.esm-current{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);background:var(--surface,#fff);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.esm-current-left,.esm-current-right{flex-direction:column;gap:.4rem;display:flex}.profile-muted-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:.75rem;font-weight:600}.esm-duration{color:var(--text);font-size:.9rem;font-weight:600}.esm-status-badge{border-radius:999px;width:fit-content;padding:.25rem .9rem;font-size:.78rem;font-weight:700;display:inline-block}.esm-status-badge.is-intern{color:#1d4ed8;background:#3b82f61f}.esm-status-badge.is-contract{color:#b45309;background:#f59e0b26}.esm-status-badge.is-fulltime{color:var(--secondary-dark,#007b52);background:#00b56b1f}.esm-status-badge.is-probation{color:#7e22ce;background:#9333ea1f}.esm-status-badge.is-completed{color:#4b5563;background:#6b728024}.esm-history{margin-top:1rem}.esm-history-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:0 0 .75rem;font-size:.78rem;font-weight:700}.esm-empty{color:var(--text-muted);padding:1rem 0;font-size:.875rem}.esm-history-list{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);flex-direction:column;max-height:22rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.esm-history-item{border-bottom:1px solid var(--border,#e5e7eb);padding:.75rem 1rem}.esm-history-item:last-child{border-bottom:none}.esm-history-row{align-items:center;gap:.75rem;display:flex}.esm-history-badge{padding:.15rem .7rem;font-size:.72rem}.esm-history-action{color:var(--text);font-size:.875rem;font-weight:600}.esm-history-meta{color:var(--text-muted);flex-wrap:wrap;gap:1rem;margin-top:.4rem;font-size:.78rem;display:flex}.esm-preview-section{margin-top:1.25rem}.esm-preview-card{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);background:var(--surface,#fff);overflow:hidden}.esm-preview-row{border-bottom:1px solid var(--border,#e5e7eb);grid-template-columns:160px 1fr;align-items:center;gap:1rem;padding:.7rem .9rem;display:grid}.esm-preview-row:last-child{border-bottom:none}.esm-preview-field{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:.72rem;font-weight:700}.esm-preview-value{color:var(--text);font-weight:600}.esm-apply-section{margin-top:1.25rem}.esm-apply-card{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);background:var(--surface,#fff);padding:1rem 1.25rem}.esm-apply-note{color:var(--text-muted);margin:0 0 .9rem;font-size:.85rem}.esm-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.esm-apply-actions{border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end;margin-top:1rem;padding-top:1rem;display:flex}.esm-apply-note-warn{color:var(--warning,#b45309);font-weight:600}.esm-pending-banner{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.esm-pending-banner.is-pending{background:#f59e0b1a;border-color:#f59e0b66}.esm-pending-banner.is-approved{background:#00b56b1a;border-color:#00b56b66}.esm-pending-banner.is-rejected{background:#ef44441a;border-color:#ef444466}.esm-pending-info{color:var(--text-muted);flex-direction:column;gap:.2rem;font-size:.875rem;display:flex}.esm-pending-banner.is-rejected .esm-pending-info strong{color:var(--danger,#dc2626)}.esm-pending-banner.is-approved .esm-pending-info strong{color:var(--secondary-dark,#007b52)}.esm-pending-banner.is-pending .esm-pending-info strong{color:#b45309}.esm-pending-actions{gap:.5rem;display:flex}.esm-chip{border-radius:999px;width:fit-content;padding:.15rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.esm-chip.is-approved-c{color:#007b52;background:#00b56b24}.esm-chip.is-rejected-c{color:#dc2626;background:#ef444424}.esm-chip.is-success{color:#007b52;background:#00b56b24}.esm-eval-view-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.esm-eval-meta{color:var(--text-muted);font-size:.8rem}.esm-panel-evaluation{overflow:hidden}.esm-eval-scroll{flex:1;min-height:0;padding-right:.25rem;overflow:auto}.esm-eval-form{width:max-content;min-width:100%}.esm-eval-section{margin-bottom:1.25rem}.esm-eval-item{border-bottom:1px dashed var(--border,#e5e7eb);align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.esm-eval-item:last-child{border-bottom:none}.esm-eval-item>.input-group{flex:1;min-width:0}.esm-eval-item-no{min-width:1.2rem;color:var(--text-dim);flex-shrink:0;font-size:.82rem;font-weight:700;line-height:1.6}.esm-eval-radio{flex:1;width:auto;min-width:0}.esm-eval-read-list{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);flex-direction:column;gap:.5rem;margin:0;padding:.75rem 1rem;list-style:none;display:flex}.esm-eval-read-row{justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.esm-eval-read-q{color:var(--text)}.esm-rating-chip{border-radius:999px;flex-shrink:0;padding:.15rem .7rem;font-size:.72rem;font-weight:700}.esm-rating-chip.is-good{color:#007b52;background:#00b56b24}.esm-rating-chip.is-mid{color:#b45309;background:#f59e0b26}.esm-rating-chip.is-bad{color:#dc2626;background:#ef444424}.esm-eval-answers{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.esm-eval-answer{justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.85rem;display:flex}.esm-eval-answer-val{max-width:60%;color:var(--text);text-align:right;flex-shrink:0;font-weight:600}.esm-rec-chip{border-radius:999px;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.esm-rec-chip.is-neutral{color:#1d4ed8;background:#3b82f61f}.esm-eval-submit{border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end;margin-top:1rem;padding-top:1rem;display:flex}.esm-pending-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;margin-bottom:16px;display:grid}.esm-pending-dates .input-group{flex-direction:column;gap:6px;display:flex}@media (width<=768px){.esm-pending-dates{grid-template-columns:1fr}}.employee-profile-page{max-width:1200px;margin:0 auto;padding:1.5rem}.profile-banner{background:var(--surface);border-radius:var(--radius-lg);border-top:6px solid var(--primary-light);flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:2rem;display:flex;position:relative}.back-btn{position:absolute;top:1.5rem;left:1.5rem}.profile-banner-actions{z-index:20;position:absolute;top:1.25rem;right:1.5rem}.profile-menu-trigger{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);width:40px;height:40px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.profile-menu-trigger:hover{background:var(--primary-light);color:var(--primary)}.profile-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:30;width:220px;padding:.35rem;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}.profile-menu-item{border-radius:calc(var(--radius) - 2px);text-align:left;width:100%;min-height:42px;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;padding:.55rem .85rem;font-size:.9rem;font-weight:600;display:flex}.profile-menu-item:hover{background:var(--surface-2);color:var(--primary)}.banner-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem;display:flex}.profile-avatar-large{width:120px;height:120px;color:var(--primary);background:#0596691a;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 10px #00000014}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-name{color:var(--text);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;display:inline-flex}.profile-status-tick{border-radius:50%;justify-content:center;align-items:center;padding:2px;line-height:0;display:inline-flex}.profile-status-tick.active{color:#16a34a;background:#16a34a1f;box-shadow:0 0 0 3px #16a34a26}.profile-status-tick.inactive{letter-spacing:.03em;color:#dc2626;text-transform:uppercase;white-space:nowrap;background:#dc26261a;border:1px solid #dc262659;border-radius:999px;padding:.2rem .75rem;font-size:.78rem;font-weight:600;line-height:1.2}.profile-meta-row{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.meta-divider{color:var(--border)}.profile-grid{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;display:grid}.profile-section-card{margin-bottom:1.5rem;padding:1.5rem}.section-title{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.about-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.about-item{align-items:center;gap:1rem;display:flex}.about-icon{background:var(--surface-2);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.about-text{flex-direction:column;display:flex}.about-label{color:var(--text-muted);margin-bottom:2px;font-size:.75rem}.about-value{color:var(--text);font-size:.95rem;font-weight:500}.reporting-manager-block{background:var(--surface-2,#f8fafc);border-radius:var(--radius-lg,12px);border:1px solid var(--border,#e2e8f0);align-items:center;gap:.9rem;padding:.7rem;transition:all .2s;display:flex}.reporting-manager-block:hover{border-color:var(--primary-light,#10b981);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.manager-avatar{background:var(--primary-light,#10b981);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;display:flex}.manager-info{flex:1;grid-template-columns:1fr;gap:.25rem;display:grid}.manager-name{color:var(--text,#0f172a);margin-bottom:.05rem;font-size:.92rem;font-weight:600}.manager-role{color:var(--primary,#059669);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:500}.manager-contact{color:var(--text-muted,#64748b);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:0;font-size:.76rem;display:flex}.contact-item{align-items:center;gap:.25rem;display:flex}.employee-info-row{flex-wrap:wrap;align-items:stretch;gap:1.25rem;margin-bottom:1.25rem;display:flex}.employee-info-row .profile-section-card{flex-direction:column;flex:280px;justify-content:center;min-width:0;height:156px;margin-bottom:0;padding:1rem 1.25rem;display:flex;overflow:hidden}.employee-info-row .section-title{flex-shrink:0;margin-bottom:.65rem;padding-bottom:.4rem;font-size:.92rem}.attendance-status-block{flex-direction:column;flex:1;justify-content:center;gap:.6rem;display:flex}.attendance-status-block .status-badge{align-self:center}.status-badge{border-radius:20px;justify-content:center;align-items:center;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-badge.active{color:var(--success);background:#10b9811a}.status-badge.absent{color:var(--warning);background:#f59e0b1a}.punch-times{background:var(--surface-2);border-radius:var(--radius-sm);justify-content:space-between;padding:.6rem .75rem;display:flex}.punch-time-item{flex-direction:column;align-items:center;gap:4px;display:flex}.mgr-block-cursor{cursor:pointer}.mgr-name-link{color:var(--primary);text-decoration:underline}.mgr-none{padding:.5rem 0}.profile-tabs-section{overflow:visible}.profile-tabs-body{min-height:300px;padding:0 1.5rem 1.5rem}.ep-loading{color:var(--text-muted);padding:.5rem 0}@media (width<=768px){.profile-grid,.about-grid{grid-template-columns:1fr}}.employee-profile-page{background:#f7f9fb;width:100%;max-width:1280px;min-height:100%;padding:1rem}.employee-profile-page .profile-banner.card{background:#fff;border:1px solid #edf0f2;border-radius:11px;align-items:stretch;min-width:0;min-height:150px;margin-bottom:1rem;padding:3.25rem 1.25rem 1.25rem;box-shadow:0 2px 9px #0f172a09}.employee-profile-page .back-btn{z-index:2;color:#3c444d;background:#fff;border:1px solid #e1e5e9;border-radius:5px;justify-content:center;align-items:center;min-height:34px;padding:.3rem .7rem;font-size:12px;display:inline-flex;top:.75rem;left:.75rem}.employee-profile-page .back-btn:hover:not(:disabled){color:#008b51;background:#f0fdf7;border-color:#00b56b}.employee-profile-page .profile-banner-actions{top:.65rem;right:.75rem}.employee-profile-page .profile-menu-trigger{color:#3c444d;background:#fff;border-color:#e1e5e9;border-radius:5px;width:32px;height:32px}.employee-profile-page .profile-menu-trigger:hover{color:#008b51;background:#f0fdf7;border-color:#00b56b}.employee-profile-page .banner-content{text-align:left;flex-direction:row;align-items:center;gap:1rem;min-width:0;margin-top:0}.employee-profile-page .profile-avatar-large{color:#008b51;width:76px;height:76px;box-shadow:none;background:#e9fbf3;border:2px solid #dcfce7;flex:0 0 76px;font-size:1.6rem}.employee-profile-page .profile-header-info{min-width:0}.employee-profile-page .profile-name{color:#101318;flex-wrap:wrap;justify-content:flex-start;gap:.45rem;margin:0 0 .45rem;font-size:1.45rem;line-height:1.25}.employee-profile-page .profile-status-tick.active{color:#009b5b;box-shadow:none;background:#e9fbf3}.employee-profile-page .profile-meta-row{color:#75808f;justify-content:flex-start;gap:.35rem .6rem;font-size:12px;line-height:1.4}.employee-profile-page .meta-divider{color:#cbd0d6}.employee-profile-page .profile-meta-row .text-primary{color:#008b51}.employee-profile-page .employee-info-row{gap:1rem;margin-bottom:1rem}.employee-profile-page .employee-info-row .profile-section-card{background:#fff;border:1px solid #edf0f2;border-radius:9px;height:auto;min-height:132px;padding:.9rem 1rem;box-shadow:0 2px 9px #0f172a06}.employee-profile-page .employee-info-row .section-title{color:#252a31;border-bottom-color:#edf0f2;margin-bottom:.6rem;padding-bottom:.45rem;font-size:13px;font-weight:700}.employee-profile-page .reporting-manager-block{background:#f7f9fb;border-color:#e5e9ed;border-radius:7px;padding:.55rem}.employee-profile-page .reporting-manager-block:hover{box-shadow:none;border-color:#a6e9c9;transform:none}.employee-profile-page .manager-avatar{background:#00b56b;width:36px;height:36px;font-size:12px}.employee-profile-page .manager-name,.employee-profile-page .mgr-name-link{color:#252a31;font-size:12px;text-decoration:none}.employee-profile-page .manager-role{color:#008b51;letter-spacing:0;font-size:10px}.employee-profile-page .manager-contact{gap:.5rem;font-size:10px}.employee-profile-page .punch-times{background:#f7f9fb;border:1px solid #edf0f2;border-radius:6px;padding:.45rem .6rem}.employee-profile-page .status-badge.active{color:#007d4a;background:#d8f8ec}.employee-profile-page .status-badge.absent{color:#9a5c00;background:#fff0d8}.employee-profile-page .profile-tabs-section.card{background:#fff;border:1px solid #edf0f2;border-radius:11px;min-width:0;padding:.65rem .75rem 0;overflow:hidden;box-shadow:0 2px 9px #0f172a06}.employee-profile-page .profile-tabs-section .profile-tabs{border-bottom:1px solid #edf0f2;gap:.35rem;min-height:38px;margin:0}.employee-profile-page .profile-tabs-section .profile-tabs .tab-item{color:#454b54;background:0 0;border-bottom:2px solid #0000;min-height:38px;padding:.4rem .55rem .35rem;font-size:12px;font-weight:500}.employee-profile-page .profile-tabs-section .profile-tabs .tab-item:hover{color:#008b51;background:0 0}.employee-profile-page .profile-tabs-section .profile-tabs .tab-item.active{color:#009b5b;background:0 0;border-bottom-color:#00b56b;font-weight:600}.employee-profile-page .profile-tabs-body{min-height:0;padding:.85rem .25rem 1rem}.employee-profile-page .profile-section{min-width:0}.employee-profile-page .profile-section-header-flex{align-items:center;min-height:36px;margin-bottom:.55rem}.employee-profile-page .profile-section-header-flex .card-title{color:#171a1f;font-size:14px;font-weight:700}.employee-profile-page .profile-inner-card,.employee-profile-page .education-item{box-shadow:none;background:#fff;border:1px solid #edf0f2;border-radius:8px;padding:1rem}.employee-profile-page .education-item{margin-bottom:0}.employee-profile-page .education-item .input-label,.employee-profile-page .employee-education-modal .input-label{color:#65707d;margin-bottom:.35rem;font-size:12px;font-weight:500}.employee-profile-page .education-item .input-field,.employee-profile-page .education-item .searchable-select-trigger,.employee-profile-page .employee-education-modal .input-field,.employee-profile-page .employee-education-modal .searchable-select-trigger{color:#252a31;width:100%;height:44px;min-height:44px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:8px;padding:.625rem .875rem;font-size:13px}.employee-profile-page .education-item .input-field:focus,.employee-profile-page .education-item .searchable-select-trigger:focus-visible,.employee-profile-page .employee-education-modal .input-field:focus,.employee-profile-page .employee-education-modal .searchable-select-trigger:focus-visible{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.employee-profile-page .education-item .input-field:disabled{color:#6b7280;background:#f7f9fb;border-color:#d8dde2}.employee-profile-page .employee-education-modal .modal-header{border-bottom-color:#edf0f2;padding-bottom:.75rem}.employee-profile-page .employee-education-modal .modal-title{color:#101318;font-size:1.35rem;font-weight:700}.employee-profile-page .employee-education-modal .modal-body{background:#fff;padding:1rem 1.5rem 1.25rem}.employee-profile-page .employee-education-modal .profile-form-card{background:0 0;border:0;border-radius:0;margin:0;padding:0}.employee-profile-page .employee-education-modal .profile-grid{gap:1rem 1.25rem}.employee-profile-page .education-item .profile-form-actions,.employee-profile-page .employee-education-modal .profile-form-actions{border-top:1px solid #edf0f2;gap:.75rem;margin-top:1rem;padding-top:.85rem;display:flex}.employee-profile-page .education-item .profile-form-actions .btn,.employee-profile-page .employee-education-modal .profile-form-actions .btn{border-radius:7px;flex:1 1 0;min-height:40px;font-size:12px;font-weight:600}.employee-profile-page .education-item .profile-form-actions .btn-primary,.employee-profile-page .employee-education-modal .profile-form-actions .btn-primary{color:#101828;background:#3ce58a;border-color:#3ce58a}.employee-profile-page .education-item .profile-form-actions .btn-primary:hover:not(:disabled),.employee-profile-page .employee-education-modal .profile-form-actions .btn-primary:hover:not(:disabled){background:#25d77a;border-color:#25d77a}.employee-profile-page .education-item .profile-form-actions .btn-secondary,.employee-profile-page .employee-education-modal .profile-form-actions .btn-secondary{color:#30363d;background:#fff;border-color:#aeb5bf}@media (width<=600px){.employee-profile-page .employee-education-modal .modal-body{padding:.85rem 1rem 1rem}.employee-profile-page .employee-education-modal .profile-grid{grid-template-columns:minmax(0,1fr);gap:.85rem}}.employee-profile-page .profile-muted-label,.employee-profile-page .input-label.profile-muted-label{color:#65707d;font-size:12px;font-weight:500}.employee-profile-page .profile-value,.employee-profile-page .profile-readonly-value{color:#252a31;font-size:13px;font-weight:500}.employee-profile-page .profile-basic-input.input-field,.employee-profile-page .profile-basic-input .searchable-select-trigger,.employee-profile-page .profile-textarea.input-field{color:#252a31;height:44px;min-height:44px;box-shadow:none;background:#fff;border-color:#aeb5bf;border-radius:8px;padding:.625rem .875rem;font-size:13px}.employee-profile-page .profile-inner-card .input-field,.employee-profile-page .profile-inner-card .searchable-select-trigger{color:#252a31;height:44px;min-height:44px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:8px;font-size:13px}.employee-profile-page .profile-inner-card textarea.input-field{resize:vertical;height:auto;min-height:110px}.employee-profile-page .profile-basic-input.input-field:focus,.employee-profile-page .profile-basic-input .searchable-select-trigger:focus-visible,.employee-profile-page .profile-textarea.input-field:focus,.employee-profile-page .profile-inner-card .input-field:focus,.employee-profile-page .profile-inner-card .searchable-select-trigger:focus-visible{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.employee-profile-page .profile-form-actions .btn-primary,.employee-profile-page .profile-form-actions-right .btn-primary{color:#101828;background:#3ce58a;border-color:#3ce58a}.employee-profile-page .profile-form-actions .btn-primary:hover:not(:disabled),.employee-profile-page .profile-form-actions-right .btn-primary:hover:not(:disabled){background:#25d77a;border-color:#25d77a}.employee-profile-page .profile-form-actions .btn-secondary,.employee-profile-page .profile-form-actions-right .btn-secondary{color:#30363d;background:#fff;border-color:#aeb5bf}.employee-profile-page .employee-exit-status-modal.modal-lg{background:#fff;border:1px solid #edf0f2;border-radius:12px;width:min(700px,100vw - 2rem);max-width:700px;max-height:88vh;box-shadow:0 20px 60px #0f172a38}.employee-profile-page .employee-employment-status-modal.modal-xl{background:#fff;border:1px solid #edf0f2;border-radius:12px;width:min(960px,100vw - 2rem);max-width:960px;box-shadow:0 20px 60px #0f172a38}.employee-profile-page .employee-exit-status-modal .modal-header,.employee-profile-page .employee-employment-status-modal .modal-header{background:#fff;border-bottom:1px solid #edf0f2;padding:1.1rem 1.5rem .85rem}.employee-profile-page .employee-exit-status-modal .modal-title,.employee-profile-page .employee-employment-status-modal .modal-title{color:#101318;font-size:1.35rem;font-weight:700}.employee-profile-page .employee-exit-status-modal .modal-close,.employee-profile-page .employee-employment-status-modal .modal-close{color:#3c444d;background:#fff;border-color:#e1e5e9;border-radius:50%}.employee-profile-page .employee-exit-status-modal .modal-close:hover,.employee-profile-page .employee-employment-status-modal .modal-close:hover{color:#008b51;background:#f0fdf7;border-color:#00b56b}.employee-profile-page .employee-exit-status-modal .modal-body{background:#fff;padding:1rem 1.5rem 1.5rem}.employee-profile-page .employee-exit-status-modal .status-edit-form{gap:.85rem}.employee-profile-page .employee-exit-status-modal .status-form-section{background:#fff;border-color:#edf0f2;border-radius:8px;padding:.85rem 1rem}.employee-profile-page .employee-exit-status-modal .status-section-title{color:#252a31;letter-spacing:0;text-transform:none;margin-bottom:.7rem;font-size:13px;font-weight:700}.employee-profile-page .employee-exit-status-modal .status-form-fields{gap:.85rem}.employee-profile-page .employee-exit-status-modal .input-label,.employee-profile-page .employee-employment-status-modal .input-label{color:#65707d;margin-bottom:.35rem;font-size:12px;font-weight:500}.employee-profile-page .employee-exit-status-modal .input-field,.employee-profile-page .employee-exit-status-modal .searchable-select-trigger,.employee-profile-page .employee-employment-status-modal .input-field,.employee-profile-page .employee-employment-status-modal .searchable-select-trigger{color:#252a31;height:44px;min-height:44px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:8px;font-size:13px}.employee-profile-page .employee-exit-status-modal textarea.input-field,.employee-profile-page .employee-employment-status-modal textarea.input-field{resize:vertical;height:auto;min-height:96px}.employee-profile-page .employee-exit-status-modal .input-field:focus,.employee-profile-page .employee-exit-status-modal .searchable-select-trigger:focus-visible,.employee-profile-page .employee-employment-status-modal .input-field:focus,.employee-profile-page .employee-employment-status-modal .searchable-select-trigger:focus-visible{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.employee-profile-page .employee-exit-status-modal .status-derived-row{background:#f7f9fb;border:1px solid #edf0f2;border-radius:6px;min-height:36px;padding:.5rem .65rem}.employee-profile-page .employee-exit-status-modal .account-badge-active{color:#007d4a;background:#d8f8ec}.employee-profile-page .employee-exit-status-modal .status-card-content .status-edit-actions{border-top-color:#edf0f2;padding-top:.75rem}.employee-profile-page .employee-exit-status-modal .status-card-content .status-edit-actions .btn-primary,.employee-profile-page .employee-employment-status-modal .btn-primary,.employee-profile-page .employee-employment-status-modal .esm-apply-actions .btn{color:#101828;background:#3ce58a;border-color:#3ce58a}.employee-profile-page .employee-exit-status-modal .status-card-content .status-edit-actions .btn-primary:hover:not(:disabled),.employee-profile-page .employee-employment-status-modal .btn-primary:hover:not(:disabled),.employee-profile-page .employee-employment-status-modal .esm-apply-actions .btn:hover:not(:disabled){color:#101828;background:#25d77a;border-color:#25d77a}.employee-profile-page .employee-employment-status-modal .esm-tabs{border-bottom-color:#edf0f2}.employee-profile-page .employee-employment-status-modal .esm-tab{color:#454b54}.employee-profile-page .employee-employment-status-modal .esm-tab:hover,.employee-profile-page .employee-employment-status-modal .esm-tab.is-active{color:#009b5b}.employee-profile-page .employee-employment-status-modal .esm-tab.is-active{border-bottom-color:#00b56b}.employee-profile-page .employee-employment-status-modal .esm-current,.employee-profile-page .employee-employment-status-modal .esm-apply-card,.employee-profile-page .employee-employment-status-modal .esm-preview-card{background:#fff;border-color:#edf0f2;border-radius:8px}.employee-profile-page .employee-employment-status-modal .esm-apply-actions{border-top-color:#edf0f2}@media (width<=600px){.employee-profile-page .employee-exit-status-modal.modal-lg,.employee-profile-page .employee-employment-status-modal.modal-xl{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.employee-profile-page .employee-exit-status-modal .modal-header,.employee-profile-page .employee-employment-status-modal .modal-header{padding:.9rem 1rem .7rem}.employee-profile-page .employee-exit-status-modal .modal-body{padding:.85rem 1rem 1rem}}@media (width<=700px){.employee-profile-page{padding:.85rem}.employee-profile-page .profile-banner.card{padding:3rem 1rem 1rem}.employee-profile-page .banner-content{align-items:flex-start;gap:.75rem;margin-top:0}.employee-profile-page .profile-avatar-large{flex-basis:56px;width:56px;height:56px;font-size:1.25rem}.employee-profile-page .profile-name{font-size:1.2rem}.employee-profile-page .profile-meta-row{justify-content:flex-start;gap:.25rem .45rem;font-size:11px}.employee-profile-page .employee-info-row .profile-section-card{flex-basis:100%}.employee-profile-page .profile-tabs-section{padding:.5rem .5rem 0}.employee-profile-page .profile-tabs-section .profile-tabs{overflow-x:auto}.employee-profile-page .profile-tabs-section .profile-tabs .tab-item{white-space:nowrap;flex:none}.employee-profile-page .profile-tabs-body{padding:.65rem .1rem .75rem}}.profile-remote-corner{z-index:20;justify-content:flex-end;display:flex;position:absolute;top:3.1rem;right:.75rem}.remote-corner-btn{color:#3c444d;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:999px;align-items:center;gap:.45rem;padding:.2rem .5rem .2rem .6rem;font-size:.74rem;font-weight:700;line-height:1;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.remote-corner-btn:hover:not(:disabled){color:#008b51;background:#f0fdf7;border-color:#00b56b}.remote-corner-btn.on{color:#008b51;background:#f0fdf7;border-color:#00b56b73}.remote-corner-btn:disabled{opacity:.7;cursor:default}.remote-corner-label{white-space:nowrap}.remote-corner-pill{color:#6b7280;white-space:nowrap;background:#fff;border:1px solid #e1e5e9;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .6rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.remote-corner-pill.on{color:#008b51;background:#f0fdf7;border-color:#00b56b73}.remote-status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.remote-toggle{background:#cbd5e1;border-radius:999px;flex:none;align-items:center;width:32px;height:18px;transition:background .18s;display:inline-flex;position:relative}.remote-toggle.on{background:#00b56b}.remote-toggle-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.remote-toggle.on .remote-toggle-knob{transform:translate(14px)}.remote-toggle.saving{opacity:.6}.em-page{padding:1.5rem}.em-header{margin-bottom:1.5rem}.em-page-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem}.em-filter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.625rem 1rem;display:flex}.em-filter-title{color:var(--text);white-space:nowrap;margin:0;font-size:.95rem;font-weight:700}.em-filter-controls{flex-wrap:nowrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.em-filter-search{flex:0 0 200px}.em-filter-search .search-field{width:100%}.em-filter-card .searchable-select{flex:0 0 150px;width:100%}.em-btn-settings.btn{color:#111;background:#eee;border-color:#eee}.em-btn-add-employee.btn{color:#111;background:#3ce58a;border-color:#3ce58a}.em-required{color:red}.em-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.em-modal-body{padding:2rem;overflow-y:auto}.em-form-grid{grid-template-columns:1fr 1fr;gap:1.5rem 2rem}.em-label{color:#444;font-weight:600}.em-input{border:1px solid #ccc;border-radius:6px;padding:.6rem .75rem}.em-textarea{border:1px solid #ccc;border-radius:6px;flex:0 0 250px;padding:.6rem .75rem}.em-full-width{grid-column:1/-1}.em-modal-footer{background:#fff;border-top:1px solid #eee;flex-shrink:0;padding:1rem 2rem}.em-btn-cancel{border-radius:6px;padding:.5rem 1rem}.em-btn-submit{color:#fff;background:#0e705b;border:none;border-radius:6px;padding:.5rem 1.5rem}.em-btn-submit:disabled{opacity:.7;cursor:not-allowed}.em-btn-submit:not(:disabled){opacity:1;cursor:pointer}.em-employee-modal.modal-lg{background:#fff;border:1px solid #edf0f2;border-radius:12px;width:min(760px,100vw - 2rem);max-width:760px;max-height:min(90vh,900px);box-shadow:0 20px 60px #0f172a38}.em-employee-modal .modal-header{background:#fff;border-bottom:0;align-items:flex-start;padding:1.25rem 1.5rem .75rem}.em-employee-modal .modal-title{color:#080a0c;font-size:1.65rem;font-weight:700;line-height:1.2}.em-employee-modal .modal-close{color:#20252a;background:#fff;border:1px solid #20252a;border-radius:50%;width:34px;height:34px;font-size:1.25rem}.em-employee-modal .modal-close:hover{color:#008b51;background:#f0fdf7;border-color:#00b56b}.em-employee-modal .em-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent;background:#fff;min-height:0;padding:0 1.5rem 1.25rem}.em-modal-subtitle{color:#75808f;margin:0 0 1rem;font-size:14px}.em-employee-modal .em-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}.em-employee-modal .input-label{color:#343a40;margin-bottom:.35rem;font-size:12px;font-weight:500}.em-employee-modal .em-input.input-field,.em-employee-modal .em-input .searchable-select-trigger{color:#252a31;height:44px;min-height:44px;box-shadow:none;background-color:#fff;border:1px solid #aeb5bf;border-radius:8px;font-size:13px}.em-employee-modal .em-input.input-field:focus,.em-employee-modal .em-input .searchable-select-trigger:focus-visible{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.em-employee-modal .em-input.input-field:disabled,.em-employee-modal .em-input .searchable-select-trigger:disabled{color:#6b7280;background:#f7f9fb;border-color:#d8dde2}.em-employee-modal .em-employee-modal-footer{background:#fff;border-top:1px solid #edf0f2;flex-shrink:0;gap:.75rem;padding:.85rem 1.5rem 1.25rem}.em-employee-modal .em-employee-modal-footer .btn{border-radius:7px;flex:1 1 0;min-height:42px;font-size:13px;font-weight:600}.em-employee-modal .em-btn-cancel{color:#30363d;background:#fff;border:1px solid #aeb5bf}.em-employee-modal .em-btn-cancel:hover:not(:disabled){background:#f7f9fb;border-color:#89919b}.em-employee-modal .em-btn-submit{box-shadow:none;border-radius:7px;color:#101828!important;background:#3ce58a!important;border:1px solid #3ce58a!important}.em-employee-modal .em-btn-submit:hover:not(:disabled){color:#101828!important;background:#25d77a!important;border-color:#25d77a!important}.em-employee-modal .em-checkbox-wrapper.is-checked .em-custom-checkbox{background:#00b56b;border-color:#00b56b}@media (width<=600px){.em-employee-modal.modal-lg{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.em-employee-modal .modal-header{padding:1rem 1rem .6rem}.em-employee-modal .modal-title{font-size:1.4rem}.em-employee-modal .em-modal-body{padding:0 1rem 1rem}.em-employee-modal .em-form-grid{grid-template-columns:minmax(0,1fr);gap:.85rem}.em-employee-modal .em-employee-modal-footer{padding:.75rem 1rem 1rem}.em-employee-modal .em-employee-modal-footer .btn{flex:1 1 0}}.em-confirm-modal{text-align:center;background:#fff;border-radius:12px;max-width:400px;margin:auto;padding:2rem}.em-confirm-title{color:#333;margin-bottom:1rem;font-size:1.25rem}.em-confirm-text{color:#666;margin-bottom:1.5rem}.em-confirm-actions{justify-content:center;gap:1rem;display:flex}.em-btn-danger{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:6px;padding:.6rem 1.5rem}.em-btn-cancel-outline{cursor:pointer;border:1px solid #ccc;border-radius:6px;padding:.6rem 1.5rem}.em-settings-modal{background:#fff;border-radius:12px;flex-direction:column;flex:1;max-width:500px;margin:auto;display:flex;overflow:hidden}.em-settings-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.em-settings-body{padding:2rem;overflow-y:auto}.em-settings-footer{background:#fff;border-top:1px solid #eee;flex-shrink:0;justify-content:flex-end;padding:1rem 2rem;display:flex}.em-section{margin-bottom:2rem}.em-list-box{border:1px solid #eee;border-radius:6px;max-height:150px;margin-bottom:1rem;padding:.5rem;overflow-y:auto}.em-list-item{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.em-btn-remove{color:#e53e3e;border-color:#e53e3e;border-radius:4px;padding:.2rem .6rem;font-size:.8rem}.em-empty-text{color:#888;padding:.5rem}.em-add-row{gap:.75rem;margin-top:.5rem;display:flex}.em-add-row>.input-group{flex:1}.em-confirm-body{text-align:center}.em-add-input{background:#f8f9fa;border:1px solid #ccc;border-radius:6px;flex:1;padding:.6rem .75rem}.em-btn-add{color:#fff;cursor:pointer;background:#0e705b;border:none;border-radius:6px;padding:.6rem 1.5rem;font-weight:600}.em-higher-z{z-index:1100}.em-settings-modal.modal-md{background:#fff;border:1px solid #edf0f2;border-radius:12px;flex:0 auto;width:min(560px,100vw - 2rem);max-width:560px;max-height:min(88vh,760px);box-shadow:0 20px 60px #0f172a38}.em-settings-modal .modal-header{background:#fff;border-bottom:0;align-items:flex-start;padding:1.25rem 1.5rem .75rem}.em-settings-modal .modal-title{color:#080a0c;font-size:1.65rem;font-weight:700;line-height:1.2}.em-settings-modal .modal-close{color:#20252a;background:#fff;border:1px solid #20252a;border-radius:50%;width:34px;height:34px;font-size:1.25rem}.em-settings-modal .modal-close:hover{color:#008b51;background:#f0fdf7;border-color:#00b56b}.em-settings-modal .em-settings-body{scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent;background:#fff;min-height:0;padding:0 1.5rem 1rem;overflow-y:auto}.em-settings-subtitle{color:#75808f;margin:0 0 1rem;font-size:14px}.em-settings-body h4{color:#252a31;margin:0 0 .5rem;font-size:14px;font-weight:700}.em-settings-body .em-section{border-bottom:1px solid #edf0f2;margin-bottom:1.25rem;padding-bottom:1.25rem}.em-settings-body>div:last-child{margin-bottom:0}.em-settings-modal .em-list-box{background:#f7f9fb;border:1px solid #e5e9ed;border-radius:8px;max-height:180px;margin-bottom:.75rem;padding:.25rem .65rem}.em-settings-modal .em-list-item{color:#30363d;border-bottom-color:#e7eaed;gap:.75rem;min-height:42px;padding:.4rem .15rem;font-size:13px}.em-settings-modal .em-empty-text{color:#75808f;padding:.65rem .15rem;font-size:12px}.em-settings-modal .em-btn-remove{color:#d52a2a;background:#fff;border:1px solid #f1c4c0;border-radius:5px;min-height:30px;padding:.25rem .6rem;font-size:11px}.em-settings-modal .em-btn-remove:hover:not(:disabled){color:#b91c1c;background:#fff0ef;border-color:#df4b42}.em-settings-modal .em-add-row{align-items:center;gap:.5rem;margin-top:.65rem}.em-settings-modal .em-add-input.input-field{color:#252a31;background:#fff;border:1px solid #aeb5bf;border-radius:7px;min-width:0;height:40px;min-height:40px;padding:0 .75rem;font-size:13px}.em-settings-modal .em-add-input.input-field:focus{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.em-settings-modal .em-btn-add{white-space:nowrap;border-radius:7px;min-height:40px;padding:0 1rem;font-size:12px;font-weight:600;color:#101828!important;background:#3ce58a!important;border:1px solid #3ce58a!important}.em-settings-modal .em-btn-add:hover:not(:disabled){background:#25d77a!important;border-color:#25d77a!important}.em-settings-modal .em-settings-footer{background:#fff;border-top:1px solid #edf0f2;flex-shrink:0;justify-content:flex-end;padding:.85rem 1.5rem 1.25rem}.em-settings-modal .em-settings-footer .em-btn-cancel{color:#30363d;background:#fff;border:1px solid #aeb5bf;border-radius:7px;min-height:40px;padding:0 1rem;font-size:12px}.em-settings-modal .em-settings-footer .em-btn-cancel:hover:not(:disabled){background:#f7f9fb;border-color:#89919b}@media (width<=600px){.em-settings-modal.modal-md{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.em-settings-modal .modal-header{padding:1rem 1rem .6rem}.em-settings-modal .modal-title{font-size:1.4rem}.em-settings-modal .em-settings-body{padding:0 1rem .85rem}.em-settings-modal .em-settings-footer{padding:.75rem 1rem 1rem}}.em-table .table th,.em-table .table td{white-space:nowrap;text-overflow:ellipsis;text-align:left;vertical-align:middle;overflow:hidden}.em-table .table td{border-bottom:1px solid var(--border);color:var(--text);padding:.875rem 1rem}.em-table .table th:first-child,.em-table .table td:first-child{min-width:170px}.em-table .table th:nth-child(2),.em-table .table td:nth-child(2),.em-table .table th:nth-child(3),.em-table .table td:nth-child(3),.em-table .table th:nth-child(4),.em-table .table td:nth-child(4),.em-table .table th:nth-child(5),.em-table .table td:nth-child(5){max-width:220px}.em-table .table th:nth-child(6),.em-table .table td:nth-child(6){text-align:center;min-width:120px}.em-table .table th:nth-child(7),.em-table .table td:nth-child(7){min-width:120px}.em-employee-cell{font:inherit;text-align:left;cursor:pointer;color:inherit;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.125rem;padding:0;display:flex}.em-employee-cell:hover .em-employee-name{color:var(--primary)}.em-employee-cell:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.em-employee-name{color:var(--text);font-weight:700;line-height:1.25}.em-employee-code{color:var(--text-muted);font-size:.78rem;font-weight:400;line-height:1.2}.em-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.em-status-badge .em-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.em-status-active{color:var(--secondary-dark);background:#00b56b1f}.em-status-inactive{color:#b91c1c;background:#ef44441f}.em-status-reason{color:var(--text-muted);white-space:nowrap;font-size:.72rem;line-height:1.2}.em-settings-title{margin:0}.em-experienced-field{flex-direction:column;display:flex}.em-checkbox-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;color:#334155;align-items:center;gap:10px;width:fit-content;min-height:38px;margin-top:2px;font-size:14px;line-height:1.4;display:inline-flex}.em-checkbox-wrapper input{opacity:0;pointer-events:none;position:absolute}.em-custom-checkbox{background:#fff;border:1.5px solid #94a3b8;border-radius:4px;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.em-checkbox-check{color:#fff;font-size:13px;font-weight:700;line-height:1}.em-checkbox-wrapper:hover:not(.is-disabled) .em-custom-checkbox{border-color:#0f8b9d;box-shadow:0 0 0 3px #0f8b9d14}.em-checkbox-wrapper.is-checked .em-custom-checkbox{background:#0f8b9d;border-color:#0f8b9d}.em-checkbox-wrapper:focus-within .em-custom-checkbox{box-shadow:0 0 0 3px #0f8b9d26}.em-checkbox-text{color:#334155;font-size:14px;font-weight:400}.em-checkbox-wrapper.is-checked .em-checkbox-text{color:#1e293b;font-weight:500}.em-checkbox-wrapper.is-disabled{cursor:not-allowed;opacity:.6}.em-classification-section{margin-top:.5rem}.em-classification-divider{color:#475569;letter-spacing:.02em;text-transform:uppercase;grid-column:1/-1;align-items:center;gap:.75rem;margin:1rem 0 1.25rem;font-size:13px;font-weight:600;display:flex}.em-classification-divider:before,.em-classification-divider:after{content:"";background:#cbd5e1;flex:1;height:1px}.em-classification-options{flex-wrap:wrap;gap:1.25rem 1.75rem;margin-top:4px;display:flex}.em-classification-options .em-checkbox-wrapper{margin-top:0}.em-classification-dates,.em-probation-block{grid-column:1/-1;margin-top:1rem}.em-probation-block>.em-checkbox-wrapper{margin-top:0}.em-field-error{color:#dc2626;margin:.35rem 0 0;font-size:.8rem}.em-wh-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-column:1/-1;margin-top:1rem;overflow:hidden}.em-wh-header{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.em-wh-title{color:var(--text);margin:0;font-size:1rem;font-weight:700}.em-btn-record{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.em-btn-record:hover{background:var(--primary-dark)}.em-wh-table{border-collapse:collapse;width:100%;font-size:.875rem}.em-wh-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--surface);padding:.7rem 1.25rem;font-size:.72rem;font-weight:700}.em-wh-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:.65rem 1.25rem}.em-wh-table tbody tr:last-child td{border-bottom:none}.em-wh-table tbody tr:hover{background:var(--surface-2)}.em-wh-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;min-width:9rem;color:var(--text);padding:.45rem .6rem;font-size:.85rem}.em-wh-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #008b981f}.em-wh-actions-col{width:96px}.em-wh-actions{white-space:nowrap;text-align:right}.em-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;margin-left:.35rem;display:inline-flex}.em-icon-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-2)}.em-icon-save{border-color:var(--success);color:var(--success)}.em-icon-danger:hover{border-color:var(--danger);color:var(--danger);background:#ef444414}.em-exit-badge{border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:600;line-height:1.4;display:inline-block}.em-exit-rejoin{color:#1d4ed8;background:#2563eb1f}.em-exit-resigned{color:var(--primary);background:#008b981f}.em-exit-relieved{color:var(--secondary-dark);background:#00b56b1f}.em-exit-terminated{color:var(--danger);background:#ef44441f}.em-wh-reason{text-overflow:ellipsis;white-space:nowrap;max-width:32ch;display:block;overflow:hidden}.em-wh-empty{color:var(--text-dim);margin:0;padding:1.5rem 1.25rem;font-size:.875rem}.em-filter-card .searchable-select-trigger,.em-filter-card .search-field-input{border-radius:var(--radius-sm);height:2.25rem}.em-filter-card .search-field{border-radius:var(--radius-sm);align-items:center;width:100%;height:2.25rem;display:flex;position:relative}.em-filter-card .search-field-input{height:2.25rem;padding-left:2.25rem;padding-right:2rem;line-height:1.2}.em-filter-card .search-field-icon{z-index:2;justify-content:center;align-items:center;display:flex;top:50%;left:.75rem;transform:translateY(-50%)}.em-filter-card .search-field-clear{z-index:2;justify-content:center;align-items:center;display:flex;top:50%;right:.75rem;transform:translateY(-50%)}.em-filter-card .searchable-select-trigger .btn-icon-wrapper{justify-content:center;align-items:center;display:inline-flex}.em-filter-card .searchable-select-clear{justify-content:center;align-items:center;display:flex;top:50%;transform:translateY(-50%)}.em-filter-card .fp-search-wrapper{flex-direction:column;width:100%;display:flex}.em-filter-card .fp-search-wrapper .search-field{width:100%}.em-filter-card .fp-field-button,.em-filter-card .fp-action-button{width:100%;height:2.25rem}.em-status-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.em-exit-sub{color:var(--text-muted);font-size:.65rem;font-weight:600}.em-page{background:#f7f9fb;min-height:100%;padding:1rem 1.25rem 1.5rem}.em-header{align-items:center;gap:1rem;margin-bottom:1.25rem}.em-header h2{color:#080a0c;margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.em-page-subtitle{color:#75808f;margin-top:.35rem;font-size:14px}.em-header>.flex{align-items:center;gap:.5rem}.em-btn-settings.btn{color:#30363d;min-height:36px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:5px;padding:.4rem .7rem;font-size:12px}.em-btn-settings.btn:hover:not(:disabled){color:#252a31;background:#f7f9fb;border-color:#89919b}.em-btn-add-employee.btn{color:#101828;min-height:36px;box-shadow:none;background:#3ce58a;border:1px solid #3ce58a;border-radius:5px;padding:.4rem .75rem;font-size:12px;font-weight:600}.em-btn-add-employee.btn:hover:not(:disabled){color:#101828;background:#25d77a;border-color:#25d77a}.em-filter-card{background:#fff;border-color:#edf0f2;border-radius:9px;gap:.65rem;margin-bottom:1rem;padding:.65rem .75rem;box-shadow:0 2px 9px #0f172a06}.em-filter-title{color:#171a1f;font-size:14px}.em-filter-controls{gap:.4rem}.em-filter-card .search-field,.em-filter-card .search-field-input{color:#252a31;background:#fff;border-color:#aeb5bf;border-radius:5px;height:36px;font-size:12px}.em-filter-card .search-field:focus-within{border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}.em-filter-card .search-field-input:focus{box-shadow:none;border-color:#00b56b;outline:0}.em-filter-card .searchable-select-trigger{color:#252a31;height:36px;min-height:36px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:5px;font-size:12px}.em-filter-card .searchable-select-trigger:focus-visible{border-color:#00b56b;outline:0;box-shadow:0 0 0 1px #00b56b1f}.em-table-card.card{background:#fff;border:1px solid #edf0f2;border-radius:10px;min-width:0;padding:0;overflow:hidden;box-shadow:0 2px 9px #0f172a09}.em-table{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent;max-width:100%;overflow-x:auto}.em-table .table{table-layout:fixed;width:100%;min-width:980px;font-size:12px}.em-table .table th{color:#191b1e;letter-spacing:0;text-transform:none;background:#f3f3f4;padding:.65rem .55rem;font-size:12px;font-weight:700}.em-table .table td{color:#272b31;border-bottom-color:#e5e7e9;padding:.55rem;font-size:12px}.em-table .table th:first-child,.em-table .table td:first-child{width:18%}.em-table .table th:nth-child(2),.em-table .table td:nth-child(2),.em-table .table th:nth-child(3),.em-table .table td:nth-child(3){width:13%}.em-table .table th:nth-child(4),.em-table .table td:nth-child(4){width:18%}.em-table .table th:nth-child(5),.em-table .table td:nth-child(5){width:12%}.em-table .table th:nth-child(6),.em-table .table td:nth-child(6),.em-table .table th:nth-child(7),.em-table .table td:nth-child(7){width:13%}.em-table .table tbody tr:hover{background:#f8fafc}.em-table .table tbody tr.em-row-remote,.em-table .table tbody tr.em-row-remote:hover{background:#f0fdf7}.em-table .table tbody tr.em-row-remote td:first-child{box-shadow:inset 3px 0 #00b56b}.em-table .em-employee-cell:hover .em-employee-name{color:#008b51}.em-table .em-employee-cell:focus-visible{outline-offset:2px;outline:2px solid #00b56b}.em-table .em-status-cell .badge{letter-spacing:0;border:0;border-radius:5px;padding:.25rem .55rem;font-size:10px}.em-table .em-status-cell .badge-success{color:#007d4a;background:#d8f8ec}.em-table .em-status-cell .badge-danger{color:#b91c1c;background:#ffe0dc}.em-table-card .pagination-helper-container{border-top:1px solid #edf0f2;min-height:40px;margin:0;padding:.4rem .55rem}.em-table-card .pagination-info{color:#77808b;margin:0;font-size:12px}.em-table-card .pagination-content-wrapper{gap:.3rem}.em-table-card .page-btn{color:#333942;width:28px;min-width:28px;height:28px;box-shadow:none;background:#fff;border:1px solid #cbd0d6;border-radius:4px;padding:0;font-size:12px}.em-table-card .page-btn.active{color:#fff!important;background:#00b56b!important;border-color:#00b56b!important}.em-table-card .page-btn:not(:disabled):hover{color:#fff;background:#00b56b;border-color:#00b56b}@media (width<=900px){.em-filter-controls{flex-wrap:wrap;width:100%;margin-left:0}.em-filter-search{flex:220px}}@media (width<=600px){.em-page{padding:.85rem}.em-header{flex-direction:column;align-items:flex-start}.em-header>.flex{width:100%}.em-header>.flex .btn{flex:1 1 0}.em-filter-controls{grid-template-columns:minmax(0,1fr);display:grid}.em-filter-search,.em-filter-card .searchable-select{flex-basis:auto;width:100%;min-width:0}}.em-code-input{letter-spacing:.14em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.page-container{padding:1.5rem}.month-nav{background:var(--surface-2);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.month-nav-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);box-shadow:var(--shadow-sm);transition:var(--transition);justify-content:center;align-items:center;padding:4px 10px;font-size:.9rem;font-weight:700;display:flex}.month-nav-btn:hover{border-color:var(--primary);color:var(--primary)}.month-nav-label{text-align:center;min-width:130px;color:var(--text);font-size:.95rem;font-weight:700}.action-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.calendar-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.calendar-header-cell{background:var(--surface-2);text-align:center;color:var(--text-muted);border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:.5rem;font-size:.75rem;font-weight:700}.calendar-day-cell{border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:80px;padding:.5rem;display:flex}.calendar-day-cell.empty{background:var(--surface-2)}.calendar-day-number{color:var(--text);margin-bottom:auto;font-size:.9rem;font-weight:700}.calendar-status-badge{color:#fff;text-align:center;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;background:#94a3b8;margin-top:4px;padding:2px 4px;font-size:.65rem;font-weight:700;line-height:1.2}.calendar-status-badge--present,.calendar-status-badge--work_more{background:#22c55e}.calendar-status-badge--absent{background:#ef4444}.calendar-status-badge--leave,.calendar-status-badge--on_leave,.calendar-status-badge--casual,.calendar-status-badge--sick,.calendar-status-badge--earned,.calendar-status-badge--lop{background:#f97316}.calendar-status-badge--on_duty{background:#8b5cf6}.calendar-status-badge--holiday{color:#333;background:gold}.calendar-status-badge--half_day{background:#84cc16}.calendar-status-badge--weekend{background:#cbd5e1}.calendar-time-info{color:var(--text-muted);text-align:center;margin-top:4px;font-size:.65rem;line-height:1.2}.category-badge{border-radius:100px;padding:2px 10px;font-size:.75rem;font-weight:600}.category-badge.optional{color:#92400e;background:#fdcb6e26;border:1px solid #fdcb6e4d}.category-badge.public{color:var(--primary);background:#008b981f;border:1px solid #008b9840}.flex-row{flex-direction:row;display:flex}.justify-end{justify-content:flex-end}.gap-half{gap:.5rem}.search-dropdown{position:relative}.search-dropdown-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:var(--transition);padding:.5625rem .875rem;font-size:.875rem}.search-dropdown-input::placeholder{color:var(--text-dim)}.search-dropdown-input:focus{border-color:var(--primary);background:var(--surface);outline:none}.search-dropdown-list{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:220px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--text);transition:var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;display:flex}.search-dropdown-item:hover{background:var(--surface-2)}.search-dropdown-item.is-selected{color:var(--primary);background:#008b981a}.search-dropdown-item-name{font-weight:500}.search-dropdown-item-code{color:var(--text-muted);font-size:.75rem}.search-dropdown-empty{text-align:center;color:var(--text-muted);padding:.75rem;font-size:.85rem}.cal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:1.5rem;display:grid}.cal-stat-card{border-radius:var(--radius);text-align:center;border:1px solid var(--border);padding:.75rem}.cal-stat-label{text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.7rem;font-weight:700}.cal-stat-value{font-size:1.25rem;font-weight:700}.cal-stat-card.working-days{background:#f8fafc}.cal-stat-card.present{background:#f0fdf4;border-color:#bbf7d0}.cal-stat-card.present .cal-stat-label{color:#166534}.cal-stat-card.present .cal-stat-value{color:#15803d}.cal-stat-card.wfh{background:#eff6ff;border-color:#bfdbfe}.cal-stat-card.wfh .cal-stat-label{color:#1e40af}.cal-stat-card.wfh .cal-stat-value{color:#1d4ed8}.cal-stat-card.leave{background:#fef3c7;border-color:#fde68a}.cal-stat-card.leave .cal-stat-label{color:#92400e}.cal-stat-card.leave .cal-stat-value{color:#b45309}.cal-stat-card.absent{background:#fef2f2;border-color:#fca5a5}.cal-stat-card.absent .cal-stat-label{color:#991b1b}.cal-stat-card.absent .cal-stat-value{color:#b91c1c}.cal-stat-card.on-duty{background:#faf5ff;border-color:#e9d5ff}.cal-stat-card.on-duty .cal-stat-label{color:#6b21a8}.cal-stat-card.on-duty .cal-stat-value{color:#7e22ce}.cal-stat-card.half-day{background:#f7fee7;border-color:#d9f99d}.cal-stat-card.half-day .cal-stat-label{color:#4d7c0f}.cal-stat-card.half-day .cal-stat-value{color:#65a30d}.cal-stat-card.holiday{background:#f0fdfa;border-color:#99f6e4}.cal-stat-card.holiday .cal-stat-label,.cal-stat-card.holiday .cal-stat-value{color:#0f766e}.cal-stat-card.lop{background:#fef2f2;border-color:#fca5a5}.cal-stat-card.lop .cal-stat-label{color:#991b1b}.cal-stat-card.lop .cal-stat-value{color:#b91c1c}.cal-stat-card.work-more{background:#fef3c7;border-color:#fde68a}.cal-stat-card.work-more .cal-stat-label{color:#92400e}.cal-stat-card.work-more .cal-stat-value{color:#b45309}.filter-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-row .search-dropdown{flex:1;min-width:220px;max-width:320px}.emp-name-link{color:var(--primary);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.emp-name-link:hover{color:var(--primary-dark)}.team-summary-section{margin-top:1.5rem}.team-summary-section .table td{vertical-align:middle;white-space:nowrap;padding:.75rem 1rem}.team-summary-section .table th{white-space:nowrap;vertical-align:middle;padding:.75rem 1rem}.team-summary-section .table td:nth-child(n+4){text-align:center;font-variant-numeric:tabular-nums}.team-summary-section .table th:nth-child(n+4){text-align:center}.team-summary-section .table td:first-child{font-weight:500}.team-summary-section .pagination-wrapper{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.filter-card+.team-summary-table-card{margin-top:1.5rem}.holiday-filter-card{margin-bottom:1rem}.attendance-filter-card .fp-fields{gap:1rem}.attendance-filter-card .fp-field-wrapper{min-width:200px}@media (width<=768px){.team-summary-section .table td,.team-summary-section .table th{padding:.5rem .625rem;font-size:.8rem}.cal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}}.card-pending-repunch{border-left:4px solid var(--warning)}.punch-card-body{text-align:center;min-height:140px}.badge-padded{margin-bottom:.5rem;padding:.5rem 1rem;font-size:.9rem;display:inline-block}.badge-block{padding:.5rem 1rem;display:block}.re-punch-note-xs{margin:.25rem 0}.re-punch-wrap{margin-top:.5rem}.re-punch-rejected{margin-bottom:.25rem}.input-textarea-tall{min-height:100px}.modal-form-pad{padding:1rem 0}.form-actions{margin-top:1rem}.calendar-modal-body{padding:.5rem 0}.text-on-duty{color:#8b5cf6}.text-half-day{color:#84cc16}.cal-badge-present{background-color:#22c55e}.cal-badge-absent{background-color:#ef4444}.cal-badge-leave{background-color:#f97316}.cal-badge-wfh{background-color:#0ea5e9}.cal-badge-on-duty{background-color:#8b5cf6}.cal-badge-holiday{background-color:gold}.cal-badge-half-day{background-color:#84cc16}.cal-badge-weekend{background-color:#cbd5e1}.cal-badge-uninformed{background-color:#b91c1c}.cal-badge-default{background-color:#94a3b8}.attendance-dashboard{background:#f8fafc;min-height:100%;padding:2rem}.attendance-page-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.75rem;display:flex}.attendance-page-heading h2{color:#0f172a;margin:0;font-size:2rem;font-weight:700;line-height:1.2}.attendance-page-heading p{color:#64748b;margin:.6rem 0 0;font-size:1rem}.attendance-view-selector{align-items:center;gap:.6rem;display:flex}.attendance-view-selector label{color:#64748b;font-size:.8rem;font-weight:600}.attendance-view-selector select{color:#0f172a;cursor:pointer;appearance:auto;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:190px;height:44px;padding:0 2.25rem 0 .9rem;font-size:.9rem;font-weight:600}.attendance-view-selector select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.attendance-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-bottom:1.75rem;display:grid}.attendance-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:stretch;min-height:145px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 7px #0f172a14}.attendance-kpi-content{z-index:2;flex-direction:column;justify-content:space-between;padding:1.25rem 0 1.1rem 1.35rem;display:flex;position:relative}.attendance-kpi-label{color:#111827;font-size:.9rem;font-weight:500}.attendance-kpi-value{color:#020617;margin-top:.2rem;font-size:2.35rem;font-weight:700;line-height:1;display:block}.attendance-kpi-helper{color:#64748b;font-size:.72rem}.attendance-kpi-icon{color:#fff;border-radius:50% 0 0;justify-content:center;align-self:flex-end;align-items:center;width:102px;height:102px;margin-bottom:-22px;margin-right:-14px;font-size:2rem;font-weight:700;display:flex}.attendance-kpi-icon span{margin-top:-5px;margin-left:-5px}.attendance-kpi-icon-blue{background:#087df5}.attendance-kpi-icon-green{background:#00e89b}.attendance-kpi-icon-red{background:#ef0000}.attendance-kpi-icon-sky{background:#079cf0}.attendance-kpi-icon-yellow{background:#ffc400}.attendance-kpi-icon-orange{background:#f97316}.attendance-content-header{justify-content:flex-end;align-items:center;min-height:42px;margin-bottom:.75rem;display:flex}.attendance-period-label{display:none}.attendance-month-nav{background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:.35rem;padding:.2rem;display:flex}.attendance-month-nav>span{text-align:center;color:#0f172a;min-width:125px;font-size:.9rem;font-weight:600}.attendance-month-btn{border-radius:7px;min-width:34px;height:34px}.attendance-view-container{width:100%}.attendance-tab-content{flex-direction:column;gap:1rem;display:flex}.attendance-inner-tabs{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:14px 14px 0 0;align-items:center;gap:1.5rem;min-height:54px;padding:0 .75rem;display:flex}.attendance-inner-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;height:54px;padding:0;font-size:.92rem;font-weight:500;position:relative}.attendance-inner-tabs button:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.attendance-inner-tabs button:hover{color:#0f172a}.attendance-inner-tabs button.active{color:#059669;font-weight:600}.attendance-inner-tabs button.active:after{background:#059669}.attendance-toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.2rem 1.3rem;box-shadow:0 2px 7px #0f172a0d}.attendance-search-icon{color:#64748b;justify-content:center;align-items:center;margin-left:.85rem;display:flex}.attendance-date-nav-btn{min-width:44px;height:100%;box-shadow:none;color:#0f172a;border:0;padding:0;font-size:1.6rem}.attendance-date-nav-btn:hover{background:#f8fafc}.attendance-date-nav-label{color:#0f172a;text-align:center;cursor:pointer;background:0 0;border:0;flex:1;min-width:70px;font-size:.95rem;font-weight:500}.attendance-status-select:focus{border-color:#64748b}.attendance-export-icon{margin-left:.5rem;font-size:1.15rem;line-height:1}.attendance-section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.attendance-section-heading h3{color:#111827;margin:0;font-size:1rem;font-weight:700}.attendance-section-heading p{color:#64748b;margin:.25rem 0 0;font-size:.8rem}.attendance-toolbar{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.attendance-toolbar>*{min-width:190px}.attendance-date-control{flex-direction:column;gap:.4rem;display:flex}.attendance-date-control label{color:#334155;font-size:.78rem;font-weight:600}.attendance-control-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:190px;height:40px;padding:0 .8rem;font-size:.86rem}.attendance-control-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.attendance-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 7px #0f172a0d}.attendance-table-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.2rem 1.3rem;display:flex}.attendance-table-header h3{color:#111827;margin:0;font-size:1rem;font-weight:700}.attendance-table-wrapper{width:100%;overflow-x:auto}.attendance-table-wrapper .table{min-width:820px}.attendance-table-wrapper .table th{color:#111827;white-space:nowrap;background:#f8fafc;padding:.9rem .8rem;font-size:.8rem;font-weight:700}.attendance-table-wrapper .table td{color:#111827;vertical-align:middle;white-space:nowrap;padding:.85rem .8rem;font-size:.84rem}.attendance-table-wrapper .table tbody tr{transition:background .15s}.attendance-table-wrapper .table tbody tr:hover{background:#f8fafc}.attendance-pagination{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;padding:.8rem 1rem;display:flex}.attendance-summary-toolbar{align-items:flex-end}.attendance-summary-table-wrapper .table{min-width:1050px}.attendance-summary-table-wrapper .table td,.attendance-summary-table-wrapper .table th{text-align:center}.attendance-summary-table-wrapper .table td:first-child,.attendance-summary-table-wrapper .table th:first-child{text-align:left}.attendance-summary-table-wrapper .emp-name-link{color:#059669;font-weight:600;text-decoration:none}.attendance-summary-table-wrapper .emp-name-link:hover{text-decoration:underline}@media (width<=1200px){.attendance-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.attendance-dashboard{padding:1rem}.attendance-page-header{flex-direction:column;align-items:stretch}.attendance-view-selector{justify-content:flex-start}.attendance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-section-heading{flex-direction:column;align-items:flex-start}.attendance-export-btn{margin-left:0}}@media (width<=520px){.attendance-kpi-grid{grid-template-columns:1fr}.attendance-view-selector{flex-direction:column;align-items:stretch}.attendance-view-selector select{width:100%}.attendance-toolbar{flex-direction:column;align-items:stretch}.attendance-toolbar>*,.attendance-date-control,.attendance-control-input{width:100%;min-width:0}.attendance-export-btn{width:100%}.attendance-inner-tabs{gap:1rem}}.attendance-search-control{background:#fff;border:1px solid #64748b;border-radius:8px;align-items:center;min-width:260px;height:46px;display:flex;position:relative}.attendance-search-control:focus-within{border-color:#64748b;box-shadow:0 0 0 1px #64748b26}.attendance-search-icon{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;margin-left:.85rem;display:flex}.attendance-search-control input{color:#0f172a;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 .9rem;font-size:.95rem}.attendance-search-control input::placeholder{color:#64748b}.attendance-date-nav{background:#fff;border:1px solid #64748b;border-radius:8px;align-items:center;min-width:140px;height:46px;display:flex;overflow:hidden}.attendance-date-nav-btn{color:#0f172a;cursor:pointer;background:0 0;border:0;width:42px;min-width:42px;height:100%;padding:0;font-size:1.5rem;line-height:1}.attendance-date-nav-btn:hover:not(:disabled){background:#f8fafc}.attendance-date-nav-btn:disabled{opacity:.45;cursor:not-allowed}.attendance-date-nav-label{color:#0f172a;text-align:center;white-space:nowrap;background:0 0;border:0;flex:1;min-width:70px;font-size:.95rem;font-weight:500}button.attendance-date-nav-label{cursor:pointer}.attendance-month-display{min-width:175px}.attendance-status-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #64748b;border-radius:8px;outline:none;min-width:135px;height:46px;padding:0 1.8rem 0 .8rem;font-size:.9rem}.attendance-status-select:focus{border-color:#64748b;box-shadow:0 0 0 1px #64748b26}.attendance-export-btn{height:46px;margin-left:auto;min-width:135px!important}.attendance-export-icon{margin-left:.5rem;font-size:1.15rem;line-height:1;display:inline-flex}.attendance-summary-employee-search{min-width:280px}.attendance-summary-employee-search input{color:#0f172a;background:#fff;border:1px solid #64748b;border-radius:8px;height:46px;padding:0 .9rem;font-size:.95rem}.attendance-summary-employee-search input:focus{border-color:#64748b;outline:none;box-shadow:0 0 0 1px #64748b26}.attendance-summary-employee-search,.attendance-summary-employee-search>div{background:#fff!important}.attendance-summary-employee-search input{color:#0f172a!important;background:#fff!important}.attendance-summary-employee-search input::placeholder{color:#64748b!important}.attendance-summary-department-search,.attendance-summary-department-search>div{background:#fff!important}.attendance-summary-department-search input{color:#0f172a!important;background:#fff!important}.attendance-summary-department-search input::placeholder{color:#64748b!important}.attendance-summary-reset-btn,.attendance-export-btn,.attendance-summary-reset-btn:hover,.attendance-export-btn:hover,.attendance-summary-reset-btn:focus,.attendance-export-btn:focus{color:#000!important;background-color:#3ce58a!important;border-color:#3ce58a!important}.team-attendance-page{background:#f7f9fb;min-height:100%;padding:1rem;container:team-attendance-page/inline-size}.team-attendance-page .attendance-page-header{align-items:center;gap:1rem;margin-bottom:1.25rem}.team-attendance-page .attendance-page-heading h2{color:#000;margin:0 0 .3rem;font-size:1.625rem;font-weight:700}.team-attendance-page .attendance-page-heading p{color:#75808f;margin:0;font-size:14px}.team-attendance-page .my-attendance-header-actions{align-items:center;gap:.75rem;display:flex}.team-attendance-page .my-attendance-month-nav{background:#f1f2f4;border:1px solid #e7eaed;border-radius:8px;gap:.25rem;min-height:34px;padding:.2rem .35rem}.team-attendance-page .my-attendance-month-nav .btn{color:#353b43;place-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;display:grid}.team-attendance-page .my-attendance-month-nav .btn svg{width:14px;height:14px}.team-attendance-page .my-attendance-month-nav .month-nav-label{color:#272d34;min-width:88px;font-size:12px;font-weight:500}.team-attendance-page .attendance-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.team-attendance-page .attendance-kpi-card{border:1px solid #e9ecef;border-radius:14px;align-items:center;min-width:0;min-height:92px;box-shadow:0 2px 8px #0f172a17}.team-attendance-page .attendance-kpi-content{justify-content:center;gap:.1rem;padding:.6rem .75rem}.team-attendance-page .attendance-kpi-label{color:#292e35;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:1.25;overflow:hidden}.team-attendance-page .attendance-kpi-value{color:#101318;margin-top:0;font-size:1.75rem;line-height:1.15}.team-attendance-page .attendance-kpi-helper{color:#818a97;font-size:9px;line-height:1.2}.team-attendance-page .attendance-kpi-icon{border-radius:50%;align-self:auto;place-items:center;width:56px;height:56px;margin:0;font-size:1rem;display:grid;position:absolute;bottom:0;right:-12px}.team-attendance-page .attendance-kpi-icon span{margin:0}.team-attendance-page .attendance-kpi-icon svg{stroke-width:1.8px;width:24px;height:24px;transform:translate(-5px)}.team-attendance-page .attendance-kpi-icon-blue{background:#0879f9}.team-attendance-page .attendance-kpi-icon-green{background:#00dca3}.team-attendance-page .attendance-kpi-icon-red{background:#e90000}.team-attendance-page .attendance-kpi-icon-sky{background:#079cf0}.team-attendance-page .attendance-kpi-icon-yellow{background:#ffbd00}.team-attendance-page .attendance-kpi-icon-orange{background:#f97316}.team-attendance-panel{background:#fff;border:1px solid #edf0f2;border-radius:11px;min-width:0;padding:.65rem .75rem .6rem;box-shadow:0 2px 9px #0f172a06}.team-attendance-panel>.my-attendance-tabs{border-bottom:1px solid #edf0f2;gap:.35rem;min-height:34px;margin:0;display:flex}.team-attendance-panel>.my-attendance-tabs .tab-item{color:#454b54;border-bottom:2px solid #0000;min-height:34px;padding:.4rem .45rem .35rem;font-size:12px;font-weight:500}.team-attendance-panel>.my-attendance-tabs .tab-item.active{color:#009b5b;background:0 0;border-bottom-color:#00b56b;font-weight:600}.team-attendance-panel>.my-attendance-tabs .tab-item:hover{color:#008b51;background:0 0}.team-attendance-panel>.my-attendance-content{min-width:0;padding-top:.65rem}.team-attendance-panel>.my-attendance-content>.attendance-tab-content>.attendance-toolbar-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:.65rem .45rem}.team-attendance-panel>.my-attendance-content>.attendance-tab-content>.attendance-toolbar-card .attendance-section-heading{align-items:center;margin-bottom:.55rem}.team-attendance-panel>.my-attendance-content>.attendance-tab-content>.attendance-toolbar-card .attendance-section-heading h3{color:#171a1f;font-size:14px}.team-attendance-panel>.my-attendance-content>.attendance-tab-content>.attendance-toolbar-card .attendance-section-heading p{margin-top:.15rem;font-size:11px}.team-attendance-panel .attendance-summary-reset-btn{min-height:32px;box-shadow:none;border-radius:5px;padding:.35rem .6rem;font-size:12px;color:#252a31!important;background:#fff!important;border-color:#aeb5bf!important}.team-attendance-panel .attendance-summary-reset-btn:hover:not(:disabled){color:#252a31!important;background:#f8fafc!important;border-color:#89919b!important}.team-attendance-panel .attendance-summary-reset-btn:focus-visible{outline-offset:1px;outline:2px solid #00b56b33}.team-attendance-panel .attendance-summary-reset-btn .btn-icon-wrapper svg{width:13px;height:13px}.team-attendance-panel .attendance-summary-toolbar{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:.4rem;display:grid}.team-attendance-panel .attendance-summary-toolbar>*{width:100%;min-width:0}.team-attendance-panel .attendance-summary-toolbar .input-label{color:#454b54;margin-bottom:.2rem;font-size:11px;line-height:1.2}.team-attendance-panel .attendance-summary-department-search,.team-attendance-panel .attendance-summary-employee-search{border:1px solid #aeb5bf;border-radius:5px;width:100%;min-width:0;height:32px;min-height:32px;padding:0 .55rem;font-size:12px;color:#252a31!important;background:#fff!important}.team-attendance-panel .attendance-summary-employee-search.clearable{padding-right:2.5rem}.team-attendance-panel .attendance-summary-toolbar .attendance-export-btn{white-space:nowrap;border-radius:5px;width:auto;height:32px;min-height:32px;margin:0;padding:.35rem .6rem;font-size:12px;min-width:0!important}.team-attendance-log .attendance-tab-content{gap:0}.team-attendance-log .attendance-inner-tabs{background:#fff;border-bottom-color:#edf0f2;border-radius:0;gap:1rem;min-height:34px;padding:0 .45rem}.team-attendance-log .attendance-view-filter{justify-content:flex-start;gap:.5rem}.team-attendance-log .attendance-view-filter label{color:#454b54;font-size:12px;font-weight:500}.team-attendance-log .attendance-view-filter select{color:#252a31;background:#fff;border:1px solid #aeb5bf;border-radius:5px;width:118px;height:30px;padding:0 .55rem;font-size:12px}.team-attendance-log .attendance-inner-tabs button{color:#454b54;height:34px;font-size:12px}.team-attendance-log .attendance-inner-tabs button.active{color:#009b5b}.team-attendance-log .attendance-inner-tabs button.active:after{background:#00b56b}.team-attendance-log .attendance-toolbar-card{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:.75rem;padding:.55rem .45rem;display:flex}.team-attendance-log .attendance-section-heading{flex:none;margin:0}.team-attendance-log .attendance-section-heading h3{color:#171a1f;font-size:14px}.team-attendance-log .attendance-section-heading p{display:none}.team-attendance-log .attendance-toolbar{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:.4rem;min-width:0}.team-attendance-log .attendance-toolbar>*{min-width:0}.team-attendance-log .attendance-search-control{border-color:#aeb5bf;border-radius:5px;width:196px;min-width:150px;height:32px}.team-attendance-log .attendance-search-control input{color:#252a31;padding:0 .55rem;font-size:12px}.team-attendance-log .attendance-search-icon{margin-left:.55rem}.team-attendance-log .attendance-search-icon svg{width:14px;height:14px}.team-attendance-log .attendance-date-nav{border-color:#aeb5bf;border-radius:5px;min-width:96px;height:32px}.team-attendance-log .attendance-date-nav-btn{color:#252a31;min-width:26px;font-size:1.2rem}.team-attendance-log .attendance-date-nav-label{color:#252a31;min-width:40px;font-size:12px}.team-attendance-log .attendance-month-display{min-width:120px;display:none}.team-attendance-log .attendance-status-select{color:#252a31;border-color:#aeb5bf;border-radius:5px;width:118px;min-width:88px;height:32px;padding:0 .55rem;font-size:12px}.team-attendance-log .attendance-export-btn{color:#062f22;white-space:nowrap;background:#18d992;border-color:#18d992;border-radius:5px;height:32px;min-height:32px;margin-left:0;padding:.35rem .6rem;font-size:12px;min-width:0!important}.team-attendance-log .attendance-export-btn:hover:not(:disabled){background:#11c981;border-color:#11c981}.team-attendance-log .attendance-export-icon{margin-left:.4rem;font-size:14px}.team-attendance-log .attendance-table-card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.team-attendance-log .attendance-table-header{display:none}.team-attendance-log .attendance-table-wrapper{border-radius:5px 5px 0 0;max-width:100%;overflow-x:auto}.team-attendance-log .attendance-table-wrapper .table{min-width:620px;font-size:12px}.team-attendance-log .attendance-table-wrapper .table th{color:#191b1e;letter-spacing:0;text-transform:none;background:#f3f3f4;padding:.6rem .55rem;font-size:12px}.team-attendance-log .attendance-table-wrapper .table td{color:#272b31;border-bottom-color:#e5e7e9;padding:.5rem .55rem;font-size:12px}.team-attendance-log .attendance-pagination{border-top:0;min-height:33px;padding:.35rem .35rem .15rem}.team-attendance-log .attendance-pagination .pagination-helper-container{border-top:0;min-height:33px;margin:0;padding:.35rem .35rem .15rem}.team-attendance-log .attendance-pagination .pagination-info{color:#77808b;margin:0;font-size:12px}.team-attendance-log .attendance-pagination .pagination-info span{color:inherit;font-weight:400}.team-attendance-log .attendance-pagination .pagination-controls,.team-attendance-log .attendance-pagination .pagination-content-wrapper{gap:.3rem}.team-attendance-log .attendance-pagination .pagination-content-wrapper{align-items:center;display:flex}.team-attendance-log .attendance-pagination .page-btn{color:#333942;width:24px;min-width:24px;height:24px;min-height:24px;box-shadow:none;background:#fff;border:1px solid #cbd0d6;border-radius:4px;padding:0;font-size:12px}.team-attendance-log .attendance-pagination .page-btn.active,.team-attendance-log .attendance-pagination .page-btn:not(:disabled):hover{color:#fff!important;background:#00b56b!important;border-color:#00b56b!important}.team-attendance-log .attendance-pagination .pagination-nav-icon{width:12px;height:12px}.team-attendance-page .my-attendance-header-actions .month-nav-label{min-width:88px}@container team-attendance-page (width<=800px){.team-attendance-page .attendance-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container team-attendance-page (width<=540px){.team-attendance-page .attendance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.team-attendance-panel .attendance-summary-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.team-attendance-panel .attendance-summary-toolbar .attendance-export-btn{justify-self:start}.team-attendance-log .attendance-toolbar-card{flex-direction:column;align-items:stretch}.team-attendance-log .attendance-toolbar{justify-content:flex-start}}@media (width<=520px){.team-attendance-page{padding:.85rem}.team-attendance-page .attendance-page-header{align-items:flex-start}.team-attendance-log .attendance-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.team-attendance-log .attendance-search-control{grid-column:1/-1;width:100%;min-width:0}.team-attendance-log .attendance-status-select,.team-attendance-log .attendance-export-btn{width:100%}}.my-attendance-page{--my-attendance-canvas:#f7f9fb;--my-attendance-green:#00b56b;--my-attendance-green-bright:#18d992;--my-attendance-ink:#111;--my-attendance-muted:#75808f;--my-attendance-border:#e5e9ed;background:var(--my-attendance-canvas);min-height:100%;padding:1rem;container:my-attendance-page/inline-size}.my-attendance-header{align-items:center;gap:1rem;margin-bottom:1.25rem}.my-attendance-page .my-attendance-header h2{color:#000;margin:0 0 .3rem;font-size:1.625rem;font-weight:700}.my-attendance-header p{color:var(--my-attendance-muted);margin:0;font-size:14px}.my-attendance-header-actions{align-items:center;gap:.75rem;display:flex}.my-attendance-month-nav{background:#f1f2f4;border:1px solid #e7eaed;border-radius:6px;gap:.25rem;min-height:34px;padding:.2rem .35rem}.my-attendance-month-nav .btn{color:#353b43;place-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;display:grid}.my-attendance-month-nav .btn svg{width:14px;height:14px}.my-attendance-month-nav .month-nav-label{color:#272d34;min-width:88px;font-size:12px;font-weight:500}.my-attendance-header-actions .my-attendance-export{border-color:var(--my-attendance-green);background:var(--my-attendance-green);color:#fff;min-height:34px;padding:.35rem .65rem;font-size:12px}.my-attendance-header-actions .my-attendance-export:hover:not(:disabled){background:#009a5b;border-color:#009a5b}.my-attendance-export .btn-icon-wrapper svg{width:13px;height:13px}.my-attendance-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.my-attendance-stat{background:#fff;border:1px solid #e9ecef;border-radius:14px;align-items:center;min-width:0;min-height:92px;padding:.6rem .75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a17}.my-attendance-stat-copy{z-index:1;flex-direction:column;gap:.1rem;min-width:0;display:flex;position:relative}.my-attendance-stat-label{color:#292e35;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:1.25;overflow:hidden}.my-attendance-stat-copy strong{color:#101318;font-size:1.75rem;font-weight:700;line-height:1.15}.my-attendance-stat-note{color:#818a97;font-size:9px;line-height:1.2}.my-attendance-stat-icon{color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:auto;bottom:0;right:-12px;transform:none}.my-attendance-stat-icon svg{stroke-width:1.7px;width:24px;height:24px;transform:translate(-5px)}.my-attendance-stat.blue .my-attendance-stat-icon{background:#0879f9}.my-attendance-stat.mint .my-attendance-stat-icon{background:#00dca3}.my-attendance-stat.red .my-attendance-stat-icon{background:#e90000}.my-attendance-stat.indigo .my-attendance-stat-icon{background:#3522ff}.my-attendance-stat.yellow .my-attendance-stat-icon{background:#ffbd00}.my-attendance-stat.violet .my-attendance-stat-icon{background:#7925f5}@container my-attendance-page (width<=800px){.my-attendance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@container my-attendance-page (width<=540px){.my-attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.my-attendance-panel{background:#fff;border:1px solid #edf0f2;border-radius:11px;min-width:0;padding:.65rem .75rem .6rem;box-shadow:0 2px 9px #0f172a06}.my-attendance-tabs{border-bottom:1px solid #edf0f2;gap:.35rem;min-height:34px;margin:0}.my-attendance-tabs .tab-item{color:#454b54;border-bottom-width:2px;min-height:34px;padding:.4rem .45rem .35rem;font-size:12px;font-weight:500}.my-attendance-tabs .tab-item.active{border-bottom-color:var(--my-attendance-green);color:#009b5b;background:0 0;font-weight:600}.my-attendance-tabs .tab-item:hover{color:#008b51;background:0 0}.my-attendance-content{min-width:0;padding-top:.65rem}.my-attendance-log>.card,.my-attendance-calendar-card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.my-attendance-log>.card:hover,.my-attendance-calendar-card:hover{box-shadow:none;border-color:#0000}.my-attendance-log .card-header{border-bottom:0;justify-content:space-between;align-items:center;gap:.75rem;min-height:42px;padding:.25rem .5rem .55rem}.my-attendance-log .card-title{color:#171a1f;white-space:nowrap;flex:none;margin:0;font-size:14px;font-weight:700}.my-attendance-log .card-header>.btn{display:none}.attendance-filter-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.attendance-search-control{color:#7b8491;background:#fff;border:1px solid #aeb5bf;border-radius:5px;align-items:center;gap:.45rem;width:196px;min-width:150px;height:32px;padding:0 .55rem;display:flex}.attendance-search-control svg{flex:none;width:14px;height:14px}.attendance-search-control input{color:#252a31;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:12px}.attendance-search-control input::placeholder{color:#7b8491;opacity:1}.attendance-filter-select,.attendance-filter-controls .btn{color:#252a31;background-color:#fff;border:1px solid #aeb5bf;border-radius:5px;height:32px;min-height:32px;font-size:12px}.attendance-filter-select{min-width:88px;padding:0 .55rem}.attendance-status-select{min-width:88px}.attendance-filter-controls .btn{box-shadow:none;padding:.35rem .6rem;font-weight:500}.attendance-filter-controls .btn-icon-wrapper svg{width:13px;height:13px}.attendance-filter-controls .attendance-report-button{border-color:var(--my-attendance-green-bright);background:var(--my-attendance-green-bright);color:#062f22}.attendance-filter-controls .attendance-report-button:hover:not(:disabled){background:#11c981;border-color:#11c981}.my-attendance-log .table-wrapper{border-radius:5px 5px 0 0;max-width:100%;overflow-x:auto}.my-attendance-log .table{min-width:620px;font-size:.65rem}.my-attendance-log .table th{color:#191b1e;letter-spacing:0;text-transform:none;background:#f3f3f4;padding:.6rem .55rem;font-size:12px;font-weight:700}.my-attendance-log .table td{color:#272b31;border-bottom-color:#e5e7e9;padding:.5rem .55rem;font-size:12px}.my-attendance-log .table td strong{font-weight:500}.my-attendance-log .pagination-helper-container{border-top:0;min-height:33px;margin:0;padding:.35rem .35rem .15rem}.my-attendance-log .pagination-info{color:#77808b;margin:0;font-size:12px}.my-attendance-log .pagination-info span{color:inherit;font-weight:400}.my-attendance-log .pagination-controls,.my-attendance-log .pagination-content-wrapper{gap:.3rem}.my-attendance-log .pagination-content-wrapper{align-items:center;display:flex}.my-attendance-log .page-btn{color:#333942;width:24px;min-width:24px;height:24px;min-height:24px;box-shadow:none;background:#fff;border:1px solid #cbd0d6;border-radius:4px;padding:0;font-size:12px}.my-attendance-log .page-btn.active,.my-attendance-log .page-btn:not(:disabled):hover{border-color:var(--my-attendance-green)!important;background:var(--my-attendance-green)!important;color:#fff!important}.my-attendance-log .pagination-nav-icon{width:12px;height:12px}.my-attendance-calendar-card .card-body{padding:.15rem}.my-attendance-page .calendar-modal-body{color:#29333a;padding:0;font-family:inherit;font-size:12px}.my-attendance-page .calendar-grid{background:#fff;border:1px solid #dcfce7;border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));font-family:inherit;font-size:12px}.my-attendance-page .calendar-grid *{font-family:inherit}.my-attendance-page .calendar-header-cell{color:#166534;background:#f0fdf4;border-color:#dcfce7;padding:.5rem .3rem;font-size:12px}.my-attendance-page .calendar-day-cell{border-color:#dcfce7;min-width:0;min-height:72px;padding:.3rem .4rem}.my-attendance-page .calendar-day-cell.empty{background:#f7fef9}.my-attendance-page .calendar-day-number{color:#29333a;margin-bottom:auto;font-size:12px}.my-attendance-page .calendar-status-badge{letter-spacing:0;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;margin-top:.2rem;padding:.12rem .25rem;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.my-attendance-page .calendar-status-badge--present,.my-attendance-page .calendar-status-badge--work_more{color:#14532d;background:#4ade80}.my-attendance-page .calendar-status-badge--absent{color:#991b1b;background:#fee2e2}.my-attendance-page .calendar-status-badge--leave,.my-attendance-page .calendar-status-badge--on_leave,.my-attendance-page .calendar-status-badge--casual,.my-attendance-page .calendar-status-badge--sick,.my-attendance-page .calendar-status-badge--earned,.my-attendance-page .calendar-status-badge--lop{color:#9a3412;background:#ffedd5}.my-attendance-page .calendar-status-badge--on_duty{color:#6b21a8;background:#f3e8ff}.my-attendance-page .calendar-status-badge--holiday{color:#166534;background:#dcfce7}.my-attendance-page .calendar-status-badge--half_day{color:#92400e;background:#fef3c7}.my-attendance-page .calendar-status-badge--weekend{color:#475569;background:#e2e8f0}.my-attendance-page .calendar-time-info{color:#71808a;text-align:center;margin-top:.12rem;font-size:10px;line-height:1.2}@media (width<=900px){.my-attendance-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.my-attendance-stat{padding-right:.9rem}.my-attendance-stat-icon{width:72px;height:72px;right:-18px}.my-attendance-log .card-header{flex-direction:row;align-items:center}.attendance-filter-controls{flex:auto;justify-content:flex-end}}@media (width<=680px){.my-attendance-page{padding:.85rem}.my-attendance-header h2{font-size:1.75rem}.my-attendance-header p{font-size:14px}.my-attendance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.my-attendance-header-actions{justify-content:space-between;width:100%}.my-attendance-log .card-header{flex-direction:column;align-items:flex-start}.attendance-filter-controls{justify-content:flex-start;gap:.35rem;width:100%}.attendance-search-control{flex:100%;width:100%}.attendance-filter-select,.attendance-filter-controls .btn{flex:auto}.my-attendance-page .calendar-day-cell{min-height:62px;padding:.25rem .2rem}}@media (width<=430px){.my-attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.my-attendance-stat{min-height:88px;padding:.65rem}.my-attendance-stat-copy strong{font-size:1.65rem}.my-attendance-panel{padding:.35rem .3rem}.my-attendance-calendar-card .card-body{padding:0}.my-attendance-page .calendar-day-cell{min-height:48px}.my-attendance-page .calendar-time-info{display:none}}.rejection-reason-trigger{color:#dc2626;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;width:fit-content;max-width:100%;margin-top:.3rem;padding:.1rem .4rem;font-family:inherit;font-size:.7rem;font-weight:600;line-height:1.5;transition:background-color .15s,border-color .15s;display:flex}.rejection-reason-trigger:hover,.rejection-reason-trigger:focus-visible{background-color:#fee2e2;border-color:#fca5a5}.rejection-reason-modal-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--text,#1f2937);line-height:1.55}.lm-page{padding:1.5rem}.lm-card-narrow{max-width:720px}.lm-card-summary{margin-top:1.5rem}.lm-card-filter{margin-top:0}.lm-page-header{margin-bottom:1.5rem}.lm-page-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.lm-section-compact{padding:.85rem 1.5rem}.lm-filter-grid{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.lm-filter-field{flex:320px;min-width:260px;max-width:520px}.lm-filter-actions{align-items:center;gap:.5rem;margin-left:auto;padding-bottom:.15rem;display:flex}.lm-card-header-lg{padding:1.25rem 1.5rem}.lm-card-header{padding:1rem 1.5rem}.lm-title{color:var(--text);margin:0}.lm-section{padding:1.5rem}.lm-section-lg{padding:2rem}.lm-section-sm{padding:1rem 0}.lm-text-muted{margin:0 0 1.25rem}.lm-label-bold{margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:block}.lm-input-field{border:1px solid #d1d5db;border-radius:6px;padding:.6rem 1rem}.lm-input-field-sm{border:1px solid #d1d5db;border-radius:6px;padding:.4rem .5rem;display:block}.lm-input-group-mb{margin-bottom:1rem}.lm-input-group-mb-lg{margin-bottom:1.5rem}.lm-input-group-mb-xl{margin-bottom:2rem}.lm-full-width{grid-column:1/-1}.lm-form-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.lm-form-grid-1{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.lm-form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.lm-flex-end{align-items:flex-end}.lm-flex-center{align-items:center}.lm-text-muted-color{color:var(--text-muted)}.lm-required{color:red}.lm-border-bottom{border-bottom:1px solid var(--border)}.lm-action-bar{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1rem}.lm-thead{background-color:#f8fafc}.lm-th{text-transform:uppercase;padding:1rem 1.5rem}.lm-td{padding:1rem 1.5rem}.lm-request-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:.6rem;display:flex}.lm-request-actions button{white-space:nowrap;flex:none}.lm-requests-table .lm-date-range{white-space:nowrap;text-overflow:ellipsis;width:100%;line-height:1.4;display:block;overflow:hidden}.allocated-requests-page .allocated-filter-panel{margin-bottom:1rem}.allocated-requests-page .allocated-filter-panel .fp-fields{align-items:center;gap:1rem}.allocated-requests-page .allocated-filter-panel .fp-field-wrapper{flex:auto;min-width:220px;max-width:min(280px,38vw)}.allocated-requests-page .allocated-filter-panel .fp-search-wrapper{min-width:min(280px,100%)}.allocated-requests-page .allocated-filter-panel .search-field{width:100%}.allocated-requests-page .allocated-filter-panel .search-field-icon{top:50%;left:.75rem;transform:translateY(-50%)}.allocated-requests-page .allocated-filter-panel .searchable-select-trigger{min-height:2.75rem}.allocated-team-table-card{margin-top:1rem}.lm-requests-table .lm-employee-column{width:15%}.lm-requests-table th:nth-child(2),.lm-requests-table td:nth-child(2){width:9%}.lm-requests-table .lm-date-column{width:15%}.lm-requests-table th:nth-child(4),.lm-requests-table td:nth-child(4),.lm-requests-table th:nth-child(5),.lm-requests-table td:nth-child(5){width:7%}.lm-requests-table th:nth-child(6),.lm-requests-table td:nth-child(6){width:5%}.lm-requests-table th:nth-child(7),.lm-requests-table td:nth-child(7){width:11%}.lm-requests-table th:nth-child(8),.lm-requests-table td:nth-child(8){width:7%}.lm-requests-table th:nth-child(9),.lm-requests-table td:nth-child(9){width:9%}.lm-balances-table-wrapper{overflow-x:auto}.lm-balances-table{border-collapse:collapse;width:100%;min-width:900px}.lm-balances-table .lm-balance-th,.lm-balances-table .lm-balance-td{text-align:center;white-space:nowrap;width:12.5%}.lm-balances-table .lm-balance-th{padding:1rem}.lm-balances-table .lm-balance-td{padding:1.5rem 1rem}.lm-balances-table .lm-balance-subtext{text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;display:block}.lm-card-header .lm-balances-legend{color:#70898f;letter-spacing:.01em;white-space:nowrap;font-weight:400}@media (width<=480px){.lm-card-header .lm-balances-legend{margin-top:.15rem;display:block}}.lm-admin-bal-table{border-collapse:collapse;width:100%;min-width:1100px}.lm-admin-bal-table .lm-admin-bal-th{text-align:center;vertical-align:middle;padding:.75rem .5rem}.lm-admin-bal-table .lm-admin-bal-td{text-align:center;vertical-align:middle;white-space:nowrap;padding:.85rem .5rem}.lm-admin-bal-line{line-height:1.25;display:block}.lm-admin-bal-line+.lm-admin-bal-line{border-top:1px dashed var(--lm-border,#e2e8f0);margin-top:.5rem;padding-top:.5rem}.lm-admin-bal-value{font-size:.9375rem;font-weight:600}.lm-admin-bal-value.is-yearly{color:var(--lm-muted,#64748b);font-weight:500}.lm-admin-bal-label{text-transform:uppercase;letter-spacing:.04em;color:var(--lm-muted,#64748b);margin-top:.1rem;font-size:.6875rem;display:block}.lm-admin-bal-legend{color:var(--lm-muted,#64748b);flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.75rem;font-size:.75rem;display:flex}.lm-admin-bal-legend-item{align-items:center;gap:.4rem;display:flex}.lm-admin-bal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.lm-admin-bal-dot.is-monthly{background:var(--lm-primary,#0f6fd8)}.lm-admin-bal-dot.is-yearly{background:var(--lm-muted,#94a3b8)}.lm-requests-table .lm-action-column{width:15%}.lm-requests-table .lm-reason-column{position:relative;overflow:visible}.lm-reason-wrapper{width:100%;min-width:0;display:block;position:relative}.lm-reason-tooltip{width:max-content;min-width:160px;max-width:280px;color:var(--text-primary,#0f172a);border:1px solid var(--border,#dbe5e7);white-space:normal;overflow-wrap:anywhere;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#fff;border-radius:6px;padding:8px 10px;font-size:.78rem;font-weight:400;line-height:1.4;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px);box-shadow:0 6px 18px #0f172a26}.lm-reason-tooltip:after{content:"";border-right:1px solid var(--border,#dbe5e7);border-bottom:1px solid var(--border,#dbe5e7);background:#fff;width:7px;height:7px;position:absolute;top:100%;left:14px;transform:translateY(-4px)rotate(45deg)}.lm-reason-wrapper:hover .lm-reason-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.lm-requests-table{table-layout:fixed;width:100%}.lm-td-sm{padding:.75rem 1rem}.lm-td-sm-left{text-align:left;padding:.75rem 1rem}.lm-td-lg{padding:1.5rem}.lm-tr-border{border-bottom:1px solid var(--border)}.lm-strong-block{display:block}.lm-modal-body-scroll{flex:1;padding:1.5rem;overflow-y:auto}.lm-capitalize{text-transform:capitalize}.lm-badge-full{text-align:center;width:100%;margin-bottom:1rem;padding:.75rem;display:block}.lm-btn-primary{background-color:var(--primary);border-color:var(--primary);color:#fff;border-radius:6px;height:38px;min-height:38px;max-height:38px;padding:0 1.2rem;font-size:.875rem;font-weight:500}.lm-btn-ghost{border-radius:6px;height:38px;min-height:38px;max-height:38px;padding:0 1.2rem;font-size:.875rem;font-weight:500}.lm-actions-row{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.lm-actions-border{border-top:1px solid var(--border);margin-top:1rem;padding-top:1.5rem}.lm-alert-error{color:#dc2626;margin-top:.5rem;font-size:.85rem}.lm-attachment-hint{color:#6b7280;margin-left:.5rem;font-size:.75rem;font-weight:400}.lm-modal-overlay-top{align-items:flex-start;padding-top:4rem;display:flex}.lm-modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:800px;max-height:85vh;padding:0;overflow-y:auto}.lm-modal-header{border-bottom:1px solid var(--border);padding:1.5rem}.lm-modal-title{margin:0;font-size:1.25rem;font-weight:700}.lm-type-selector{border-bottom:1px solid var(--border);background-color:#f9fafb;padding:1.5rem}.lm-card-shadow{border-radius:8px;box-shadow:0 2px 8px #0000000d}.lm-textarea{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.6rem 1rem}.lm-form-section{padding:1.5rem}.lm-text-with-mb{color:var(--text);margin-bottom:1rem}.lm-flex-150{flex:150px}.lm-flex-200{flex:200px}.lm-no-border-radius{border:none;border-radius:4px}.lm-checkbox{cursor:pointer;width:16px;height:16px}.lm-label-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.lm-flex-col-gap{flex-direction:column;gap:.75rem;display:flex}.lm-loading-text{color:var(--text-muted);padding:.5rem 0;font-size:.85rem}.lm-email-input{border:1px solid var(--border);border-radius:4px;padding:.5rem;font-size:.85rem}.lm-email-textarea{border:1px solid var(--border);border-radius:4px;padding:.5rem;font-family:monospace;font-size:.8rem}.lm-label-xs{margin-bottom:.25rem;display:block}.lm-rejection-textarea{border:1px solid var(--border);border-radius:6px;padding:.75rem}.lm-section-border-top{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1rem}.lm-actions-border-top{border-top:1px solid var(--border);padding-top:1rem}.lm-modal-overlay-high{z-index:2000}.lm-attachment-container{background-color:#f3f4f6;border-radius:0 0 8px 8px;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;overflow:hidden}.lm-img-fit{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.lm-modal-wide{max-width:900px}.lm-modal-full{max-width:1000px;height:85vh}.lm-select-full{outline:none;width:100%}.lm-flex-wrap-mb{flex-wrap:wrap;margin-bottom:1.5rem}.lm-sticky-header{z-index:1;position:sticky;top:0}.lm-footer-border{border-top:1px solid var(--border);padding:1rem 1.5rem}.lm-checkbox-row{gap:.5rem;margin-bottom:1rem}.lm-ghost-btn{height:38px;min-height:38px;max-height:38px;color:var(--text-muted);border-radius:6px;padding:0 1.2rem;font-size:.875rem;font-weight:500}.lm-select-filter{background-color:var(--surface-2);border:1px solid var(--border);min-width:150px;height:38px;color:var(--text);border-radius:6px;outline:none;padding-left:1rem;padding-right:2rem}.lm-archive-select{background-color:var(--surface-2);border:1px solid var(--border);width:100%;height:38px;color:var(--text);border-radius:6px;outline:none;padding:.5rem 1rem}.lm-history-table-wrap{border:1px solid var(--border);border-radius:6px;max-height:350px;overflow-y:auto}.lm-rejection-badge{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-top:.5rem;padding:.4rem .6rem;font-size:.75rem}.lm-overlay-center{justify-content:center;align-items:center;display:flex}.lm-attachment-modal{background-color:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:1000px;height:85vh;padding:0;display:flex}.lm-archive-modal{background-color:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;padding:0;display:flex}.lm-actions-border-footer{border-top:1px solid var(--border);justify-content:flex-start;gap:.75rem;margin-top:1rem;padding-top:1.5rem;display:flex}.lm-checkbox-row-flex{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.lm-confirm-modal{background-color:#fff;border-radius:8px;width:100%;padding:1.5rem}.lm-confirm-modal-wider{max-width:650px}.lm-confirm-modal-sm{max-width:400px}.lm-archive-overlay{z-index:1500}.lm-filter-card{margin-bottom:1.5rem}.lm-confirm-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.lm-archive-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.lm-multiple-date{white-space:nowrap;flex-direction:column;align-items:flex-start;line-height:1.25;display:inline-flex}.lm-single-date{white-space:nowrap;display:inline-block}.lm-date-start,.lm-date-to,.lm-date-end{display:block}.lm-date-to{color:var(--text-muted);margin:2px 0;font-size:.72rem;font-weight:500}.lm-reason-cell{vertical-align:middle;width:100%;min-width:0;max-width:100%;display:inline-block;position:relative}.lm-reason-text{text-overflow:ellipsis;white-space:nowrap;cursor:help;width:100%;max-width:100%;display:block;overflow:hidden}.lm-reason-tooltip{background:var(--surface,#fff);width:max-content;min-width:160px;max-width:300px;color:var(--text,#0f172a);border:1px solid var(--border,#dbe5e7);white-space:normal;overflow-wrap:anywhere;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;border-radius:7px;padding:9px 11px;font-size:.78rem;font-weight:400;line-height:1.4;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px);box-shadow:0 8px 24px #0f172a24}.lm-reason-tooltip:after{content:"";background:var(--surface,#fff);border-right:1px solid var(--border,#dbe5e7);border-bottom:1px solid var(--border,#dbe5e7);width:8px;height:8px;position:absolute;top:100%;left:14px;transform:translateY(-4px)rotate(45deg)}.lm-reason-cell{width:100%;min-width:0;max-width:100%;display:block;position:relative}.lm-reason-text{text-overflow:ellipsis;white-space:nowrap;cursor:help;width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.lm-reason-tooltip{color:#0f172a;white-space:normal;overflow-wrap:anywhere;word-break:break-word;opacity:0;visibility:hidden;pointer-events:none;z-index:99999;background:#fff;border:1px solid #dbe5e7;border-radius:7px;width:max-content;min-width:160px;max-width:320px;padding:9px 12px;font-size:.78rem;font-weight:400;line-height:1.45;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(5px);box-shadow:0 8px 24px #0f172a29}.lm-reason-tooltip:after{content:"";background:#fff;border-bottom:1px solid #dbe5e7;border-right:1px solid #dbe5e7;width:8px;height:8px;position:absolute;top:100%;left:14px;transform:translateY(-4px)rotate(45deg)}.lm-reason-cell:hover .lm-reason-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.arm-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:2rem 2rem .5rem;display:flex}.arm-title{color:#111827;letter-spacing:-.02em;flex:1;min-width:0;margin:0;font-size:2rem;font-weight:800;line-height:1.1}.arm-close-btn{cursor:pointer;color:#111827;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.25rem;padding:.5rem;transition:background .15s,color .15s;display:inline-flex}.arm-close-btn:hover{color:#000;background:#f3f4f6}.arm-subtitle-block{padding:0 2rem 1.5rem}.arm-subtitle{color:#6b7280;margin:0;font-size:1.05rem;font-weight:400;line-height:1.4}.arm-steps{border-bottom:1px solid var(--border);align-items:flex-start;padding:0 2rem 1.75rem;display:flex}.arm-step{flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;min-width:90px;display:flex}.arm-step-circle{color:#6b7280;background:#fff;border:2.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.05rem;font-weight:700;transition:all .2s;display:inline-flex}.arm-step--active .arm-step-circle,.arm-step--completed .arm-step-circle{color:#fff;background:#10b981;border-color:#10b981}.arm-step-label{color:#6b7280;text-align:center;white-space:nowrap;font-size:.95rem;font-weight:600;line-height:1.2}.arm-step--active .arm-step-label,.arm-step--completed .arm-step-label{color:#10b981}.arm-step-divider{border-top:3px dotted #d1d5db;flex:1;align-self:flex-start;min-width:24px;height:0;margin-top:22px}.arm-body{max-height:55vh;padding:1.5rem 2rem;overflow-y:auto}.arm-type-cards{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.arm-type-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:.75rem;padding:1rem;font-family:inherit;transition:all .15s;display:flex;position:relative}.arm-type-card:hover:not(.disabled){background:#f9fafb;border-color:#10b981;transform:translateY(-1px)}.arm-type-card.selected{background:#10b9810f;border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.arm-type-card.disabled{cursor:not-allowed;opacity:.55}.arm-type-icon{background:currentColor;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.arm-type-icon svg{color:#fff}.arm-type-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.arm-type-label{color:#111827;font-size:.9rem;font-weight:700}.arm-type-desc{color:#6b7280;font-size:.72rem;line-height:1.3}.arm-type-badge{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#e2e8f0;border-radius:4px;padding:.15rem .4rem;font-size:.6rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.arm-form{flex-direction:column;gap:1rem;display:flex}.arm-form-row{gap:1rem;display:grid}.arm-form-row--1{grid-template-columns:1fr}.arm-form-row--2{grid-template-columns:1fr 1fr}.arm-form-row--3{grid-template-columns:1fr 1fr 1fr}.arm-review{border:1px solid var(--border);background:#f8fafc;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.arm-review-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.arm-review-row:last-child{border-bottom:none}.arm-review-label{color:#6b7280;flex-shrink:0;font-size:.8rem;font-weight:600}.arm-review-value{color:#111827;text-align:right;word-break:break-word;font-size:.9rem;font-weight:600}.arm-footer{border-top:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 2rem;display:flex}@media (width<=640px){.arm-header{padding:1.5rem 1.25rem .5rem}.arm-title{font-size:1.65rem}.arm-subtitle-block,.arm-steps{padding:0 1.25rem 1.25rem}.arm-step{min-width:70px}.arm-step-circle{width:38px;height:38px;font-size:.9rem}.arm-step-divider{margin-top:18px}.arm-step-label{font-size:.78rem}.arm-body{padding:1.25rem}.arm-footer{padding:1rem 1.25rem}.arm-type-cards,.arm-form-row--2,.arm-form-row--3{grid-template-columns:1fr}}.arm-btn-green,.arm-btn-green:hover:not(:disabled){cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;color:#fff!important;background:#00b56b!important;border-color:#00b56b!important}@keyframes arm-spin{to{transform:rotate(360deg)}}.arm-btn-green,.arm-btn-green:hover:not(:disabled){cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;color:#fff!important;background:#00b56b!important}.arm-btn-green:hover:not(:disabled){background:#00a362!important;border-color:#00a362!important}.arm-btn-green:active:not(:disabled){transform:translateY(1px)}.arm-btn-green:disabled{opacity:.6;cursor:not-allowed}.arm-btn-green-dark,.arm-btn-green-dark:hover:not(:disabled){cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:35px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;color:#fff!important;background:#009156!important;border-color:#009156!important}.arm-btn-green-dark:hover:not(:disabled){background:#007a47!important;border-color:#007a47!important}.arm-btn-green-dark:active:not(:disabled){transform:translateY(1px)}.arm-btn-green-dark:disabled{opacity:.6;cursor:not-allowed}.arm-btn-back,.arm-btn-back:hover:not(:disabled){cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.6rem;font-size:.9rem;font-weight:600;transition:background .15s;display:inline-flex;color:#fff!important;background:#4b5563!important;border-color:#4b5563!important}.arm-btn-back:hover:not(:disabled){background:#374151!important;border-color:#374151!important}.arm-section-title-block{margin-bottom:1.25rem}.arm-section-title{color:#111827;letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.35rem;font-weight:800}.arm-section-subtitle{color:#6b7280;margin:0;font-size:.88rem;font-weight:400}.arm-summary-title{color:#111827;margin:0 0 .75rem;font-size:1rem;font-weight:700}.arm-btn-green .spinner,.arm-btn-green-dark .spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite arm-spin;display:inline-block}.arm-form .input-field,.arm-form .lm-input-field,.arm-form .lm-textarea,.arm-form .lm-input-field-sm,.arm-form input[type=date],.arm-form input[type=time],.arm-form input[type=text],.arm-form input[type=file],.arm-form select,.arm-form textarea{color:#111827!important;background:#fff!important;border:1px solid #d1d5db!important}.arm-form .input-field:focus,.arm-form .lm-input-field:focus,.arm-form .lm-textarea:focus,.arm-form select:focus,.arm-form textarea:focus,.arm-form input:focus{outline:none;box-shadow:0 0 0 3px #10b9811f;background:#fff!important;border-color:#10b981!important}.arm-form .input-field::placeholder,.arm-form .lm-input-field::placeholder,.arm-form .lm-textarea::placeholder,.arm-form input::placeholder,.arm-form textarea::placeholder{opacity:1;color:#9ca3af!important}.arm-form select option{color:#111827;background:#fff}.lm-section .input-field,.lm-section .lm-input-field,.lm-section .lm-textarea,.lm-section .lm-input-field-sm,.lm-section select,.lm-section textarea{color:#111827;background:#fff;border:1px solid #d1d5db}.lm-section input::placeholder,.lm-section textarea::placeholder{color:#9ca3af;opacity:1}.arm-btn-cancel,.arm-btn-cancel:focus{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.6rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s,transform .1s;display:inline-flex;color:#00b56b!important;background:0 0!important;border:1.5px solid #00b56b!important}.arm-btn-cancel:hover:not(:disabled){color:#00b56b!important;background:#e7f8f0!important;border-color:#00b56b!important}.arm-btn-cancel:active:not(:disabled){transform:translateY(1px);background:#d1f2e3!important}.arm-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.lm-balance-page{width:100%;padding:1.5rem}.lm-page-header{padding:0 0 1.5rem}.lm-page-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:700;line-height:1.2}.lm-page-description{color:#6b7280;margin:.75rem 0 0;font-size:1rem;line-height:1.5}.lm-balance-card{width:100%;max-width:none;margin:0;overflow:hidden}.lm-balance-header{background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex}.lm-balance-title{color:#111827;margin:0;font-size:.95rem;font-weight:700;line-height:1.3}.lm-summary-search{flex:none;width:207px;height:34px;position:relative}.lm-summary-search-input{color:#111827;background:#fff;border:1px solid #9ca3af;border-radius:5px;outline:none;width:100%;height:100%;padding:0 .75rem 0 2.15rem;font-size:.8rem;transition:border-color .15s,box-shadow .15s}.lm-summary-search-input::placeholder{color:#9ca3af}.lm-summary-search-input:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b728014}.lm-search-icon{color:#6b7280;pointer-events:none;z-index:1;font-size:1rem;line-height:1;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.lm-balance-table-section{padding:0 1rem 1rem}.lm-summary-table-wrapper{width:100%;overflow-x:auto}.lm-employee-cell{flex-direction:column;min-width:110px;line-height:1.2;display:flex}.lm-employee-name{color:#111827;font-size:.8rem;font-weight:600}.lm-employee-code{color:#6b7280;margin-top:.2rem;font-size:.72rem;font-weight:400}.lm-balance-value{color:#111827;white-space:nowrap;font-size:.78rem;font-weight:400}.lm-total-value{color:#111827;white-space:nowrap;font-size:.78rem;font-weight:500}.lm-action-cell{white-space:nowrap;justify-content:flex-start;align-items:center;display:flex}.lm-edit-btn{min-width:58px;height:30px;min-height:30px;box-shadow:none;justify-content:center;align-items:center;gap:.35rem;transition:background-color .15s,border-color .15s,color .15s;color:#374151!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:5px!important;padding:0 .65rem!important;font-size:.72rem!important;font-weight:500!important;display:inline-flex!important}.lm-edit-btn:hover:not(:disabled){color:#111827!important;background:#f9fafb!important;border-color:#9ca3af!important}.lm-edit-btn:active:not(:disabled){background:#f3f4f6!important}.lm-edit-icon{justify-content:center;align-items:center;font-size:.78rem;line-height:1;display:inline-flex}.lm-summary-pagination{justify-content:flex-end;align-items:center;padding-top:.5rem;display:flex}.lm-selected-employee{align-items:center;gap:.6rem;margin-top:.4rem;display:flex}.lm-selected-employee-name{color:#111827;font-size:.85rem;font-weight:600}.lm-selected-employee-code{color:#6b7280;font-size:.75rem;font-weight:400}.lm-selected-employee-code:before{content:"•";color:#9ca3af;margin-right:.6rem}.lm-balance-edit-heading{margin-bottom:1rem}.lm-balance-edit-heading h3{color:#111827;margin:0;font-size:1rem;font-weight:700}.lm-balance-edit-heading p{color:#6b7280;margin:.35rem 0 0;font-size:.8rem;line-height:1.4}.lm-total-days-input{text-align:center;height:34px;font-size:.8rem;width:90px!important;padding:.4rem .55rem!important}.lm-total-days-input:focus{outline:none;box-shadow:0 0 0 2px #00b56b1f;border-color:#00b56b!important}.lm-edit-modal-actions{border-top:1px solid #e5e7eb;margin-top:1.25rem;padding-top:1rem}@media (width<=900px){.lm-balance-header{flex-direction:column;align-items:flex-start}.lm-summary-search{width:100%;max-width:300px}.lm-summary-pagination{justify-content:center}}@media (width<=640px){.lm-balance-page{padding:1rem}.lm-page-title{font-size:1.6rem}.lm-page-description{font-size:.9rem}.lm-balance-header{padding:1.25rem 1rem .75rem}.lm-balance-table-section{padding:0 .75rem .75rem}.lm-edit-balance-modal{width:95vw}.lm-selected-employee{flex-direction:column;align-items:flex-start;gap:.15rem}.lm-selected-employee-code:before{display:none}.lm-edit-modal-actions{flex-direction:column-reverse}.lm-edit-modal-actions button{width:100%}}.lm-edit-balance-modal .lm-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.lm-edit-balance-modal .lm-modal-header>div:first-child{flex:1;min-width:0}.lm-edit-balance-modal .btn-modal-close{cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;margin:0;padding:0;font-size:1.1rem;font-weight:500;line-height:1;transition:background-color .15s,border-color .15s;display:inline-flex;color:#111827!important;background:#fff!important;border:1px solid #dbe5e7!important}.lm-edit-balance-modal .btn-modal-close:hover{background:#f8fafc!important;border-color:#9ca3af!important}.lm-edit-balance-modal>.lm-section{flex:auto;min-height:0;padding:1.5rem;overflow:hidden auto}.allocate-attachment-link{box-sizing:border-box;color:#111827;white-space:nowrap;cursor:pointer;background:#e5e7eb;border:none;border-radius:7px;justify-content:flex-start;align-items:center;gap:7px;width:112px;height:34px;padding:0 12px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex;overflow:hidden}.allocate-attachment-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.allocate-attachment-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lm-balance-page{background:#f7f9fc;min-height:100%;padding:1rem}.lm-balance-page .lm-page-header{padding-bottom:1.15rem}.lm-balance-page .lm-page-title{color:#111827;letter-spacing:-.025em;font-size:1.75rem;line-height:1.25}.lm-balance-page .lm-page-description{color:#737d8d;margin-top:.65rem;font-size:.92rem}.lm-balance-page .lm-balance-card{box-shadow:none;background:#fff;border:0;border-radius:14px}.lm-balance-page .lm-balance-header{padding:1.25rem 1rem .9rem}.lm-balance-page .lm-balance-title{color:#111827;font-size:.76rem;font-weight:700}.lm-balance-page .lm-summary-search{width:200px;height:33px}.lm-balance-page .lm-summary-search .searchable-select-trigger{color:#111827;background:#fff;border:1px solid #9ca3af;border-radius:5px;width:100%;height:33px;min-height:33px;padding:0 .6rem;font-size:.74rem}.lm-balance-page .lm-summary-search .searchable-select-trigger:hover{background:#fff}.lm-balance-page .lm-summary-search .searchable-select-chevron{color:#6b7280;width:13px;height:13px}.lm-balance-page .lm-summary-search-input{border-color:#9ca3af;border-radius:5px;font-size:.74rem}.lm-balance-page .lm-balance-table-section{padding:0 .5rem .5rem}.lm-balance-page .lm-summary-table-wrapper{border-radius:8px}.lm-balance-page .lm-summary-table-wrapper .table{min-width:850px;font-size:.72rem}.lm-balance-page .lm-summary-table-wrapper .table th{color:#111827;letter-spacing:0;text-align:left;text-transform:none;background:#f4f4f4;border-bottom-color:#dedede;padding:.62rem .45rem;font-size:.7rem;font-weight:700}.lm-balance-page .lm-summary-table-wrapper .table td{color:#111827;border-bottom-color:#e5e7eb;padding:.5rem .45rem;font-size:.7rem}.lm-balance-page .lm-summary-table-wrapper .table tbody tr:hover{background:#fafbfc}.lm-balance-page .lm-employee-cell{min-width:90px}.lm-balance-page .lm-employee-name{font-size:.7rem}.lm-balance-page .lm-employee-code{margin-top:.12rem;font-size:.65rem}.lm-balance-page .lm-admin-bal-line{line-height:1.15}.lm-balance-page .lm-admin-bal-line+.lm-admin-bal-line{border-top-color:#e5e7eb;margin-top:.2rem;padding-top:.2rem}.lm-balance-page .lm-admin-bal-value,.lm-balance-page .lm-total-value{font-size:.68rem}.lm-balance-page .lm-admin-bal-label{margin-top:.08rem;font-size:.54rem}.lm-balance-page .lm-admin-bal-legend{gap:.4rem 1rem;margin:.55rem .45rem 0;font-size:.68rem}.lm-balance-page .lm-summary-pagination{padding:0 .25rem}.lm-balance-page .pagination-helper-container{border-top:0;margin-top:0;padding:.45rem .25rem 0}.lm-balance-page .pagination-info{color:#737d8d;font-size:.72rem}.lm-balance-page .pagination-info .text-primary{color:#111827}.lm-balance-page .pagination-controls{gap:.35rem}.lm-balance-page .pagination-content-wrapper{gap:.2rem}.lm-balance-page .pagination-link-btn,.lm-balance-page .pagination-ellipsis-wrapper{color:#111827;background:#fff;border-radius:5px;width:27px;min-width:27px!important;height:27px!important}.lm-balance-page .pagination-link-btn.active,.lm-balance-page .pagination-link-btn:not(:disabled):hover{color:#fff!important;background:#00b56b!important;border-color:#00b56b!important}@media (width<=640px){.lm-balance-page{padding:1rem}.lm-balance-page .lm-page-title{font-size:1.6rem}.lm-balance-page .lm-balance-header{padding:1.25rem 1rem .75rem}.lm-balance-page .pagination-helper-container{flex-direction:column;align-items:flex-start}.lm-balance-page .pagination-controls{align-self:flex-end}}.mr-history-card{background:#fff;border:1px solid #edf0f2;border-radius:12px;padding:1.5rem;box-shadow:0 2px 9px #0f172a09}.mr-tabs{border-bottom:1px solid #edf0f2;align-items:center;gap:1.75rem;margin-bottom:1.25rem;display:flex}.mr-tab{color:#5a636e;cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1px;padding:0 0 .75rem;font-family:inherit;font-size:15px;font-weight:500;transition:color .2s,border-color .2s}.mr-tab:hover:not(.active){color:#333942}.mr-tab.active{color:#00b56b;border-bottom-color:#00b56b;font-weight:700}.mr-tab:focus-visible{outline-offset:-2px;border-radius:3px;outline:2px solid #00b56b}.mr-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.mr-toolbar-title{color:#171a1f;margin:0;font-size:15px;font-weight:700}.mr-toolbar-controls{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.mr-search{width:280px;max-width:100%;position:relative}.mr-search-icon{color:#98a1ac;pointer-events:none;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.mr-search-input{color:#252a31;box-sizing:border-box;background:#fff;border:1px solid #aeb5bf;border-radius:5px;outline:none;width:100%;height:36px;padding:0 .75rem 0 2.25rem;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}.mr-search-input::placeholder{color:#98a1ac}.mr-search-input:focus{border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}.mr-select{color:#252a31;cursor:pointer;background:#fff;border:1px solid #aeb5bf;border-radius:5px;outline:none;height:36px;padding:0 .875rem;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}.mr-select:focus-visible{border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}.mr-reset-btn{color:#333942;cursor:pointer;background:#fff;border:1px solid #aeb5bf;border-radius:5px;align-items:center;gap:.375rem;height:36px;padding:0 .875rem;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.mr-reset-btn:hover:not(:disabled){background:#00b56b0f;border-color:#00b56b}.mr-reset-btn:focus-visible{outline-offset:2px;outline:2px solid #00b56b}.mr-table-wrap{width:100%;overflow-x:auto}.mr-table{border-collapse:separate;border-spacing:0;width:100%}.mr-table thead tr{background:#f8fafc;height:44px}.mr-table th{color:#475467;text-align:left;white-space:nowrap;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;padding:.75rem 1rem;font-size:12px;font-weight:700}.mr-table th:first-child{border-top-left-radius:8px}.mr-table th:last-child{border-top-right-radius:8px}.mr-table tbody tr{border-bottom:1px solid #edf0f2;height:64px;transition:background .15s}.mr-table tbody tr:hover{background:#fbfcfd}.mr-table tbody tr:last-child{border-bottom:none}.mr-table td{color:#333942;vertical-align:middle;padding:.75rem 1rem;font-size:13px}.mr-type-cell{align-items:center;gap:.75rem;display:flex}.mr-type-icon{background:#00b56b1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mr-stack{flex-direction:column;gap:2px;display:flex}.mr-stack-primary{color:#171a1f;font-size:13px}.mr-stack-secondary{color:#77808b;font-size:11px}.mr-reason{line-clamp:2;-webkit-line-clamp:2;color:#333942;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.mr-action{align-items:center;gap:.5rem;display:flex}.mr-cancel-btn{color:#b42318;cursor:pointer;background:#fef3f2;border:1px solid #fecdca;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .2s,border-color .2s;display:inline-flex}.mr-cancel-btn:hover:not(:disabled){color:#fff;background:#d92d20;border-color:#d92d20}.mr-cancel-btn:focus-visible{outline-offset:2px;outline:2px solid #d92d20}.mr-locked{color:#98a1ac;font-size:12px}.mr-state-cell{color:#77808b;text-align:center;padding:2.25rem 1rem;font-size:13px}.mr-pagination{border-top:1px solid #edf0f2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:.875rem;display:flex}.mr-pagination-info{color:#77808b;margin:0;font-size:12px}.mr-pagination-info strong{color:#333942;font-weight:600}.mr-pagination-controls{align-items:center;gap:.3rem;display:flex}.mr-page-btn{color:#333942;cursor:pointer;min-width:28px;height:28px;box-shadow:none;background:#fff;border:1px solid #cbd0d6;border-radius:4px;justify-content:center;align-items:center;padding:0 .4rem;font-family:inherit;font-size:12px;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.mr-page-btn:hover:not(:disabled){color:#fff;background:#00b56b;border-color:#00b56b}.mr-page-btn.active{color:#fff;cursor:default;background:#00b56b;border-color:#00b56b}.mr-page-btn:disabled{color:#98a1ac;cursor:not-allowed;opacity:.7;background:#f7f9fb}.mr-page-btn:focus-visible{outline-offset:2px;outline:2px solid #00b56b}.mr-page-ellipsis{color:#98a1ac;-webkit-user-select:none;user-select:none;padding:0 .25rem;font-size:12px}@media (width<=900px){.mr-history-card{padding:1rem}.mr-toolbar{align-items:flex-start}.mr-toolbar-controls,.mr-search{width:100%}.mr-select,.mr-reset-btn{flex:130px}.mr-pagination{justify-content:flex-start}}.mr-table .mr-attachment-btn{color:#30363d;height:24px;min-height:24px;box-shadow:none;cursor:pointer;background:#e5e7eb;border:0;border-radius:5px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:10px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.mr-table .mr-attachment-btn:hover:not(:disabled){color:#20252a;background:#d9dde2}.mr-table .mr-attachment-btn .btn-icon-wrapper{align-items:center;display:inline-flex}.mr-table .mr-attachment-btn .btn-icon-wrapper svg{stroke-width:1.8px;width:12px;height:12px}.team-requests-page{background:#f7f9fb;min-height:100%;padding:1rem 1.25rem 1.5rem}.team-requests-header{margin-bottom:1.25rem}.team-requests-header h2{color:#080a0c;margin:0 0 .35rem;font-size:1.75rem;font-weight:700;line-height:1.2}.team-requests-header p{color:#75808f;margin:0;font-size:14px}.team-requests-panel{background:#fff;border:1px solid #edf0f2;border-radius:11px;min-width:0;padding:.65rem .75rem .75rem;box-shadow:0 2px 9px #0f172a06}.team-requests-tabbar{background:#fff;border:0;border-radius:10px 10px 0 0;min-height:42px;margin:0;padding:0 .45rem}.team-requests-tabs{border-bottom:1px solid #edf0f2;gap:1rem;min-height:42px;display:flex}.team-requests-tabs .tab-item{color:#282d33;border-bottom:2px solid #0000;min-height:42px;padding:.4rem .15rem .35rem;font-size:12px;font-weight:500;position:relative}.team-requests-tabs .tab-item.active{color:#009b5b;background:0 0;border-bottom-color:#00b56b;font-weight:600}.team-requests-tabs .tab-item:hover{color:#008b51;background:0 0}.team-requests-page .team-requests-card{background:#fff;border:1px solid #edf0f2;border-radius:10px;min-width:0;margin:.65rem 0 0;padding:0;overflow:hidden;box-shadow:0 2px 9px #0f172a09}.team-requests-toolbar{background:#fff;border-bottom:1px solid #e5e7e9;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:1rem 1.25rem;display:flex}.team-requests-toolbar-title{color:#171a1f;white-space:nowrap;flex:none;margin:0;font-size:14px;font-weight:700}.team-requests-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;min-width:0;margin-left:auto;display:flex}.team-requests-search{color:#75808f;background:#fff;border:1px solid #aeb5bf;border-radius:5px;align-items:center;gap:.45rem;width:min(262px,28vw);min-width:190px;height:36px;padding:0 .6rem;display:flex}.team-requests-search:focus-within{border-color:#929ba6;box-shadow:0 0 0 1px #64748b1f}.team-requests-search svg{flex:none;width:14px;height:14px}.team-requests-search input{color:#252a31;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:12px}.team-requests-search input::placeholder{color:#75808f;opacity:1}.team-requests-status{color:#252a31;cursor:pointer;background:#fff;border:1px solid #aeb5bf;border-radius:5px;width:102px;height:36px;padding:0 .55rem;font-size:12px}.team-requests-page .team-requests-archive{white-space:nowrap;cursor:pointer;min-width:112px;height:36px;min-height:36px;box-shadow:none;border-radius:5px;justify-content:center;align-items:center;gap:.4rem;padding:0 .75rem;font-size:12px;font-weight:600;display:inline-flex;color:#101828!important;background:#3ce58a!important;border:1px solid #3ce58a!important}.team-requests-page .team-requests-archive:hover:not(:disabled){background:#25d77a!important;border-color:#25d77a!important}.team-requests-archive svg{width:14px;height:14px}.team-requests-card .table-wrapper{overscroll-behavior-x:contain;scrollbar-gutter:stable;direction:ltr;max-width:100%;overflow:auto hidden}.team-requests-card .table{table-layout:fixed;direction:ltr;width:100%;min-width:1080px;font-size:12px}.team-requests-card .table th{color:#191b1e;letter-spacing:0;text-transform:none;background:#f3f3f4;padding:.65rem .55rem;font-size:12px;font-weight:700}.team-requests-card .table td{color:#272b31;vertical-align:middle;text-overflow:ellipsis;border-bottom-color:#e5e7e9;padding:.55rem;font-size:12px;overflow:hidden}.team-requests-card .team-request-attachment{height:24px;min-height:24px;box-shadow:none;border-radius:5px;align-items:center;gap:.3rem;font-size:10px;line-height:1;color:#30363d!important;background:#e5e7eb!important;border:0!important;min-width:0!important;padding:.2rem .5rem!important;font-weight:500!important;text-decoration:none!important;display:inline-flex!important}.team-requests-card .team-request-attachment:hover:not(:disabled){color:#20252a!important;background:#d9dde2!important}.team-requests-card .team-request-attachment .btn-icon-wrapper{align-items:center;display:inline-flex}.team-requests-card .team-request-attachment .btn-icon-wrapper svg{stroke-width:1.8px;width:12px;height:12px}.team-requests-card .table th:nth-last-child(-n+2),.team-requests-card .table td:nth-last-child(-n+2){text-align:center}.team-requests-card .table .badge{color:#15191d;letter-spacing:0;text-transform:none;border:0;border-radius:5px;gap:.3rem;padding:.28rem .5rem;font-size:10px;font-weight:500}.team-requests-card .table .badge:before{content:"";border-radius:50%;flex:none;width:9px;height:9px}.team-requests-card .table .badge-success{background:#d8f8ec}.team-requests-card .table .badge-success:before{background:#00c98a}.team-requests-card .table .badge-warning{background:#fff0d8}.team-requests-card .table .badge-warning:before{background:#ed9200}.team-requests-card .table .badge-danger{background:#ffe0dc}.team-requests-card .table .badge-danger:before{background:#e90000}.team-requests-card .table tbody tr:hover{background:#f8fafc}.team-request-actions{justify-content:center;align-items:center;gap:.4rem;width:100%;display:flex}.team-request-action-btn{border:1px solid #0000;border-radius:5px;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;display:grid}.team-request-action-btn .btn-icon-wrapper{place-items:center;display:grid}.team-request-action-btn>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.team-request-action-btn .btn-icon-wrapper svg{stroke-width:2.2px;width:13px;height:13px}.team-request-approve{color:#009b5b;background:#e9fbf3;border-color:#bdebd8}.team-request-approve:hover:not(:disabled){color:#007d4a;background:#d7f7e9;border-color:#00b56b}.team-request-reject{color:#df2525;background:#fff0ef;border-color:#f4c9c5}.team-request-reject:hover:not(:disabled){color:#b91c1c;background:#ffe2df;border-color:#e90000}.team-request-locked{color:#75808f;white-space:nowrap;justify-content:center;align-items:center;gap:.3rem;width:100%;font-size:12px;font-weight:600;display:inline-flex}.team-request-locked svg{width:14px;height:14px}.team-requests-card .pagination-helper-container{border-top:0;min-height:40px;margin:0;padding:.4rem .55rem}.team-requests-card .pagination-info{color:#77808b;margin:0;font-size:12px}.team-requests-card .page-btn{color:#333942;width:28px;min-width:28px;height:28px;box-shadow:none;background:#fff;border:1px solid #cbd0d6;border-radius:4px;padding:0;font-size:12px}.team-requests-card .page-btn.active{color:#fff!important;background:#00b56b!important;border-color:#00b56b!important}.team-requests-card .page-btn:not(:disabled):hover{color:#fff;background:#00b56b;border-color:#00b56b}@media (width<=760px){.team-requests-page{padding:.85rem}.team-requests-toolbar{flex-direction:column;align-items:stretch;padding:.75rem}.team-requests-controls{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;margin-left:0;display:grid}.team-requests-search{grid-column:1/-1;width:100%;min-width:0}.team-requests-page .team-requests-archive{min-width:0}}@media (width<=420px){.team-requests-header h2{font-size:1.5rem}.team-requests-status{width:100%}.team-requests-controls{grid-template-columns:minmax(0,1fr)}}.allocate-page{width:100%}.allocate-page-subtitle{color:#64748b;margin:.35rem 0 0;font-size:.9rem}.allocate-card{width:100%;max-width:1000px;box-shadow:var(--shadow-sm,0 1px 3px #00000014);margin:0 auto}.allocate-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.allocate-help-text{margin:.35rem 0 0;font-size:.85rem}.allocate-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding:1.5rem;display:grid}.allocate-form>.input-group:first-child,.allocate-form>.allocate-selected-employee,.allocate-form>.allocate-days-summary,.allocate-form>.allocate-actions{grid-column:1/-1}.allocate-selected-employee{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;display:grid}.allocate-selected-employee>div{flex-direction:column;gap:.2rem;display:flex}.allocate-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.allocate-balance-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:.6rem;padding:.75rem .9rem;display:flex}.allocate-balance-label{color:#64748b;font-size:.8rem;font-weight:600}.allocate-balance-value{color:#0f172a;font-size:.9rem;font-weight:700}.allocate-balance-loading{color:#64748b;font-size:.85rem}.allocate-date-grid,.allocate-time-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.allocate-days-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;align-items:center;min-height:48px;padding:.8rem 1rem;display:flex}.allocate-days-summary span{color:#64748b;font-size:.85rem;font-weight:600}.allocate-days-summary strong{color:#0f172a;font-size:1rem}.allocate-reason{resize:vertical;min-height:110px}.allocate-file-input{padding:.55rem}.allocate-file-name{color:#64748b;margin-top:.4rem;font-size:.8rem;display:block}.allocate-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding-top:.25rem;display:flex}.required-mark{color:#dc2626;margin-left:.2rem}.allocate-employee-select{margin-top:.6rem}@media (width<=768px){.allocate-form{grid-template-columns:1fr}.allocate-form>.input-group:first-child,.allocate-form>.allocate-selected-employee,.allocate-form>.allocate-days-summary,.allocate-form>.allocate-actions{grid-column:auto}.allocate-date-grid,.allocate-time-grid,.allocate-selected-employee{grid-template-columns:1fr}.allocate-actions{justify-content:stretch}.allocate-actions>*{flex:1}}.allocate-modal-header{background:#fff;border-bottom:none;flex-shrink:0;padding:28px 36px 20px;position:relative}.allocate-stepper{background:#fff;flex-shrink:0;align-items:flex-start;width:100%;padding:4px 36px 24px;display:flex}.allocate-step-item span:last-child{margin-top:9px;font-size:15px}.allocate-step-form{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex;overflow:hidden}.allocate-request-type-step{flex:1;padding:24px 36px;overflow-y:auto}.allocate-request-details-step{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;min-height:0;padding:24px 36px;overflow-y:auto}.allocate-request-details-step .input-group,.allocate-request-details-step .allocate-date-grid,.allocate-request-details-step .allocate-time-grid{margin-bottom:16px}.allocate-request-details-step input.input-field,.allocate-request-details-step select.input-field{height:44px;min-height:44px}.allocate-request-details-step textarea.input-field{min-height:100px}.allocate-request-details-step .allocate-days-summary{margin-bottom:16px}.allocate-step-actions{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;min-height:72px;padding:14px 36px;display:flex}.allocate-step-actions button{border-radius:5px;min-width:100px;height:46px;padding:0 20px;font-size:15px;font-weight:600}.allocate-review-step{flex:1;min-height:0;padding:24px 36px;overflow-y:auto}@media (width<=768px){.allocate-modal{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}.allocate-modal-header{padding:24px 24px 18px}.allocate-modal-header h2{font-size:26px}.allocate-modal-close{top:24px;right:20px}.allocate-stepper{padding:4px 20px 20px}.allocate-request-details-step,.allocate-request-type-step,.allocate-review-step{padding:20px 24px}.allocate-step-actions{padding:12px 24px}}.allocate-lop-warning{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:.4rem;margin-top:.65rem;padding:.65rem .75rem;font-size:.8rem;font-weight:600;line-height:1.4}.allocate-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.allocate-modal-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.allocate-modal-header{z-index:2;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.allocate-modal-close{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ea;border-radius:.25rem;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.25rem;line-height:1;display:flex}.allocate-modal-close:disabled{opacity:.5;cursor:not-allowed}.allocate-modal .allocate-form{margin:0}.allocate-records-card{width:100%;max-width:1200px;box-shadow:var(--shadow-sm,0 1px 3px #00000014);margin:0 auto}.allocate-records-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.allocate-table-loading{justify-content:center;align-items:center;min-height:200px;display:flex}@media (width<=768px){.allocate-page-header{flex-direction:column;align-items:stretch}.allocate-page-header>button{width:100%}.allocate-modal-overlay{align-items:flex-start;padding:.5rem}.allocate-modal{max-height:calc(100vh - 1rem)}.allocate-modal-header{padding:.85rem 1rem}}.allocate-date-single{white-space:nowrap;display:inline-block}.allocate-date-range{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.35;display:flex}.allocate-date-range span{white-space:nowrap}.allocate-date-to{font-size:.85rem;line-height:1}.allocate-employee-cell{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.25;display:flex}.allocate-employee-name{color:#0f172a;white-space:nowrap;font-weight:600;display:block}.allocate-employee-code{color:#64748b;white-space:nowrap;font-size:.75rem;line-height:1.2;display:block}.allocate-reason-text{text-overflow:ellipsis;white-space:nowrap;cursor:help;width:180px;max-width:180px;display:block;overflow:hidden}.allocate-attachment-empty{text-align:center;justify-content:center;align-items:center;width:100%;display:inline-flex}.allocate-attachment-link{text-align:center;display:inline-block}.allocate-tabs-wrapper{margin-bottom:0}.allocate-history-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;margin-top:0;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.allocate-history-header{justify-content:space-between;align-items:center;gap:1.25rem;padding:1.4rem 1.25rem 1rem;display:flex}.allocate-history-title{color:#111827;white-space:nowrap;margin:0;font-size:.95rem;font-weight:700}.allocate-filter-toolbar{justify-content:flex-end;align-items:center;gap:.65rem;width:100%;display:flex}.allocate-search-wrapper{width:min(245px,100%);position:relative}.allocate-search-icon{color:#475569;pointer-events:none;font-size:1rem;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.allocate-search-input{color:#111827;background:#fff;border:1px solid #9ca3af;border-radius:6px;outline:none;width:100%;height:36px;padding:0 .75rem 0 2rem;font-size:.8rem}.allocate-search-input::placeholder{color:#6b7280}.allocate-search-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.allocate-filter-select{color:#111827;cursor:pointer;background:#fff;border:1px solid #9ca3af;border-radius:6px;outline:none;min-width:130px;height:36px;padding:0 2rem 0 .75rem;font-size:.8rem}.allocate-filter-select:focus{border-color:#10b981}.allocate-status-select{min-width:105px}.allocate-reset-button{color:#111827;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #9ca3af;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;height:36px;padding:0 .8rem;font-size:.8rem;display:inline-flex}.allocate-reset-button:hover{background:#f8fafc}.allocate-tab-label{align-items:center;gap:.5rem;display:inline-flex}.allocate-tab-count{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 .35rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.allocate-request-type-cell{flex-direction:column;gap:2px;line-height:1.25;display:flex}.allocate-request-type-cell strong{color:#111827;font-size:.8rem;font-weight:600}.allocate-request-type-cell span{color:#64748b;font-size:.72rem}.allocate-applied-date{white-space:nowrap;flex-direction:column;gap:2px;line-height:1.25;display:flex}.allocate-applied-date strong{color:#111827;font-size:.78rem;font-weight:500}.allocate-applied-date span{color:#64748b;font-size:.72rem}.allocate-duration-cell{white-space:nowrap;flex-direction:column;gap:2px;line-height:1.25;display:flex}.allocate-duration-cell strong{color:#111827;font-size:.78rem;font-weight:500}.allocate-duration-cell span{color:#64748b;font-size:.72rem}.allocate-history-card table{width:100%}.allocate-history-card th{white-space:nowrap}.allocate-history-card td{vertical-align:middle}.allocate-attachment-link{color:#374151;background:#f1f3f5;border-radius:5px;align-items:center;gap:.25rem;padding:.3rem .55rem;font-size:.72rem;font-weight:500;text-decoration:none;display:inline-flex}.allocate-attachment-link:hover{background:#e5e7eb}@media (width<=1100px){.allocate-history-header{flex-direction:column;align-items:flex-start}.allocate-filter-toolbar{flex-wrap:wrap;justify-content:flex-start}.allocate-search-wrapper{flex:240px}}@media (width<=768px){.allocate-history-header{padding:1rem}.allocate-filter-toolbar{flex-direction:column;align-items:stretch;width:100%}.allocate-search-wrapper,.allocate-filter-select,.allocate-reset-button{width:100%}.allocate-filter-select{min-width:0}}.allocate-status-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;min-height:22px;padding:.25rem .65rem;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}.allocate-status-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.allocate-status-badge.approved{color:#047857;background:#d1fae5}.allocate-status-badge.approved .allocate-status-dot{background:#10b981}.allocate-status-badge.pending{color:#b45309;background:#fef3c7}.allocate-status-badge.pending .allocate-status-dot{background:#f59e0b}.allocate-status-badge.rejected{color:#b91c1c;background:#fee2e2}.allocate-status-badge.rejected .allocate-status-dot{background:#ef4444}.allocate-status-badge.cancelled{color:#475569;background:#f1f5f9}.allocate-status-badge.cancelled .allocate-status-dot{background:#64748b}.allocate-status-badge:not(.approved):not(.pending):not(.rejected):not(.cancelled){color:#475569;background:#f1f5f9}.allocate-status-badge:not(.approved):not(.pending):not(.rejected):not(.cancelled) .allocate-status-dot{background:#64748b}.allocate-request-button{white-space:nowrap;cursor:pointer;color:#111827!important;height:38px!important;min-height:38px!important;box-shadow:none!important;background:#34d399!important;border:none!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;gap:.55rem!important;padding:0 1rem!important;font-size:.78rem!important;font-weight:500!important;line-height:1!important;display:inline-flex!important}.allocate-request-button:hover{color:#111827!important;background:#2dcc91!important}.allocate-request-button:focus{outline:none;color:#111827!important;background:#34d399!important;box-shadow:0 0 0 2px #34d39933!important}.allocate-request-button-icon{justify-content:center;align-items:center;font-size:1.15rem;font-weight:500;line-height:1;display:inline-flex}.employee-dashboard-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-width:78px;height:24px;padding:0 .6rem;font-size:.68rem;font-weight:500;line-height:1;display:inline-flex}.employee-dashboard-status-dot{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.employee-dashboard-status-approved{color:#1f2937;background:#d9f7ee}.employee-dashboard-status-approved .employee-dashboard-status-dot{background:#10d99b}.employee-dashboard-status-pending{color:#92400e;background:#fff4d6}.employee-dashboard-status-pending .employee-dashboard-status-dot{background:#f59e0b}.employee-dashboard-status-rejected{color:#991b1b;background:#fee2e2}.employee-dashboard-status-rejected .employee-dashboard-status-dot{background:#ef4444}.employee-dashboard-status-cancelled{color:#4b5563;background:#e5e7eb}.employee-dashboard-status-cancelled .employee-dashboard-status-dot{background:#64748b}.employee-dashboard-status-unknown{color:#4b5563;background:#e5e7eb}.employee-dashboard-status-unknown .employee-dashboard-status-dot{background:#64748b}.allocated-manager-filter{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:flex-end;align-items:center;gap:10px;width:100%;padding:18px 8px;display:flex}.allocated-manager-search{width:250px;height:36px;position:relative}.allocated-manager-search input{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #9ca3af;border-radius:6px;outline:none;width:100%;height:36px;padding:0 12px 0 34px;font-size:13px}.allocated-manager-search input::placeholder{color:#6b7280}.allocated-manager-search input:focus{border-color:#64748b}.allocated-manager-search-icon{color:#475569;pointer-events:none;z-index:1;font-size:18px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.allocated-manager-status{color:#111827;cursor:pointer;background:#fff;border:1px solid #9ca3af;border-radius:6px;outline:none;width:130px;height:36px;padding:0 28px 0 12px;font-size:13px}.allocated-manager-status:focus{border-color:#64748b}.allocated-manager-reset{color:#111827;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #9ca3af;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:13px;display:inline-flex}.allocated-manager-reset:hover{background:#f8fafc}.allocated-manager-reset-icon{font-size:17px;line-height:1}.allocated-requests-page .tabs{border-bottom:1px solid #dbe5e2;align-items:flex-end;gap:0;display:flex}.allocated-requests-page .tabs button{color:#334155;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.8rem 1.5rem;font-size:.95rem;font-weight:500;position:relative}.allocated-requests-page .tabs button:hover{color:#008f7a;background:#f0faf7}.allocated-requests-page .tabs button.active{color:#008f7a;background:#dff4ef;border-bottom-color:#00a88f;font-weight:600}.allocate-tabs-wrapper>div{border-bottom:1px solid #d9e5e2;align-items:stretch;display:flex}.allocate-tabs-wrapper button{color:#334155;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;min-width:145px;height:50px;padding:0 20px;font-size:16px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;position:relative}.allocate-tabs-wrapper button:hover{color:#008f7a;background:#eefaf7}.allocate-tabs-wrapper button.active,.allocate-tabs-wrapper button[aria-selected=true]{color:#008f7a;background:#dff4ef;border-bottom:2px solid #00a88f;font-weight:600}.allocate-modal .input-field,.allocate-modal .lm-input-field{color:#0f172a!important;background:#fff!important;border-color:#dbe3ea!important}.allocate-modal .input-field::placeholder,.allocate-modal .lm-input-field::placeholder{color:#94a3b8!important}.allocate-modal .input-field:focus,.allocate-modal .lm-input-field:focus{outline:none;background:#fff!important;border-color:#00a88f!important;box-shadow:0 0 0 2px #00a88f1a!important}.allocate-modal select.input-field,.allocate-modal select.lm-input-field{color:#0f172a!important;background-color:#fff!important}.allocate-modal textarea.input-field,.allocate-modal textarea.lm-input-field{background:#fff!important}.allocate-modal input[type=file].input-field,.allocate-modal input[type=file].lm-input-field,.allocate-modal input[type=date].input-field,.allocate-modal input[type=time].input-field{color:#0f172a!important;background:#fff!important}.allocate-modal .allocate-employee-select{background:#fff!important}.allocate-modal .allocate-employee-select input,.allocate-modal .allocate-employee-select [role=combobox]{color:#0f172a!important;background:#fff!important}.allocate-submit-button{cursor:pointer;min-height:42px;padding:0 1.25rem;font-size:.9rem;font-weight:600;transition:background-color .15s,transform .15s;color:#fff!important;background:#34d399!important;border:none!important;border-radius:7px!important}.allocate-submit-button:hover{color:#fff!important;background:#2dcc91!important}.allocate-submit-button:focus{outline:none;color:#fff!important;background:#34d399!important;box-shadow:0 0 0 2px #34d39933!important}.allocate-submit-button:disabled{opacity:.6;cursor:not-allowed}.allocate-step-header-content{min-width:0}.allocate-step-title{color:#111827;margin:0;font-size:2rem;font-weight:700;line-height:1.2}.allocate-step-subtitle{color:#6b7280;margin:.7rem 0 0;font-size:1rem;line-height:1.4}.allocate-stepper{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;padding:1.25rem 1.5rem 1.5rem;display:flex}.allocate-step-item{color:#6b7280;text-align:center;flex-direction:column;flex:none;align-items:center;gap:.65rem;min-width:120px;font-size:.95rem;font-weight:600;display:flex}.allocate-step-circle{color:#6b7280;background:#fff;border:3px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.allocate-step-line{border-top:2px dotted #d1d5db;flex:1;height:2px;margin:0 .5rem;transform:translateY(-16px)}.allocate-request-type-step{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.75rem 1.5rem;display:grid}.allocate-request-type-card{color:#111827;text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe3ea;border-radius:12px;align-items:center;gap:1rem;min-height:88px;padding:1rem 1.25rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.allocate-request-type-card:hover{background:#f0fdf9;border-color:#10b981}.allocate-request-type-card.selected{background:#effaf7;border-color:#10b981;box-shadow:0 0 0 2px #10b9811f}.allocate-request-type-icon{color:#fff;border-radius:10px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.allocate-request-type-icon.leave{background:#10b981}.allocate-request-type-icon.on-duty{background:#8b5cf6}.allocate-request-type-content{flex-direction:column;gap:.25rem;display:flex}.allocate-request-type-content strong{color:#111827;font-size:1rem;font-weight:700}.allocate-request-type-content span{color:#6b7280;font-size:.82rem}.allocate-review-step{padding:1.5rem}.allocate-review-description{color:#6b7280;margin:0 0 1.25rem;font-size:.95rem}.allocate-review-title{color:#111827;margin:0 0 .85rem;font-size:1.1rem;font-weight:700}.allocate-review-row{border-bottom:1px solid #dbe5e2;grid-template-columns:1fr 1fr;align-items:center;min-height:62px;padding:.85rem 1rem;display:grid}.allocate-review-row span{color:#6b7280;font-size:.85rem;font-weight:600}.allocate-review-row strong{color:#111827;text-align:right;font-size:.9rem;font-weight:600}.allocate-review-value-wrap{white-space:normal;word-break:break-word}.allocate-modal-header{border-bottom:none;padding:1.5rem 1.5rem .75rem}.allocate-modal-close{color:#111827;border-radius:6px;width:40px;height:40px;font-size:2rem;font-weight:400;line-height:1;background:0 0!important;border:none!important}.allocate-modal-close:hover{background:#f3f4f6!important}@media (width<=768px){.allocate-modal{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.allocate-step-title{font-size:1.65rem}.allocate-stepper{padding:1rem}.allocate-step-item{min-width:80px;font-size:.72rem}.allocate-step-line{margin:0 .25rem}.allocate-request-type-step{grid-template-columns:1fr;padding:1rem}.allocate-review-row{grid-template-columns:1fr;gap:.4rem}.allocate-review-row strong{text-align:left}.allocate-step-actions{padding:.85rem 1rem}.allocate-step-actions>*{flex:1}}.allocate-modal{background:#fff;border-radius:12px;flex-direction:column;width:min(820px,100vw - 48px);max-width:820px;height:min(640px,100vh - 40px);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a40}.allocate-modal-header{background:#fff;flex-shrink:0;padding:24px 32px 16px;position:relative}.allocate-modal-header h2{color:#111827;margin:0;font-size:28px;font-weight:700;line-height:1.2}.allocate-modal-header p{color:#6b7280;margin:10px 0 0;font-size:16px;line-height:1.4}.allocate-modal-close{color:#111827;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;display:flex;position:absolute;top:45px;right:48px}.allocate-modal-close:hover{color:#374151}.allocate-stepper{background:#fff;flex-shrink:0;grid-template-columns:minmax(100px,1fr) minmax(60px,1fr) minmax(100px,1fr) minmax(60px,1fr) minmax(100px,1fr);align-items:start;width:100%;padding:4px 32px 20px;display:grid}.allocate-step-item{color:#6b7280;text-align:center;flex-direction:column;align-items:center;min-width:0;font-size:17px;font-weight:600;display:flex}.allocate-step-circle{color:#6b7280;box-sizing:border-box;background:#fff;border:3px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;display:flex}.allocate-step-item.active,.allocate-step-item.completed{color:#10b981}.allocate-step-item.active .allocate-step-circle,.allocate-step-item.completed .allocate-step-circle{color:#fff;background:#10b981;border-color:#10b981}.allocate-step-item>span{color:inherit;white-space:nowrap;margin-top:8px;font-size:14px;font-weight:600;line-height:1.2}.allocate-step-line{border-top:3px dotted #d1d5db;align-self:start;width:100%;margin-top:15px}.allocate-step-line.completed,.allocate-step-item.completed .allocate-step-line{border-color:#10b981}.allocate-step-form{flex-direction:column;flex:1;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.allocate-step-form>.allocate-step-content{padding:30px 40px}.allocate-request-type-section{border-top:1px solid #e5e7eb;padding:30px 40px}.allocate-request-type-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.allocate-request-type-card{cursor:pointer;background:#fff;border:1px solid #dbe3e8;border-radius:12px;align-items:center;height:110px;min-height:110px;padding:18px;transition:all .2s;display:flex}.allocate-request-type-card:hover{border-color:#10b981}.allocate-request-type-card.selected{background:#effaf6;border:2px solid #10b981}.allocate-request-type-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.allocate-request-type-card.leave .allocate-request-type-icon{background:#10b981}.allocate-request-type-card.on-duty .allocate-request-type-icon{background:#8b5cf6}.allocate-request-type-content{margin-left:14px}.allocate-request-type-content h3{color:#172033;margin:0;font-size:18px;font-weight:700}.allocate-request-type-content p{color:#6b7280;margin:4px 0 0;font-size:14px}.allocate-step-actions{box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;padding:12px 32px;display:flex}.allocate-step-actions button{cursor:pointer;border-radius:5px;min-width:100px;height:44px;padding:0 18px;font-size:15px;font-weight:600}.allocate-step-actions button:first-child{color:#10b981;background:#fff;border:1px solid #10b981}.allocate-step-actions button:first-child:hover{background:#f0fdf4}.allocate-step-primary-button{color:#fff;background:#00b86b;border:1px solid #10b981;min-width:143px}.allocate-step-primary-button:hover{background:#009e5c}.allocate-review-step{padding:30px 40px;overflow-y:auto}.allocate-review-header{margin-bottom:20px}.allocate-review-header h3{color:#111827;margin:0;font-size:20px;font-weight:700}.allocate-review-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.allocate-review-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.allocate-review-row{border-bottom:1px solid #eef0f2;grid-template-columns:190px 1fr;padding:15px 18px;display:grid}.allocate-review-row:last-child{border-bottom:none}.allocate-review-value-wrap{color:#111827;font-weight:600}@media (width<=768px){.allocate-modal{width:calc(100vw - 24px);max-height:94vh}.allocate-modal-header{padding:28px 24px 22px}.allocate-modal-header h2{font-size:26px}.allocate-modal-close{color:#111827;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:28px;line-height:1;display:flex;position:absolute;top:30px;right:32px}.allocate-stepper{background:#fff;flex-shrink:0;align-items:flex-start;width:100%;padding:4px 36px 24px;display:flex}.allocate-step-item span:last-child{font-size:13px}.allocate-request-type-section{padding:24px}.allocate-request-type-grid{grid-template-columns:1fr}.allocate-step-actions{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;min-height:72px;padding:14px 36px;display:flex}}.allocate-modal-step-1{max-height:calc(100vh - 40px);height:auto!important;min-height:0!important}.allocate-modal-step-1 .allocate-step-form{flex:none!important;gap:0!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important}.allocate-modal-step-1 .allocate-request-type-section{flex:none!important;padding:24px 40px!important}.allocate-modal-step-1 .allocate-request-type-card{height:110px;min-height:110px}.allocate-modal-step-1 .allocate-request-type-grid{height:auto}.allocate-modal-step-1 .allocate-step-actions{flex:none!important}.allocate-attachment-cell{justify-content:center;align-items:center;width:100%;min-height:40px;display:flex}.allocate-attachment-view{cursor:pointer;color:#111827!important;text-underline-offset:2px!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-size:14px!important;font-weight:500!important;text-decoration:underline!important;text-decoration-thickness:1px!important;display:inline-block!important}.allocate-attachment-view:hover{color:#008c95!important}.allocate-page{background:#f7f9fb;min-height:100%;padding:1rem 1.25rem 1.5rem}.allocate-page-header{align-items:center;margin-bottom:1.25rem}.allocate-page .page-title{color:#080a0c;margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.allocate-page-subtitle{color:#75808f;margin-top:.35rem;font-size:14px}.allocate-page .page-body{background:#fff;border:1px solid #edf0f2;border-radius:11px;min-width:0;padding:.65rem .75rem .75rem;box-shadow:0 2px 9px #0f172a09}.allocate-tabs-wrapper{width:100%}.allocate-page .allocate-tabs-wrapper>div{border-bottom:1px solid #edf0f2;gap:.75rem;min-height:42px}.allocate-page .allocate-tabs-wrapper .tab-item{color:#282d33;background:0 0;border:0;border-bottom:2px solid #0000;min-width:0;height:42px;padding:.4rem .15rem .35rem;font-size:12px;font-weight:500}.allocate-page .allocate-tabs-wrapper .tab-item:hover{color:#008b51;background:0 0}.allocate-page .allocate-tabs-wrapper .tab-item.active,.allocate-page .allocate-tabs-wrapper .tab-item[aria-selected=true]{color:#009b5b;background:0 0;border-bottom-color:#00b56b;font-weight:600}.allocate-page .allocate-history-card{background:#fff;border:1px solid #edf0f2;border-radius:10px;margin-top:.65rem;overflow:hidden;box-shadow:0 2px 9px #0f172a06}.allocate-page .allocate-history-header{align-items:center;gap:.75rem;min-width:0;padding:.85rem 1rem .75rem}.allocate-page .allocate-history-title{color:#171a1f;font-size:14px}.allocate-page .allocate-filter-toolbar{flex:auto;gap:.4rem;min-width:0}.allocate-page .allocate-search-wrapper{flex:230px;width:min(270px,30vw);min-width:190px}.allocate-page .allocate-search-icon{width:14px;height:14px;font-size:0}.allocate-page .allocate-filter-select,.allocate-page .allocate-search-input,.allocate-page .allocate-reset-button{border-color:#aeb5bf;border-radius:5px;height:36px;font-size:12px}.allocate-page .allocate-filter-select{min-width:130px;padding:0 .55rem}.allocate-page .allocate-status-select{min-width:105px}.allocate-page .allocate-reset-button{white-space:nowrap;gap:.35rem;padding:0 .65rem}.allocate-page .allocate-reset-button svg{width:14px;height:14px}.allocate-page .allocate-request-button{color:#101828!important;background:#3ce58a!important}.allocate-page .allocate-request-button:hover:not(:disabled){background:#25d77a!important}.allocate-page .allocate-request-button-icon{width:15px;height:15px;font-size:15px}.allocate-page .allocate-history-card .table-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;direction:ltr;max-width:100%;overflow:auto hidden}.allocate-page .allocate-history-card .table{table-layout:fixed;direction:ltr;width:max-content;min-width:100%;font-size:12px}.allocate-page .allocate-history-card .allocate-leave-table{width:1200px;min-width:1200px}.allocate-page .allocate-history-card .allocate-on-duty-table{width:1250px;min-width:1250px}.allocate-page .allocate-history-card .table th{color:#191b1e;letter-spacing:0;text-transform:none;background:#f3f3f4;padding:.65rem .55rem;font-size:12px;font-weight:700}.allocate-page .allocate-history-card .table td{color:#272b31;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom-color:#e5e7e9;min-width:0;padding:.55rem;font-size:12px;overflow:hidden}.allocate-page .allocate-employee-cell,.allocate-page .allocate-request-type-cell,.allocate-page .allocate-applied-date,.allocate-page .allocate-duration-cell{width:100%;min-width:0}.allocate-page .allocate-employee-name,.allocate-page .allocate-employee-code{text-overflow:ellipsis;max-width:100%;overflow:hidden}.allocate-page .allocate-reason-text{width:100%;max-width:100%}.allocate-page .allocate-duration-cell span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.allocate-page .allocate-leave-table th:first-child,.allocate-page .allocate-leave-table td:first-child{width:155px}.allocate-page .allocate-leave-table th:nth-child(2),.allocate-page .allocate-leave-table td:nth-child(2){width:165px}.allocate-page .allocate-leave-table th:nth-child(3),.allocate-page .allocate-leave-table td:nth-child(3){width:140px}.allocate-page .allocate-leave-table th:nth-child(4),.allocate-page .allocate-leave-table td:nth-child(4){width:195px}.allocate-page .allocate-leave-table th:nth-child(5),.allocate-page .allocate-leave-table td:nth-child(5){width:165px}.allocate-page .allocate-leave-table th:nth-child(6),.allocate-page .allocate-leave-table td:nth-child(6){width:125px}.allocate-page .allocate-leave-table th:nth-child(7),.allocate-page .allocate-leave-table td:nth-child(7){width:135px}.allocate-page .allocate-leave-table th:nth-child(8),.allocate-page .allocate-leave-table td:nth-child(8){width:120px}.allocate-page .allocate-on-duty-table th:first-child,.allocate-page .allocate-on-duty-table td:first-child{width:140px}.allocate-page .allocate-on-duty-table th:nth-child(2),.allocate-page .allocate-on-duty-table td:nth-child(2){width:145px}.allocate-page .allocate-on-duty-table th:nth-child(3),.allocate-page .allocate-on-duty-table td:nth-child(3){width:130px}.allocate-page .allocate-on-duty-table th:nth-child(4),.allocate-page .allocate-on-duty-table td:nth-child(4){width:175px}.allocate-page .allocate-on-duty-table th:nth-child(5),.allocate-page .allocate-on-duty-table td:nth-child(5){width:140px}.allocate-page .allocate-on-duty-table th:nth-child(6),.allocate-page .allocate-on-duty-table td:nth-child(6){width:155px}.allocate-page .allocate-on-duty-table th:nth-child(7),.allocate-page .allocate-on-duty-table td:nth-child(7){width:120px}.allocate-page .allocate-on-duty-table th:nth-child(8),.allocate-page .allocate-on-duty-table td:nth-child(8){width:135px}.allocate-page .allocate-on-duty-table th:nth-child(9),.allocate-page .allocate-on-duty-table td:nth-child(9){width:110px}.allocate-page .allocate-leave-table td:nth-child(6),.allocate-page .allocate-leave-table td:nth-child(7),.allocate-page .allocate-on-duty-table td:nth-child(7),.allocate-page .allocate-on-duty-table td:nth-child(8){text-align:center}.allocate-page .allocate-on-duty-table td:nth-child(5){text-overflow:ellipsis;overflow:hidden}.allocate-page .allocate-history-card .table tbody tr:hover{background:#f8fafc}.allocate-page .allocate-attachment-link{color:#30363d;background:#e5e7eb;border-radius:5px;gap:.3rem;width:auto;min-width:72px;max-width:112px;height:24px;padding:0 .5rem;font-size:10px}.allocate-page .allocate-attachment-link svg{width:12px;height:12px}@media (width>=901px){.allocate-page .allocate-history-header{flex-direction:row}.allocate-page .allocate-filter-toolbar{flex-wrap:wrap;width:auto}}@media (width<=900px){.allocate-page .page-header{align-items:flex-start}.allocate-page .allocate-history-header{flex-direction:column;align-items:stretch}.allocate-page .allocate-filter-toolbar{justify-content:flex-start}}@media (width<=768px){.allocate-page{padding:.85rem}.allocate-page .page-header{flex-direction:column}.allocate-page .allocate-request-button{width:100%}.allocate-page .allocate-filter-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.allocate-page .allocate-search-wrapper{grid-column:1/-1;width:100%;min-width:0}.allocate-page .allocate-filter-select,.allocate-page .allocate-reset-button{width:100%;min-width:0}}.allocate-attachment-cell{justify-content:center;align-items:center;width:100%;display:flex}.allocate-attachment-link{box-sizing:border-box;color:#111827;white-space:nowrap;cursor:pointer;background:#e5e7eb;border:none;border-radius:7px;justify-content:flex-start;align-items:center;gap:7px;width:112px;height:34px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.allocate-attachment-link:hover{color:#111827;background:#dfe2e5}.allocate-attachment-icon{justify-content:center;align-items:center;font-size:17px;line-height:1;display:inline-flex}.allocate-attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.allocate-attachment-empty{color:#475569;font-size:14px}button.allocate-attachment-link{cursor:pointer;border:0;font-family:inherit}.holidays-page{--holiday-canvas:#f7f9fb;--holiday-ink:#111;--holiday-muted:#77808f;--holiday-border:#e8ebef;--holiday-green:#20bf62;--holiday-teal:#0d8078;--holiday-orange:#ff9000;--holiday-violet:#883cf2;--holiday-action:#42e494;--holiday-action-hover:#2fd987;background:var(--holiday-canvas);min-height:100%;padding:1rem;container:holidays-page/inline-size}.holidays-page-header{margin-bottom:1rem}.holidays-page .holidays-page-header h2{color:#000;margin:0 0 .35rem;font-size:1.625rem;font-weight:700}.holidays-page-header p{color:var(--holiday-muted);margin:0;font-size:14px}.holidays-header-actions{gap:.65rem}.holidays-header-actions .btn{min-height:34px;padding:.35rem .65rem;font-size:12px}.holiday-import-button{color:#343a40;background:#f1f2f4;border-color:#eceef1}.holiday-import-button:hover{background:#e7e9ec}.holidays-page-header .holiday-add-button{background:var(--holiday-action)!important;border-color:var(--holiday-action)!important;color:#000!important}.holidays-page-header .holiday-add-button:hover:not(:disabled){background:var(--holiday-action-hover)!important;border-color:var(--holiday-action-hover)!important;color:#000!important}.holiday-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.holiday-summary-card{background:#fff;border:1px solid #e9ecef;border-radius:14px;align-items:center;min-width:0;min-height:92px;padding:.6rem .75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a17}.holiday-summary-copy{z-index:1;flex-direction:column;gap:.1rem;min-width:0;display:flex;position:relative}.holiday-summary-label{color:#252b33;font-size:12px;line-height:1.25}.holiday-summary-copy strong{color:#111;font-size:1.5rem;font-weight:700;line-height:1.15}.holiday-summary-note{color:#828b98;font-size:9px;line-height:1.2}.holiday-summary-icon{color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:auto;bottom:0;right:-12px;transform:none}.holiday-summary-icon svg{stroke-width:1.7px;width:24px;height:24px;transform:translate(-5px)}.holiday-summary-card.green .holiday-summary-icon{background:var(--holiday-green)}.holiday-summary-card.teal .holiday-summary-icon{background:var(--holiday-teal)}.holiday-summary-card.orange .holiday-summary-icon{background:var(--holiday-orange)}.holiday-summary-card.violet .holiday-summary-icon{background:var(--holiday-violet)}@container holidays-page (width<=800px){.holiday-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container holidays-page (width<=540px){.holiday-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.holiday-list-card{border:1px solid var(--holiday-border);background:#fff;border-radius:11px;width:100%;min-width:0;padding:.65rem .75rem .6rem;overflow:hidden;box-shadow:0 2px 10px #0f172a06}.holiday-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-width:0;min-height:45px;padding:.35rem .25rem;display:flex}.holiday-list-toolbar .card-title{color:var(--holiday-ink);flex:none;margin:0;font-size:14px;font-weight:700}.holiday-list-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.holiday-year-select,.holiday-list-controls .btn{color:#32363c;background-color:#fff;border:1px solid #c9ced5;border-radius:4px;height:32px;min-height:32px;font-size:12px}.holiday-year-select{min-width:88px;padding:0 .55rem}.holiday-list-controls .btn{box-shadow:none;padding:.35rem .6rem}.holiday-template-button{border-color:var(--holiday-action)!important;background:var(--holiday-action)!important;color:#06452b!important}.holiday-template-button:hover{background:var(--holiday-action-hover)!important}.holiday-template-button .btn-icon-wrapper svg{width:12px;height:12px}.holiday-list-card .table-wrapper{border-radius:5px 5px 0 0;width:100%;max-width:100%}.holiday-list-card .table{min-width:640px;font-size:12px}.holiday-list-card .table th{color:#15171a;letter-spacing:0;text-transform:none;background:#f4f4f5;padding:.57rem .5rem;font-size:12px;font-weight:700}.holiday-list-card .table td{color:#252a30;border-bottom-color:#e6e8eb;padding:.37rem .5rem;font-size:12px}.holiday-list-card .table td strong{font-weight:500}.holiday-list-card .table tbody tr:hover{background:#fafbfc}.holiday-type-badge{border-radius:4px;align-items:center;gap:.28rem;padding:.17rem .45rem;font-size:12px;line-height:1.1;display:inline-flex}.holiday-type-dot{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.holiday-type-badge.public{color:#075c3c;background:#d8fff0}.holiday-type-badge.public .holiday-type-dot{background:var(--holiday-green)}.holiday-type-badge.optional{color:#83500b;background:#fff0dc}.holiday-type-badge.optional .holiday-type-dot{background:var(--holiday-orange)}.holiday-type-badge.special{color:#55219a;background:#efe0ff}.holiday-type-badge.special .holiday-type-dot{background:var(--holiday-violet)}.holiday-row-actions{align-items:center;gap:.35rem;display:flex}.holiday-row-actions .btn{color:#4b535b;background:#fff;border:1px solid #dde1e5;border-radius:4px;place-items:center;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;display:grid}.holiday-row-actions .btn>span{display:flex}.holiday-row-actions svg{width:11px;height:11px}.holiday-row-actions .holiday-delete-button{color:#cf3d3d;background:#fdd;border-color:#ffc4c4}.holiday-list-card .pagination-helper-container{border:0;min-height:32px;margin:0;padding:.25rem .35rem}.holiday-list-card .pagination-info{color:#7a838e;margin:0;font-size:.55rem}.holiday-list-card .pagination-info span{color:inherit;font-weight:400}.holiday-list-card .pagination-controls,.holiday-list-card .pagination-content-wrapper{gap:.3rem}.holiday-list-card .pagination-content-wrapper{align-items:center;display:flex}.holiday-list-card .page-btn{color:#343a40;width:20px;min-width:20px;height:20px;min-height:20px;box-shadow:none;background:#fff;border:1px solid #cbd0d6;border-radius:4px;padding:0;font-size:.55rem}.holiday-list-card .page-btn.active,.holiday-list-card .page-btn:not(:disabled):hover{border-color:var(--holiday-action);background:var(--holiday-action);color:#000}.holiday-list-card .pagination-nav-icon{width:11px;height:11px}.holiday-modal-overlay{-webkit-backdrop-filter:none;background:#141619c2}.holiday-modal{background:#fff;border:0;border-radius:12px;width:min(100%,440px);max-width:440px;overflow:visible;box-shadow:0 20px 50px #0000003d}.holiday-modal .modal-header{border-bottom:0;align-items:center;padding:1.1rem 1.25rem .45rem}.holiday-modal .modal-title{color:#111827;margin:0;font-size:1.4rem;font-weight:700}.holiday-modal .modal-close{color:#111827;background:#fff;border:1.5px solid #111827;border-radius:50%;width:28px;height:28px;font-size:1.15rem}.holiday-modal .modal-close:hover{border-color:var(--holiday-action-hover);color:#111827;background:#f0fff8}.holiday-modal-body{padding:.2rem 1.25rem 1rem}.holiday-modal-intro{color:#737d8c;margin:0 0 1rem;font-size:.85rem;line-height:1.45}.holiday-modal-body form{gap:1rem}.holiday-modal-body .input-label{color:#242a32;margin-bottom:.4rem;font-size:.75rem;font-weight:500}.holiday-modal-body .input-field,.holiday-modal-body .searchable-select-trigger{color:#343b46;min-height:42px;box-shadow:none;background-color:#fff;border:1px solid #9ca3af;border-radius:11px;font-size:.82rem}.holiday-modal-body .input-field:focus,.holiday-modal-body .searchable-select-trigger:focus{border-color:var(--holiday-action-hover);background:#fff;outline:2px solid #2fd98724}.holiday-modal-footer{border-top:0;padding:0 1.25rem 1.25rem}.holiday-modal-actions{grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}.holiday-modal-actions .btn{border-radius:7px;justify-content:center;min-height:42px;font-size:.8rem}.holiday-modal-actions .holiday-modal-cancel{color:#fff;background:#737986;border-color:#737986}.holiday-modal-actions .holiday-modal-cancel:hover{background:#626875;border-color:#626875}.holiday-modal-actions .holiday-modal-submit{border-color:var(--holiday-action);background:var(--holiday-action);color:#063b27}.holiday-modal-actions .holiday-modal-submit:hover{border-color:var(--holiday-action-hover);background:var(--holiday-action-hover)}.holiday-modal-actions .holiday-modal-submit>span:last-child{align-items:center;gap:.45rem;display:inline-flex}.holiday-modal-actions .holiday-modal-submit svg{width:15px;height:15px}@media (width<=480px){.holiday-modal-overlay{align-items:flex-end;padding:.5rem}.holiday-modal{border-radius:12px;width:100%;max-width:none;max-height:calc(100dvh - 1rem)}}@media (width<=760px){.holidays-page{padding:.85rem}.holiday-list-toolbar{flex-direction:column;align-items:flex-start;padding:.55rem .25rem}.holiday-list-controls{justify-content:flex-start;width:100%}.holiday-template-button{margin-left:auto}}@media (width<=420px){.holidays-page-header{align-items:flex-start}.holidays-header-actions{width:100%}.holidays-header-actions .btn{flex:auto;justify-content:center}.holiday-summary-label,.holiday-summary-note{max-width:105px}.holiday-list-card .pagination-helper-container{flex-direction:column;align-items:flex-start}}.ip-settings-page{box-sizing:border-box;background:#f8fafb;width:100%;min-height:100vh;padding:28px 32px}.ip-page-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px;display:flex}.ip-page-title{color:#101828;margin:0 0 8px;font-size:30px;font-weight:700;line-height:1.2}.ip-page-subtitle{color:#667085;margin:0;font-size:16px;font-weight:400;line-height:1.5}.ip-add-location-btn{color:#173b32;cursor:pointer;background:#3ddc97;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:42px;padding:0 18px;font-size:14px;font-weight:500;transition:transform .15s,background .15s;display:inline-flex}.ip-add-location-btn:hover{background:#32cf8b;transform:translateY(-1px)}.ip-add-icon{font-size:18px;line-height:1}.ip-location-card{box-sizing:border-box;background:#fff;border:1px solid #f1f3f5;border-radius:16px;width:100%;padding:30px 12px 16px;box-shadow:0 1px 3px #10182808}.ip-location-card-title{color:#101828;margin:0 8px 26px;font-size:14px;font-weight:700}.ip-table-wrapper{width:100%;overflow-x:auto}.ip-location-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.ip-location-table th{text-align:left;vertical-align:middle;color:#101828;background:#f5f5f5;border-bottom:1px solid #d9dde3;height:48px;padding:0 14px;font-size:13px;font-weight:700}.ip-location-table th:first-child{border-top-left-radius:10px}.ip-location-table th:last-child{border-top-right-radius:10px}.ip-location-table th:first-child{width:23%}.ip-location-table th:nth-child(2){width:32%}.ip-location-table th:nth-child(3){width:13%}.ip-location-table th:nth-child(4),.ip-location-table th:nth-child(5){width:16%}.ip-location-table td{vertical-align:middle;color:#1d2939;border-bottom:1px solid #e6e8ec;height:58px;padding:0 14px;font-size:13px}.ip-office-name{font-weight:600}.ip-coordinates{color:#344054!important;font-size:12px!important}.ip-status{border-radius:5px;align-items:center;gap:6px;width:fit-content;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.ip-status.enforced{color:#237a64;background:#e4faf3}.ip-status.disabled{color:#d92d20;background:#feecec}.ip-status-dot{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.ip-status.enforced .ip-status-dot{background:#16d99a}.ip-status.disabled .ip-status-dot{background:#f04438}.ip-action-buttons{align-items:center;gap:10px;display:flex}.ip-action-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;transition:all .15s;display:inline-flex}.ip-action-btn.edit{color:#101828;background:#fff;border:1px solid #d0d5dd}.ip-action-btn.edit:hover{background:#f8fafc}.ip-action-btn.delete{color:#e53935;background:#ffd6da;border:1px solid #0000}.ip-action-btn.delete:hover{background:#ffc6cc}.ip-table-footer{box-sizing:border-box;justify-content:space-between;align-items:center;min-height:54px;padding:8px 10px 0;display:flex}.ip-showing-text{color:#7b8494;font-size:13px}.ip-showing-text strong{color:#344054;font-weight:600}.ip-pagination{align-items:center;gap:10px;display:flex}.ip-page-btn{color:#344054;cursor:pointer;background:#fff;border:1px solid #98a2b3;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:13px;font-weight:500;display:flex}.ip-page-btn:hover:not(:disabled):not(.active){background:#f2f4f7}.ip-page-btn.active{color:#fff;background:#009b74;border-color:#009b74}.ip-page-btn.arrow{font-size:20px;line-height:1}.ip-page-btn:disabled{opacity:.4;cursor:not-allowed}.ip-empty-state{text-align:center;color:#98a2b3!important;height:100px!important}@media (width<=900px){.ip-settings-page{padding:20px}.ip-page-header{flex-direction:column}.ip-add-location-btn{align-self:flex-start}.ip-location-table{min-width:850px}.ip-table-footer{flex-wrap:wrap;gap:16px}}.delete-confirm-content{align-items:flex-start;gap:16px;padding:8px 0 12px;display:flex}.delete-confirm-icon{color:#ef4444;background:#feecec;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.delete-confirm-content h3{color:#101828;margin:0 0 8px;font-size:17px;font-weight:600}.delete-confirm-content p{color:#667085;margin:0;font-size:14px;line-height:1.5}.delete-modal-actions{justify-content:flex-end;gap:10px;display:flex}.delete-cancel-btn,.delete-confirm-btn{cursor:pointer;border-radius:8px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.delete-cancel-btn{color:#344054;background:#fff;border:1px solid #d0d5dd}.delete-cancel-btn:hover{background:#f9fafb}.delete-confirm-btn{color:#fff;background:#ef4444;border:1px solid #ef4444}.delete-confirm-btn:hover{background:#dc2626}.delete-cancel-btn:disabled,.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.announcements-container{box-sizing:border-box;background:#f7f9fb;width:100%;max-width:1440px;min-height:100%;margin:0 auto;padding:1rem 1.25rem 1.5rem}.announcements-page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.announcements-page-title{color:#080a0c;margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.announcements-page-subtitle{color:#75808f;margin:.35rem 0 0;font-size:14px;line-height:1.5}.btn.announcement-create-btn{color:#101828;min-height:36px;box-shadow:none;background:#3ce58a;border:1px solid #3ce58a;border-radius:5px;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:12px;font-weight:600;display:inline-flex}.btn.announcement-create-btn:hover:not(:disabled){color:#101828;background:#25d77a;border-color:#25d77a}.btn.announcement-create-btn:active:not(:disabled){color:#101828;background:#1fc26c;border-color:#1fc26c}.btn.announcement-create-btn:disabled,.btn.announcement-create-btn.loading{color:#101828;background:#3ce58a}.announcement-create-icon{font-size:1.05rem;line-height:1}.announcements-board{box-sizing:border-box;background:#fff;border:1px solid #edf0f2;border-radius:9px;padding:1rem;box-shadow:0 2px 9px #0f172a06}.announcements-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.announcement-filters{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.announcement-filter{appearance:none;color:#30363d;cursor:pointer;min-height:36px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:5px;padding:0 .7rem;font-size:12px;font-weight:500;line-height:1.2;transition:background .2s,color .2s,border-color .2s}.announcement-filter:hover{color:#252a31;background:#f7f9fb;border-color:#89919b}.announcement-filter.active{color:#fff;background:#00b56b;border-color:#00b56b;font-weight:600}.announcement-filter.active:hover{color:#fff;background:#009156;border-color:#009156}.announcement-search{color:#75808f;box-sizing:border-box;background:#fff;border:1px solid #aeb5bf;border-radius:5px;align-items:center;gap:.45rem;width:230px;min-width:230px;height:36px;padding:0 .65rem;transition:border-color .2s,box-shadow .2s;display:flex}.announcement-search:focus-within{border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}.announcement-search input{color:#252a31;background:0 0;border:0;outline:0;width:100%;font-size:12px}.announcement-search input::placeholder{color:#8a94a6}.announcements-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.announcement-card{background:#fff;border:1px solid #e4e8ec;border-radius:9px;flex-direction:column;min-width:0;min-height:240px;padding:.9rem 1rem 1rem;scroll-margin-top:100px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 9px #0f172a06}.announcement-card:hover{border-color:#c9d2d8;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.announcement-card.is-target{border-color:#00b56b;box-shadow:0 0 0 2px #00b56b24,0 6px 18px #0f172a14}.announcement-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;min-height:24px;display:flex}.announcement-card-badges{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.announcement-category-badge,.announcement-expired-badge{letter-spacing:.01em;border-radius:5px;align-items:center;width:fit-content;padding:.2rem .45rem;font-size:.6rem;font-weight:600;line-height:1.15;display:inline-flex}.announcement-category-badge{color:#008b51;background:#e7f9f0}.announcement-expired-badge{color:#b42318;background:#fdecec}.announcement-admin-actions{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.announcement-action-btn{color:#75808f;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:.2rem .35rem;font-size:.65rem;font-weight:500;transition:background .2s,color .2s}.announcement-action-btn:hover{color:#008b51;background:#f0fdf7}.announcement-action-btn.danger:hover{color:#b42318;background:#fdecec}.announcement-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin:.85rem 0 .8rem;display:flex}.announcement-card-icon.category-general{color:#00a35c;background:#d6f5e6}.announcement-card-icon.category-policy{color:#1d4ed8;background:#e4edfd}.announcement-card-icon.category-holiday{color:#b45309;background:#fdeed6}.announcement-card-icon.category-training{color:#6d28d9;background:#efe8fd}.announcement-category-badge.category-general{color:#008b51;background:#e7f9f0}.announcement-category-badge.category-policy{color:#1d4ed8;background:#e8f0fd}.announcement-category-badge.category-holiday{color:#b45309;background:#fdf1e2}.announcement-category-badge.category-training{color:#6d28d9;background:#f1eafd}.announcement-card-title{-webkit-line-clamp:2;text-align:left;color:#171a1f;-webkit-box-orient:vertical;min-height:2.3rem;margin:0;font-size:.95rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.announcement-card-content{-webkit-line-clamp:3;text-align:left;color:#5b6675;white-space:pre-line;-webkit-box-orient:vertical;flex:1;margin:.5rem 0 0;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.announcement-attachment-pill{color:#008b51;align-items:center;gap:.3rem;margin-top:.6rem;font-size:.65rem;font-weight:500;display:flex}.announcement-card-footer{border-top:1px solid #edf0f2;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-top:auto;padding-top:.7rem;display:flex}.announcement-card-meta{color:#75808f;flex-direction:column;gap:.15rem;min-width:0;font-size:.65rem;display:flex}.announcement-card-meta strong{color:#30363d;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:600;overflow:hidden}.announcement-read-more{color:#008b51;cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:.25rem;padding:0;font-size:.7rem;font-weight:600;display:inline-flex}.announcement-read-more:hover{color:#006b3f}.announcement-read-more span{font-size:.9rem}.announcements-empty-state{text-align:center;color:#75808f;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:3rem 1.5rem;display:flex}.announcements-empty-icon{color:#00a35c;background:#e7f9f0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:flex}.announcements-empty-state h3{color:#171a1f;margin:0;font-size:1rem;font-weight:700}.announcements-empty-state p{color:#75808f;max-width:400px;margin:.45rem 0 1rem;font-size:.82rem;line-height:1.5}.announcements-empty-state .btn-primary{color:#101828;min-height:36px;box-shadow:none;background:#3ce58a;border:1px solid #3ce58a;border-radius:5px;padding:.4rem .75rem;font-size:12px;font-weight:600}.announcements-empty-state .btn-primary:hover:not(:disabled){color:#101828;background:#25d77a;border-color:#25d77a}.announcements-board-footer{border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:.85rem;display:flex}.announcements-result-count{color:#75808f;font-size:.75rem}.announcement-pagination{align-items:center;gap:.3rem;display:flex}.announcement-page-btn{color:#30363d;cursor:pointer;background:#fff;border:1px solid #aeb5bf;border-radius:5px;min-width:30px;height:30px;padding:0 .4rem;font-size:.75rem;transition:background .2s,color .2s,border-color .2s}.announcement-page-btn:hover:not(:disabled){background:#f7f9fb;border-color:#89919b}.announcement-page-btn.active{color:#fff;background:#00b56b;border-color:#00b56b;font-weight:600}.announcement-page-btn:disabled{opacity:.45;cursor:not-allowed}.announcement-page-dots{color:#8a94a6;padding:0 .1rem;font-size:.75rem}.announcement-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.announcement-modal,.announcement-detail-modal{scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent;background:#fff;border:1px solid #edf0f2;border-radius:12px;width:min(760px,100vw - 2rem);max-width:760px;max-height:min(90vh,900px);overflow-y:auto;box-shadow:0 20px 60px #0f172a38}.announcement-detail-modal{width:min(820px,100vw - 2rem);max-width:820px}.announcement-modal-header{background:#fff;border-bottom:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem .75rem;display:flex}.announcement-modal-header h3{color:#080a0c;margin:0;font-size:1.65rem;font-weight:700;line-height:1.2}.announcement-modal-header p{color:#75808f;margin:.35rem 0 0;font-size:14px}.announcement-modal-close{color:#20252a;cursor:pointer;background:#fff;border:1px solid #20252a;border-radius:50%;flex-shrink:0;width:34px;height:34px;font-size:1.25rem;line-height:1;transition:background .2s,border-color .2s,color .2s}.announcement-modal-close:hover:not(:disabled){color:#008b51;background:#f0fdf7;border-color:#00b56b}.announcement-modal-close:disabled{opacity:.5;cursor:not-allowed}.announcement-modal-form{flex-direction:column;gap:1rem;padding:0 1.5rem;display:flex}.announcement-modal-form .input-label{color:#343a40;margin-bottom:.35rem;font-size:12px;font-weight:500}.announcement-modal-form .input-label .required{color:#b42318}.announcement-modal-form .input-field{color:#252a31;height:44px;min-height:44px;box-shadow:none;background-color:#fff;border:1px solid #aeb5bf;border-radius:8px;font-size:13px}.announcement-modal-form textarea.input-field,.announcement-modal-form textarea.announcement-content-field{resize:vertical;height:auto;min-height:110px;padding:.7rem .85rem;line-height:1.55}.announcement-modal-form input[type=file].input-field{color:#5b6675;cursor:pointer;height:auto;padding:.55rem .7rem;font-size:12px}.announcement-modal-form input[type=file].input-field::file-selector-button{color:#30363d;cursor:pointer;background:#fff;border:1px solid #aeb5bf;border-radius:5px;margin-right:.7rem;padding:.35rem .7rem;font-family:inherit;font-size:12px;font-weight:500}.announcement-modal-form input[type=file].input-field::file-selector-button:hover{background:#f7f9fb;border-color:#89919b}.announcement-modal-form .input-field:focus{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.announcement-modal-form .input-field::placeholder{color:#8a94a6}.announcement-file-hint{color:#8a94a6;margin-left:.4rem;font-size:11px;font-weight:400}.announcement-modal-form-row{grid-template-columns:1fr 1fr;gap:1rem 1.25rem;display:grid}.announcement-modal-actions{background:#fff;border-top:1px solid #edf0f2;gap:.75rem;margin:.25rem -1.5rem 0;padding:.85rem 1.5rem 1.25rem;display:flex;position:sticky;bottom:0}.announcement-modal-actions .btn{border-radius:7px;flex:1 1 0;min-height:42px;font-size:13px;font-weight:600}.announcement-modal-actions .btn-ghost{color:#30363d;background:#fff;border:1px solid #aeb5bf}.announcement-modal-actions .btn-ghost:hover:not(:disabled){color:#252a31;background:#f7f9fb;border-color:#89919b}.announcement-modal-actions .btn-primary{color:#101828;background:#3ce58a;border:1px solid #3ce58a}.announcement-modal-actions .btn-primary:hover:not(:disabled){color:#101828;background:#25d77a;border-color:#25d77a}.announcement-detail-title{color:#080a0c;margin:.5rem 0 0;font-size:1.25rem;font-weight:700;line-height:1.3}.announcement-detail-body{padding:.5rem 1.5rem 1.5rem}.announcement-detail-meta{color:#75808f;border-bottom:1px solid #edf0f2;flex-wrap:wrap;gap:.5rem 1.25rem;padding-bottom:.9rem;font-size:.75rem;display:flex}.announcement-detail-meta strong{color:#30363d;font-weight:600}.announcement-detail-content{color:#30363d;white-space:pre-line;margin:1rem 0;font-size:.9rem;line-height:1.7}.announcement-detail-image-link{width:100%;display:block}.announcement-detail-image{object-fit:contain;background:#f7f9fb;border:1px solid #edf0f2;border-radius:8px;width:100%;max-height:460px;display:block}.announcement-detail-body .btn-outline{color:#30363d;background:#fff;border:1px solid #aeb5bf;border-radius:5px;min-height:36px;padding:.4rem .75rem;font-size:12px;font-weight:600}.announcement-detail-body .btn-outline:hover:not(:disabled){color:#252a31;background:#f7f9fb;border-color:#89919b}@media (width<=1100px){.announcements-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.announcements-toolbar{flex-direction:column;align-items:stretch}.announcement-search{width:100%;min-width:0}.announcement-modal-form-row{grid-template-columns:1fr}}@media (width<=640px){.announcements-container{padding:1rem}.announcements-page-header{flex-direction:column;align-items:stretch}.btn.announcement-create-btn{justify-content:center;width:100%}.announcements-board{padding:.75rem}.announcements-card-grid{grid-template-columns:1fr}.announcement-modal-header{padding:1.1rem 1.15rem .7rem}.announcement-modal-header h3{font-size:1.35rem}.announcement-modal-form{padding:0 1.15rem}.announcement-modal-actions{margin:.25rem -1.15rem 0;padding:.85rem 1.15rem 1.1rem}.announcement-detail-body{padding:.5rem 1.15rem 1.25rem}.announcements-board-footer{flex-direction:column;align-items:flex-start}.announcement-pagination{justify-content:flex-end;width:100%}}.assets-page{background:var(--background,#f8fafc);min-height:100%;padding:24px}.assets-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.assets-page-header h2{color:#111827;margin:0;font-size:24px;font-weight:700}.assets-page-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.asset-register-button{color:#fff;cursor:pointer;background:#009b5b;border:0;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600}.asset-register-button:hover{background:#008b51}.asset-tabs{border-bottom:1px solid #edf0f2;align-items:center;gap:.35rem;min-height:38px;margin-bottom:22px;display:flex}.asset-tab{color:#454b54;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.55rem 1.1rem;font-size:13px;font-weight:500}.asset-tab:hover{color:#008b51;background:0 0}.asset-tab.active{color:#009b5b;background:0 0;border-bottom-color:#00b56b;font-weight:600}.asset-section{width:100%}.asset-section-heading{margin-bottom:12px}.asset-section-heading h3{color:#111827;margin:0;font-size:16px;font-weight:700}.asset-section-heading p{color:#7a8790;margin:4px 0 0;font-size:12px}.asset-table-card{background:#fff;border:1px solid #e2e8ea;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.asset-toolbar{border-bottom:1px solid #edf1f2;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:14px 16px;display:flex;position:relative}.asset-toolbar-left{align-items:center;gap:8px;display:flex}.asset-search{color:#64748b;background:#fff;border:1px solid #9aa8b3;border-radius:5px;align-items:center;gap:8px;width:180px;height:36px;padding:0 10px;display:flex}.asset-search:focus-within{border-color:#008b9a;box-shadow:0 0 0 2px #008b9a14}.asset-search input{color:#1f2937;background:0 0;border:0;outline:0;width:100%;font-size:12px}.asset-search input::placeholder{color:#8b98a5}.asset-filter-button{color:#52636b;cursor:pointer;background:#fff;border:1px solid #9aa8b3;border-radius:5px;align-items:center;gap:6px;height:36px;padding:0 11px;font-size:12px;display:inline-flex}.asset-filter-button:hover,.asset-filter-button.active{color:#008b9a;border-color:#008b9a}.asset-count{color:#7a8790;margin-left:4px;font-size:11px}.asset-filter-panel{grid-template-columns:repeat(3,minmax(160px,1fr)) auto;align-items:end;gap:12px;width:100%;padding-top:12px;display:grid}.asset-filter-field{flex-direction:column;gap:5px;display:flex}.asset-filter-field label{color:#475569;font-size:11px;font-weight:600}.asset-filter-field select{color:#374151;background:#fff;border:1px solid #d0d9dd;border-radius:5px;outline:none;width:100%;height:34px;padding:0 9px;font-size:12px}.asset-filter-field select:focus{border-color:#008b9a}.asset-clear-filters{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:5px;height:34px;padding:0 12px;font-size:12px}.asset-table-wrapper{width:100%;overflow-x:auto}.asset-table{border-collapse:collapse;width:100%;min-width:900px}.asset-table-registry{min-width:1480px}.asset-table th{color:#20262d;text-align:left;white-space:nowrap;background:#f7f8f9;border-bottom:1px solid #e2e8ea;height:42px;padding:0 14px;font-size:13px;font-weight:700}.asset-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e5e9eb;height:58px;padding:8px 14px;font-size:13px}.asset-table tbody tr:last-child td{border-bottom:0}.asset-table tbody tr:hover{background:#fbfdfd}.asset-name-cell{flex-direction:column;gap:3px;display:flex}.asset-name-cell strong{color:#111827;font-size:14px;font-weight:700}.asset-name-cell span{color:#8a969e;font-size:12px}.asset-category{color:#374151;text-transform:capitalize}.asset-assigned-cell{flex-direction:column;gap:2px;display:flex}.asset-assigned-cell strong{color:#334155;font-size:14px}.asset-assigned-cell span{color:#8a969e;font-size:12px}.asset-condition,.asset-status{border-radius:5px;align-items:center;gap:6px;min-width:72px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.asset-condition-good,.asset-condition-excellent{color:#047857;background:#d9faef}.asset-condition-warning{color:#b45309;background:#fff0dc}.asset-status-active{color:#047857;background:#d9faef}.asset-status-review{color:#b91c1c;background:#fee2e2}.asset-status-available{color:#0369a1;background:#e5f3ff}.asset-status-requested{color:#b45309;background:#fff0dc}.asset-status-returned{color:#475569;background:#eef2f7}.asset-status-dot{background:currentColor;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.asset-row-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;display:flex}.asset-row-actions button{cursor:pointer;white-space:nowrap;background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-height:28px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.asset-action-view{color:#26343c;border:1px solid #9aa8b3}.asset-action-view:hover{color:#008b9a;border-color:#008b9a}.asset-action-report{color:#fff;border:1px solid #009b35;background:#009b35!important}.asset-action-report:hover{background:#00852e!important}.asset-action-edit{color:#008b9a;border:1px solid #008b9a}.asset-action-edit:hover{background:#eefafa}.asset-action-delete{color:#dc2626;border:1px solid #fca5a5}.asset-action-delete:hover{background:#fef2f2}.asset-action-assign{color:#15803d;border:1px solid #16a34a}.asset-action-return{color:#475569;border:1px solid #64748b}.asset-action-resolve{color:#b45309;border:1px solid #d97706}.asset-pagination{border-top:1px solid #edf1f2;justify-content:flex-end;align-items:center;gap:6px;padding:12px 16px;display:flex}.asset-page-btn{color:#52636b;cursor:pointer;background:#fff;border:1px solid #d0d9dd;border-radius:5px;justify-content:center;align-items:center;min-width:32px;height:30px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.asset-page-btn:hover:not(:disabled):not(.active){color:#008b9a;border-color:#008b9a}.asset-page-btn.active{color:#fff;background:#008b9a;border-color:#008b9a}.asset-page-btn:disabled{opacity:.5;cursor:not-allowed}.asset-empty-cell{text-align:center;color:#7a8790!important;height:160px!important}.asset-view-modal{flex-direction:column;gap:18px;display:flex}.asset-view-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.asset-view-header h3{color:#111827;margin:0;font-size:18px}.asset-view-header span{color:#6b7280;text-transform:capitalize;margin-top:4px;font-size:12px;display:block}.asset-view-header .asset-status{margin-top:0;display:inline-flex}.asset-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.asset-view-grid>div{background:#f8fafb;border:1px solid #edf0f2;border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.asset-view-grid span{color:#8a969e;text-transform:uppercase;font-size:10px;font-weight:600}.asset-view-grid strong{color:#1f2937;font-size:12px}.asset-view-issue{background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:12px}.asset-view-issue>span{color:#c2410c;text-transform:uppercase;font-size:10px;font-weight:700}.asset-view-issue p{color:#9a3412;margin:6px 0 4px;font-size:12px}.asset-view-issue small{color:#c2410c;font-size:10px}.asset-view-footer{justify-content:flex-end;display:flex}@media (width<=768px){.assets-page{padding:16px}.assets-page-header{flex-direction:column;align-items:flex-start}.asset-toolbar{flex-direction:column;align-items:stretch}.asset-toolbar-left{width:100%}.asset-search{flex:1;width:auto}.asset-count{margin-left:0}.asset-filter-panel,.asset-view-grid{grid-template-columns:1fr}}.documents-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.documents-header h2{margin:0}.documents-subtitle{color:var(--text-muted,#64748b);margin:.35rem 0 0;font-size:.85rem}.documents-page{flex-direction:column;gap:1.5rem;display:flex}.upload-document-card,.bank-information-card,.my-documents-card,.payslips-card{background:#fff;border:1px solid #edf0f2;border-radius:12px;box-shadow:0 2px 9px #0f172a09}.document-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;width:100%;display:grid}.document-stat-card{isolation:isolate;background:#fff;border:1px solid #edf0f2;border-radius:10px;justify-content:flex-start;align-items:flex-start;height:78px;min-height:78px;padding:.8rem 5rem .75rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 9px #0f172a09}.document-stat-card>div:last-child{z-index:2;flex-direction:column;align-items:flex-start;gap:.18rem;min-width:0;display:flex;position:relative}.document-stat-label{color:#334155;white-space:nowrap;font-size:.62rem;font-weight:500;line-height:1.2;display:block}.document-stat-card strong{color:#0f172a;font-size:1.15rem;font-weight:700;line-height:1.15;display:block}.document-stat-icon{z-index:1;color:#fff;width:72px;height:72px;box-shadow:none;border-radius:50%;place-items:center;font-size:1.45rem;font-weight:500;line-height:1;display:grid;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.document-stat-icon--blue{color:#fff;background:#2196e8}.document-stat-icon--orange{color:#fff;background:#ff9300}.document-stat-icon--green{color:#fff;background:#35d6a0}.document-stat-icon--red{color:#fff;background:#f02d12}@media (width<=1100px){.document-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.document-stats{grid-template-columns:1fr}}.documents-top-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.9fr);align-items:stretch;gap:1.5rem;display:grid}.upload-document-card,.bank-information-card,.my-documents-card,.payslips-card{min-width:0}.document-card-header,.my-documents-header{border-bottom:1px solid var(--border,#edf0f2);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem;display:flex}.document-card-description{color:var(--text-muted,#64748b);margin:.3rem 0 0;font-size:.78rem}.upload-document-card>form{padding:1.25rem}.document-type-field{margin-bottom:1rem}.document-hidden-input{display:none}.document-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:190px;padding:1.5rem;transition:border-color .16s,background .16s,transform .16s;display:flex}.document-dropzone:hover,.document-dropzone:focus{border-color:var(--secondary,#00b56b);background:#f8fbff;outline:none}.document-dropzone--selected{background:#e9fbf1;border-color:#00b56b}.document-dropzone-icon{width:44px;height:44px;color:var(--secondary,#00b56b);background:#e9fbf1;border-radius:50%;place-items:center;margin-bottom:.35rem;font-size:1.35rem;font-weight:800;display:grid}.document-dropzone strong{font-size:.95rem}.document-dropzone span,.document-dropzone small{color:var(--text-muted,#64748b);font-size:.78rem}.document-browse-button{color:#00b56b;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.document-browse-button:hover{color:#008b51}.document-upload-button{width:100%;margin-top:1rem}.bank-information-card{flex-direction:column;display:flex}.bank-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem;display:grid}.bank-summary-item{flex-direction:column;gap:.25rem;min-width:0;display:flex}.bank-summary-item span{color:var(--text-muted,#64748b);font-size:.72rem}.bank-summary-item strong{overflow-wrap:anywhere;font-size:.85rem}.bank-security-note{color:#475569;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:flex-start;gap:.55rem;margin:0 1.25rem 1rem;padding:.75rem;font-size:.74rem;line-height:1.45;display:flex}.bank-security-icon{flex:none}.bank-locked-message{border:1px solid var(--border,#edf0f2);color:var(--text-muted,#64748b);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin:0 1.25rem 1rem;padding:.75rem;font-size:.75rem;display:flex}.bank-resubmission-badge{padding:0 1.25rem 1rem}.bank-edit-form{gap:.9rem;padding:0 1.25rem 1.25rem;scroll-margin-top:100px;display:grid}.input-field--error{border-color:#dc2626!important}.bank-form-error{color:#dc2626;margin-top:.25rem;font-size:.72rem}.my-documents-card{overflow:hidden}.documents-toolbar{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.documents-search{flex:1;max-width:420px;position:relative}.documents-search-icon{color:var(--text-muted,#64748b);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.documents-search input,.documents-filter select{color:#252a31;background:#fff;border:1px solid #aeb5bf;border-radius:5px;outline:none;width:100%;height:36px;font-size:.78rem;transition:border-color .2s,box-shadow .2s}.documents-search input{padding:0 .75rem 0 2.25rem}.documents-search input:focus,.documents-filter select:focus{border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}.documents-filter{min-width:170px}.documents-filter select{padding:0 .75rem}.documents-table-wrapper{border-top:1px solid var(--border,#edf0f2);border-bottom:1px solid var(--border,#edf0f2)}.documents-table{min-width:900px}.documents-table th{color:#475467;text-align:left;white-space:nowrap;background:#f8fafc;border-top:0;border-bottom:1px solid #edf0f2;padding:.75rem 1rem;font-size:13px;font-weight:700}.documents-table td{color:#333942;vertical-align:middle;border-bottom:1px solid #e5e7e9;padding:.75rem 1rem;font-size:13px}.documents-table tbody tr:hover{background:#fbfcfd}.documents-table tbody tr:last-child td{border-bottom:none}.document-file-link{max-width:210px;color:var(--secondary,#00b56b);font:inherit;text-align:left;text-underline-offset:2px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:underline;overflow:hidden}.document-muted{color:var(--text-muted,#94a3b8);font-size:.78rem}.document-status{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;min-height:24px;padding:.22rem .65rem;font-size:.68rem;font-weight:600;line-height:1;display:inline-flex}.document-status:before{content:"";border-radius:50%;flex:0 0 7px;width:7px;height:7px}.document-status--verified{color:#047857;background:#d1fae5}.document-status--verified:before{background:#00b56b}.document-status--pending:before{background:#f59e0b}.document-status--danger:before{background:#ef4444}.document-status--missing:before{background:#dc2626}.document-status--pending{color:#b45309;background:#fef3c7}.document-status--danger{color:#b91c1c;background:#fee2e2}.document-status--missing{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.document-row--missing{background:#fff1f2}.document-row--missing:hover{background:#ffe4e6}.document-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.document-action-button{color:#333942;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd0d6;border-radius:6px;justify-content:center;align-items:center;min-height:30px;padding:.25rem .55rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.document-action-button:hover{border-color:var(--secondary,#00b56b);color:var(--secondary,#00b56b)}.document-action-button--primary{color:#fff;background:#00b56b;border-color:#00b56b}.document-action-button--primary:hover{color:#fff;background:#008b51;border-color:#008b51}.document-action-button--secondary{background:#f8fafc}.document-action-button--danger{color:#b91c1c;background:#fff;border-color:#fecaca}.document-action-note{color:#b91c1c;font-size:.68rem;font-weight:600}.documents-empty-state{text-align:center;color:var(--text-muted,#64748b);padding:2rem!important}.documents-pagination{color:var(--text-muted,#64748b);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;font-size:.75rem;display:flex}.documents-pagination-controls{align-items:center;gap:.25rem;display:flex}.documents-page-button{color:#333942;cursor:pointer;background:#fff;border:1px solid #cbd0d6;border-radius:4px;min-width:28px;height:28px;padding:0 .4rem;font-size:.75rem;font-weight:500;transition:background .2s,border-color .2s,color .2s}.documents-page-button:not(:disabled):hover{color:#fff;background:#00b56b;border-color:#00b56b}.documents-page-button:disabled{cursor:not-allowed;opacity:.45}.documents-page-button--active{color:#fff;background:#00b56b;border-color:#00b56b}.payslips-card{overflow:hidden}.payslips-list{flex-direction:column;display:flex}.payslip-row{border-bottom:1px solid var(--border,#edf0f2);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.payslip-row:last-child{border-bottom:0}.payslip-row>div{flex-direction:column;gap:.2rem;display:flex}.payslip-row strong{font-size:.8rem}.payslip-row span{color:var(--text-muted,#64748b);font-size:.7rem}@media (width<=1100px){.document-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.documents-top-grid{grid-template-columns:1fr}}@media (width<=700px){.document-stats,.bank-summary-grid{grid-template-columns:1fr}.documents-toolbar,.documents-pagination{flex-direction:column;align-items:stretch}.documents-search,.documents-filter{width:100%;max-width:none}.documents-pagination-controls{justify-content:center}.bank-locked-message{flex-direction:column;align-items:flex-start}}.document-upload-button:hover:not(:disabled){background:#008b51!important;border-color:#008b51!important}.document-upload-button:disabled{opacity:.9;cursor:not-allowed;color:#fff!important;background:#00b56b!important;border-color:#00b56b!important}.document-upload-button{border-radius:6px;width:100%;margin-top:1rem;font-weight:700;transition:background-color .2s,border-color .2s,transform .15s;color:#fff!important;opacity:1!important;background:#00b56b!important;border:1px solid #00b56b!important}.document-upload-button:hover:not(:disabled){color:#fff!important;background:#008b51!important;border-color:#008b51!important}.document-upload-button:active:not(:disabled){transform:translateY(1px)}.document-upload-button:disabled{cursor:not-allowed;color:#fff!important;opacity:.75!important;background:#00b56b!important;border:1px solid #00b56b!important}.approvals-page{flex-direction:column;gap:1.5rem;width:100%;display:flex}.approval-stat-card{border:1px solid var(--border,#edf0f2);background:var(--surface,#fff);border-radius:12px;min-height:125px;padding:1.25rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 9px #0f172a09}.approval-stat-card:before{content:"";background:var(--secondary,#00b56b);width:4px;height:100%;position:absolute;top:0;left:0}.approval-stat-card--pending:before{background:#f59e0b}.approval-stat-card--verified:before{background:#00b56b}.approval-stat-card--resubmission:before{background:#ef4444}.approval-stat-description{color:var(--text-muted,#64748b);margin-top:.45rem;font-size:.72rem}.approval-tabs{border-bottom:1px solid var(--border,#edf0f2);gap:.5rem;margin-bottom:0;display:flex}.approval-tab{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:color .2s,background .2s;position:relative}.approval-tab:hover{color:var(--secondary,#00b56b);background:#00b56b0a}.approval-tab--active{color:var(--secondary,#00b56b);font-weight:700}.approval-tab--active:after{content:"";background:var(--secondary,#00b56b);height:2px;position:absolute;bottom:-1px;left:0;right:0}.approval-filter-card{background:#fff;border:1px solid #edf0f2;border-radius:10px;width:100%;overflow:visible;box-shadow:0 2px 9px #0f172a09}.approval-filter-card>.approval-card-header{border-bottom:1px solid #e5e7e9;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.approval-card-title{color:#171a1f;margin:0;font-size:14px;font-weight:700}.approval-card-description{color:#75808f;margin:.3rem 0 0;font-size:12px}.approval-filter-grid{flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1.1rem 1.25rem;display:flex}.approval-filter-field{flex-direction:column;gap:.4rem;min-width:200px;display:flex}.approval-filter-label{color:#475467;font-size:.72rem;font-weight:600}.approval-filter-field .input-field,.approval-filter-field select.input-field{color:#252a31;background:#fff;border:1px solid #aeb5bf;border-radius:5px;outline:none;height:36px;min-height:36px;padding:0 .75rem;font-size:12px}.approval-filter-field .input-field:focus{background:#fff;border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}.approval-table-card{border:1px solid var(--border,#edf0f2);background:var(--surface,#fff);border-radius:12px;overflow:hidden;box-shadow:0 2px 9px #0f172a09}.approval-table-header{border-bottom:1px solid var(--border,#edf0f2);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.approval-table-title{color:var(--text,#172033);margin:0;font-size:1rem;font-weight:700}.approval-table-description{color:var(--text-muted,#64748b);margin:.3rem 0 0;font-size:.78rem}.approval-table-wrapper{width:100%;overflow-x:auto}.approval-table{border-collapse:collapse;width:100%;min-width:850px}.approval-table th{border-bottom:1px solid var(--border,#edf0f2);color:#475467;text-align:left;white-space:nowrap;background:#f3f3f4;padding:.75rem 1rem;font-size:12px;font-weight:700}.approval-table td{color:var(--text,#334155);vertical-align:middle;border-bottom:1px solid #edf0f2;padding:.9rem 1rem;font-size:.82rem}.approval-table tbody tr{transition:background .15s}.approval-table tbody tr:hover{background:#f8fbfb}.approval-table tbody tr:last-child td{border-bottom:none}.approval-employee-cell{align-items:center;gap:.7rem;min-width:210px;display:flex}.approval-employee-avatar{color:#fff;background:#00b56b;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}.approval-employee-avatar img{object-fit:cover;width:100%;height:100%}.approval-employee-info{min-width:0}.approval-employee-name{color:var(--text,#172033);margin:0;font-size:.84rem;font-weight:600;display:block}.approval-employee-name--clickable{color:var(--secondary,#00b56b);text-underline-offset:3px;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px}.approval-employee-name--clickable:hover{color:#008b51}.approval-employee-role{color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:4px;margin-top:.25rem;padding:.12rem .4rem;font-size:.62rem;font-weight:600;display:inline-flex}.approval-document-cell{flex-direction:column;align-items:flex-start;gap:.35rem;min-width:95px;display:flex}.approval-document-name{color:var(--secondary,#00b56b);text-underline-offset:2px;cursor:pointer;font-size:.75rem;font-weight:600;text-decoration:underline}.approval-document-name:hover{color:#008b51}.approval-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:20px;padding:.15rem .5rem;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex}.approval-status--verified{color:#047857;background:#d8f8ec}.approval-status--pending{color:#b45309;background:#fff0d8}.approval-status--resubmission{color:#b91c1c;background:#ffe0dc}.approval-status--missing{color:#64748b;background:#f1f5f9}.approval-status--default{color:#475569;background:#e2e8f0}.approval-resubmission-badge{color:#b91c1c;background:#fee2e2;border-radius:999px;align-items:center;padding:.15rem .45rem;font-size:.6rem;font-weight:700;display:inline-flex}.approval-review-button{border:1px solid var(--secondary,#00b56b);min-width:72px;color:var(--secondary,#00b56b);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:.45rem .8rem;font-size:.75rem;font-weight:600;transition:background .2s,color .2s,transform .15s;display:inline-flex}.approval-review-button:hover{background:var(--secondary,#00b56b);color:#fff;transform:translateY(-1px)}.approval-empty-state{color:var(--text-muted,#64748b);text-align:center;padding:3rem 1.5rem}.approval-empty-state-icon{opacity:.45;margin-bottom:.6rem;font-size:2rem}.approval-empty-state-title{color:var(--text,#334155);margin:0;font-size:.95rem;font-weight:600}.approval-empty-state-text{margin:.35rem 0 0;font-size:.78rem}.approval-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.approval-modal{background:#fff;border:1px solid #dbe5e7e6;border-radius:16px;width:min(95vw,920px);max-height:90vh;animation:.2s ease-out approvalModalEnter;overflow-y:auto;box-shadow:0 24px 60px #0f172a2e,0 8px 24px #0f172a14}@keyframes approvalModalEnter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.approval-modal-header{border-bottom:1px solid var(--border,#edf0f2);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.5rem;display:flex}.approval-modal-heading{min-width:0}.approval-modal-title{color:#172033;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.approval-modal-employee{color:var(--secondary,#00b56b);margin:.35rem 0 0;font-size:.95rem;font-weight:700}.approval-modal-meta{color:var(--text-muted,#64748b);flex-wrap:wrap;gap:.4rem 1rem;margin-top:.35rem;font-size:.76rem;display:flex}.approval-modal-close{border:1px solid var(--border,#edf0f2);color:#475569;cursor:pointer;background:#fff;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:background .2s,color .2s;display:flex}.approval-modal-close:hover{color:#172033;background:#f1f5f9}.approval-modal-body{padding:1.5rem}.verification-section{margin-bottom:1.5rem}.verification-section:last-child{margin-bottom:0}.verification-section-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem;display:flex}.verification-section-header h3{color:#172033;margin:0;font-size:1rem;font-weight:700}.verification-section-header p{color:var(--text-muted,#64748b);margin:.3rem 0 0;font-size:.76rem}.verification-table-wrapper{border:1px solid var(--border,#edf0f2);border-radius:10px;width:100%;overflow-x:auto}.verification-table{border-collapse:collapse;width:100%;min-width:760px}.verification-table th{border-bottom:1px solid var(--border,#edf0f2);color:#475467;text-align:left;white-space:nowrap;background:#f3f3f4;padding:.75rem .8rem;font-size:12px;font-weight:700}.verification-table td{color:var(--text,#334155);vertical-align:middle;border-bottom:1px solid #edf0f2;padding:.8rem;font-size:.78rem}.verification-table tr:last-child td{border-bottom:none}.verification-table tbody tr:hover{background:#f8fbfb}.verification-file-link{max-width:220px;color:var(--secondary,#00b56b);text-underline-offset:2px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;align-items:center;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex;overflow:hidden}.verification-comment{max-width:220px;color:var(--text-muted,#64748b);font-size:.76rem;line-height:1.45}.verification-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.approval-action{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:32px;padding:.35rem .65rem;font-size:.7rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,opacity .2s;display:inline-flex}.approval-action--download{border-color:var(--border,#edf0f2);color:#475569;background:#fff;text-decoration:none}.approval-action--download:hover{background:#f8fafc;border-color:#cbd5e1}.approval-action--success{color:#009b5b;background:#e9fbf3;border-color:#00b56b}.approval-action--success:hover{background:#d7f7e9}.approval-action--danger{color:#d6453d;background:#fff0ef;border-color:#f4b4ae}.approval-action--danger:hover{background:#ffe3e1}.approval-action:disabled{opacity:.45;cursor:not-allowed}.approval-verified-label{color:#047857;background:#d8f8ec;border-radius:6px;justify-content:center;align-items:center;min-height:32px;padding:.35rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.bank-verification-card{border:1px solid var(--border,#edf0f2);background:#fff;border-radius:12px;padding:1.15rem}.bank-verification-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.bank-information-item{min-width:0}.bank-information-label{color:var(--text-muted,#64748b);margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:block}.bank-information-value{color:var(--text,#172033);word-break:break-word;font-size:.86rem;font-weight:700;display:block}.bank-verification-footer{border-top:1px solid #edf0f2;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.bank-status-label{color:var(--text-muted,#64748b);margin-right:auto;font-size:.76rem}.approval-alert{border-radius:9px;align-items:flex-start;gap:.7rem;margin-bottom:1rem;padding:.8rem .9rem;display:flex}.approval-alert--warning{color:#991b1b;background:#fff7f7;border:1px solid #fecaca}.approval-alert-icon{color:#b91c1c;background:#fee2e2;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex}.approval-alert-content{min-width:0}.approval-alert-title{margin:0;font-size:.78rem;font-weight:700}.approval-alert-text{color:#991b1b;margin:.2rem 0 0;font-size:.72rem;line-height:1.45}.bank-resubmission-form{border-top:1px solid #edf0f2;flex-direction:column;gap:.6rem;margin-top:.75rem;padding-top:.75rem;display:flex}.bank-resubmission-input{border:1px solid var(--border,#edf0f2);width:100%;min-height:38px;color:var(--text,#172033);background:#fff;border-radius:7px;outline:none;padding:.55rem .7rem;font-size:.78rem;transition:border-color .2s,box-shadow .2s}.bank-resubmission-input:focus{border-color:var(--secondary,#00b56b);box-shadow:0 0 0 3px #00b56b1a}.bank-resubmission-actions{gap:.5rem;display:flex}.approval-confirm-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.approval-confirm-modal{background:#fff;border-radius:12px;width:min(90vw,420px);padding:1.4rem;box-shadow:0 20px 45px #0f172a29}.approval-confirm-title{color:#172033;margin:0 0 .7rem;font-size:1rem;font-weight:700}.approval-confirm-text{color:var(--text-muted,#64748b);margin:0;font-size:.8rem;line-height:1.55}.approval-confirm-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.approval-comment-modal{background:#fff;border-radius:12px;width:min(90vw,480px);padding:1.4rem;box-shadow:0 20px 45px #0f172a29}.approval-comment-title{color:#172033;margin:0 0 .35rem;font-size:1rem;font-weight:700}.approval-comment-description{color:var(--text-muted,#64748b);margin:0 0 1rem;font-size:.78rem;line-height:1.5}.approval-comment-textarea{resize:vertical;border:1px solid var(--border,#edf0f2);width:100%;min-height:100px;color:var(--text,#172033);background:#fff;border-radius:8px;outline:none;padding:.7rem;font-size:.8rem;line-height:1.5}.approval-comment-textarea:focus{border-color:var(--secondary,#00b56b);box-shadow:0 0 0 3px #00b56b1a}.approval-comment-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.approval-preview-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ad1;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.approval-preview-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(95vw,900px);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000040}.approval-preview-header{border-bottom:1px solid var(--border,#edf0f2);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.approval-preview-title{color:#172033;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.approval-preview-close{border:1px solid var(--border,#edf0f2);color:#475569;cursor:pointer;background:#fff;border-radius:7px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.approval-preview-content{background:#f1f5f9;justify-content:center;align-items:center;min-height:300px;padding:1.25rem;display:flex}.approval-preview-content iframe{border:none;border-radius:8px;width:100%;height:70vh}.approval-preview-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:70vh}@media (width<=1100px){.approval-summary-grid,.bank-verification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.approval-filter-grid{grid-template-columns:1fr}.approval-table-header{flex-direction:column;align-items:flex-start}.approval-modal{width:96vw;max-height:92vh}.approval-modal-header,.approval-modal-body{padding:1.1rem}}@media (width<=600px){.approval-summary-grid,.bank-verification-grid{grid-template-columns:1fr}.approval-tabs{overflow-x:auto}.approval-tab{flex:none;padding:.7rem .9rem}.approval-modal-title{font-size:1.05rem}.approval-modal-meta{flex-direction:column;gap:.2rem}.bank-verification-footer{flex-direction:column;align-items:stretch}.bank-status-label{margin-right:0}.verification-actions{flex-direction:column;align-items:stretch}.approval-action{width:100%}.approval-confirm-actions,.approval-comment-actions,.bank-resubmission-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.approval-stat-card,.approval-review-button,.approval-action,.approval-tab{transition:none}.approval-modal{animation:none}}.approval-employee-avatar--alert{border:2px solid #dc3545}.approval-avatar-fallback{color:#fff;background:#00b56b;justify-content:center;align-items:center;width:100%;height:100%;font-size:.7rem;font-weight:700}.approval-stat-card{border:1px solid var(--border,#edf0f2);background:var(--surface,#fff);border-radius:10px;align-items:center;height:90px;min-height:90px;padding:.8rem .9rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 9px #0f172a09}.approval-stat-label{color:#475467;letter-spacing:.01em;margin:0 0 .2rem;font-size:.68rem;font-weight:600}.approval-stat-icon span{border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;font-weight:700;display:flex}.approval-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:100%;display:grid}.approval-stat-card{background:#fff;border:1px solid #edf0f2;border-radius:10px;align-items:center;height:90px;min-height:90px;padding:1rem 1.1rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 9px #0f172a09}.approval-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.approval-stat-card:before{display:none}.approval-stat-content{z-index:2;min-width:0;max-width:68%;position:relative}.approval-stat-label{color:#475467;margin:0 0 .3rem;font-size:.72rem;font-weight:600}.approval-stat-value{color:#172033;margin:0;font-size:1.45rem;font-weight:700;line-height:1.1}.approval-stat-description{color:#64748b;margin:.3rem 0 0;font-size:.62rem;line-height:1.2}.approval-stat-icon{color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;display:flex;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.approval-stat-icon span{color:#fff;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;font-weight:700;display:flex}.approval-stat-icon--employees{background:#159fe8}.approval-stat-icon--pending{background:#ff9200}.approval-stat-icon--verified{background:#35d6a0}.approval-stat-icon--resubmission{background:#ef2f0f}@media (width<=1100px){.approval-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.approval-summary-grid{grid-template-columns:1fr}.approval-stat-card{height:88px;min-height:88px}}.documents-tabs-row{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:22px;display:flex}.documents-tabs{align-items:center;gap:.35rem;min-height:38px;display:flex}.documents-tabs .tab-item{color:#454b54;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.55rem 1.1rem;font-size:13px;font-weight:500;transition:color .2s,border-color .2s}.documents-tabs .tab-item:hover{color:#008b51;background:0 0}.documents-tabs .tab-item.active{color:#009b5b;background:0 0;border-bottom-color:#00b56b;font-weight:600}.manage-document-types-button{white-space:nowrap;cursor:pointer;min-width:112px;min-height:36px;box-shadow:none;border-radius:5px;flex:none;justify-content:center;align-items:center;margin-bottom:.35rem;margin-left:auto;padding:0 .75rem;font-size:12px;font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex;color:#101828!important;background:#3ce58a!important;border:1px solid #3ce58a!important}.manage-document-types-button:hover{color:#101828!important;background:#25d77a!important;border-color:#25d77a!important}.document-settings-modal.modal-md{background:#fff;border:1px solid #edf0f2;border-radius:12px;width:min(600px,100vw - 2rem);max-width:600px;max-height:88vh;box-shadow:0 20px 60px #0f172a38}.document-settings-modal .modal-header{background:#fff;border-bottom:1px solid #edf0f2;padding:1.1rem 1.5rem .85rem}.document-settings-modal .modal-title{color:#101318;font-size:1.35rem;font-weight:700}.document-settings-modal .modal-close{color:#3c444d;background:#fff;border-color:#e1e5e9;border-radius:50%}.document-settings-modal .modal-close:hover{color:#008b51;background:#f0fdf7;border-color:#00b56b}.document-settings-modal .modal-body{background:#fff;padding:1rem 1.5rem 1.5rem}.document-settings-subtitle{color:#75808f;margin:0 0 1rem;font-size:12px;line-height:1.5}.document-settings-modal .input-label{color:#65707d;margin-bottom:.35rem;font-size:12px;font-weight:500}.document-settings-modal .input-field,.document-settings-modal .searchable-select-trigger{color:#252a31;width:100%;height:44px;min-height:44px;box-shadow:none;background:#fff;border:1px solid #aeb5bf;border-radius:8px;padding:.625rem .875rem;font-size:13px}.document-settings-modal .input-field:focus,.document-settings-modal .searchable-select-trigger:focus-visible{border-color:#00b56b;outline:0;box-shadow:0 0 0 2px #00b56b1f}.document-settings-modal .document-settings-scope{margin-bottom:1rem}.document-settings-modal .document-settings-form{border-bottom:1px solid #edf0f2;flex-direction:column;gap:.85rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.documents-settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;display:grid}.documents-settings-note{color:#64748b;margin:.25rem 0;font-size:11px;line-height:1.5}.document-settings-actions{justify-content:flex-end;display:flex}.document-settings-actions .btn-primary{color:#101828;background:#3ce58a;border:1px solid #3ce58a;border-radius:7px;min-height:40px;padding:0 1.25rem;font-size:12px;font-weight:600}.document-settings-actions .btn-primary:hover:not(:disabled){background:#25d77a;border-color:#25d77a}.document-settings-loading{text-align:center;color:#75808f;padding:1.5rem;font-size:13px}@media (width<=540px){.documents-settings-fields{grid-template-columns:minmax(0,1fr);gap:.85rem}.document-settings-modal.modal-md{width:calc(100vw - 2rem)}.document-settings-modal .modal-body{padding:.85rem 1rem 1rem}}.training-page{box-sizing:border-box;background:#f7f9fb;width:100%;max-width:1440px;min-height:100%;margin:0 auto;padding:1rem 1.25rem 1.5rem}.training-page-header{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:1.25rem;display:flex}.training-page-header h1{color:#080a0c;margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.training-page-header p{color:#75808f;margin:.35rem 0 0;font-size:14px;line-height:1.5}.training-admin-page{width:100%}.training-admin-actions{justify-content:flex-end;align-items:center;margin-bottom:1rem;display:flex}.add-training-btn{box-sizing:border-box;color:#101828;min-height:36px;box-shadow:none;cursor:pointer;background:#3ce58a;border:1px solid #3ce58a;border-radius:5px;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s;display:inline-flex}.add-training-btn:hover:not(:disabled){color:#101828;background:#25d77a;border-color:#25d77a}.add-training-btn:active:not(:disabled){color:#101828;background:#1fc26c;border-color:#1fc26c}.add-training-btn:disabled,.add-training-btn.loading{color:#101828;opacity:.55;cursor:not-allowed;background:#3ce58a}.add-training-btn:focus-visible{outline-offset:2px;outline:2px solid #00b56b}.training-panel{box-sizing:border-box;background:#fff;border:1px solid #edf0f2;border-radius:10px;width:100%;min-width:0;padding:0;overflow:hidden;box-shadow:0 2px 9px #0f172a09}.training-panel-header{border-bottom:1px solid #edf0f2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .75rem;display:flex}.training-panel-heading h2{color:#171a1f;margin:0;font-size:14px;font-weight:700;line-height:1.3}.training-panel-heading p{color:#75808f;margin:.2rem 0 0;font-size:12px;line-height:1.5}.training-filters{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.training-search{box-sizing:border-box;background:#fff;border:1px solid #aeb5bf;border-radius:5px;align-items:center;width:220px;height:36px;transition:border-color .2s,box-shadow .2s;display:flex}.training-search:focus-within{border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}.training-search-icon{color:#77808b;padding-left:.6rem;font-size:14px;line-height:1}.training-search input{color:#252a31;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 .6rem;font-size:12px}.training-search input::placeholder{color:#8a94a6}.training-filter-select{box-sizing:border-box;color:#252a31;cursor:pointer;background:#fff;border:1px solid #aeb5bf;border-radius:5px;outline:none;min-width:120px;height:36px;padding:0 .6rem;font-size:12px;transition:border-color .2s,box-shadow .2s}.training-filter-select:focus-visible{border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}.hr-training-search{box-sizing:border-box;background:#fff;border:1px solid #aeb5bf;border-radius:5px;align-items:center;width:240px;height:36px;transition:border-color .2s,box-shadow .2s;display:flex}.hr-training-search:focus-within{border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}.hr-training-search-icon{color:#77808b;padding-left:.6rem;font-size:14px;line-height:1}.hr-training-search input{color:#252a31;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 .6rem;font-size:12px}.hr-training-search input::placeholder{color:#8a94a6}.training-table-wrapper{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent;width:100%;overflow-x:auto}.training-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:980px;font-size:12px}.training-table th{color:#191b1e;letter-spacing:0;text-align:left;text-transform:none;white-space:nowrap;background:#f3f3f4;border-bottom:1px solid #e5e7e9;padding:.65rem .55rem;font-size:12px;font-weight:700}.training-table td{color:#272b31;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #e5e7e9;height:56px;padding:.55rem;font-size:12px}.training-table td strong{color:#171a1f;font-weight:700}.training-table tbody tr:hover{background:#f8fafc}.training-table th:first-child,.training-table td:first-child{width:28%}.training-table th:nth-child(2),.training-table td:nth-child(2),.training-table th:nth-child(3),.training-table td:nth-child(3){width:13%}.training-table th:nth-child(4),.training-table td:nth-child(4),.training-table th:nth-child(5),.training-table td:nth-child(5){width:12%}.training-table th:nth-child(6),.training-table td:nth-child(6),.training-table th:nth-child(7),.training-table td:nth-child(7){width:11%}.training-title-cell{align-items:center;gap:.6rem;min-width:0;display:flex}.training-thumbnail{color:#00a35c;background:#e7f9f0;border:1px solid #edf0f2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:16px;display:flex;overflow:hidden}.training-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.training-thumbnail span{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.training-title-content{min-width:0}.training-title{color:#171a1f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden}.training-description{color:#75808f;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:.15rem;font-size:11px;line-height:1.4;overflow:hidden}.training-type-badge{letter-spacing:0;white-space:nowrap;border:0;border-radius:5px;align-items:center;gap:.35rem;min-height:22px;padding:.25rem .55rem;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.training-type-dot{background:currentColor;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.training-type-safety{color:#007d4a;background:#d8f8ec}.training-type-workplace_conduct{color:#008b51;background:#e7f9f0}.training-type-posh{color:#6d28d9;background:#f1eafd}.training-type-data_security{color:#1d4ed8;background:#e8f0fd}.training-type-company_policy{color:#b45309;background:#fdf1e2}.training-type-other{color:#64748b;background:#eef2f6}.training-status-badge{letter-spacing:0;white-space:nowrap;border:0;border-radius:5px;align-items:center;gap:.35rem;min-height:22px;padding:.25rem .55rem;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.training-status-dot{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.training-status-completed{color:#007d4a;background:#d8f8ec}.training-status-completed .training-status-dot{background:#00b56b}.training-status-new{color:#b45309;background:#fdf1e2}.training-status-new .training-status-dot{background:#d97706}.training-status-progress{color:#1d4ed8;background:#e8f0fd}.training-status-progress .training-status-dot{background:#2563eb}.training-action-group{flex-wrap:nowrap;align-items:center;gap:.4rem;display:flex}.training-action-btn,.training-complete-btn{white-space:nowrap;cursor:pointer;min-width:84px;height:30px;box-shadow:none;border-radius:5px;justify-content:center;align-items:center;gap:.35rem;padding:0 .7rem;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.training-action-btn{color:#008b51;background:#fff;border:1px solid #00b56b}.training-action-btn:hover:not(:disabled){color:#007d4a;background:#f0fdf7;border-color:#00a35c}.training-action-btn:focus-visible,.training-complete-btn:focus-visible{outline-offset:2px;outline:2px solid #00b56b}.training-view-btn{color:#30363d;border-color:#aeb5bf}.training-view-btn:hover:not(:disabled){color:#252a31;background:#f7f9fb;border-color:#89919b}.training-complete-btn{color:#fff;background:#00b56b;border:1px solid #00b56b}.training-complete-btn:hover:not(:disabled){color:#fff;background:#00a35c;border-color:#00a35c}.training-action-icon{font-size:10px;line-height:1}.training-completed-label{color:#007d4a;background:#d8f8ec;border-radius:5px;align-items:center;padding:.25rem .55rem;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.training-empty{color:#8a94a6!important;text-align:center!important;height:auto!important;padding:2.5rem 1.25rem!important;font-size:12px!important}.training-pagination{border-top:0;min-height:33px;padding:.35rem .35rem .15rem}.training-pagination .pagination-helper-container{border-top:0;min-height:33px;margin:0;padding:.35rem .35rem .15rem}.training-pagination .pagination-info{color:#77808b;margin:0;font-size:12px}.training-pagination .pagination-info span{color:inherit;font-weight:400}.training-pagination .pagination-controls,.training-pagination .pagination-content-wrapper{gap:.3rem}.training-pagination .pagination-content-wrapper{align-items:center;display:flex}.training-pagination .page-btn{color:#333942;width:24px;min-width:24px;height:24px;min-height:24px;box-shadow:none;background:#fff;border:1px solid #cbd0d6;border-radius:4px;padding:0;font-size:12px}.training-pagination .page-btn.active,.training-pagination .page-btn:not(:disabled):hover{color:#fff!important;background:#00b56b!important;border-color:#00b56b!important}.training-pagination .pagination-nav-icon{width:12px;height:12px}.training-modal-overlay{z-index:2000;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s training-modal-fade;display:flex;position:fixed;inset:0}@keyframes training-modal-fade{0%{opacity:0}to{opacity:1}}.training-modal{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent;background:#fff;border:1px solid #edf0f2;border-radius:12px;width:min(760px,100vw - 2rem);max-width:760px;max-height:min(90vh,900px);overflow-y:auto;box-shadow:0 20px 60px #0f172a38}.training-modal-header{z-index:2;background:#fff;border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.5rem;display:flex;position:sticky;top:0}.training-modal-header h2{color:#080a0c;margin:0;font-size:1.65rem;font-weight:700;line-height:1.2}.training-modal-header p{color:#75808f;margin:.35rem 0 0;font-size:13px;line-height:1.5}.training-modal-close{color:#20252a;cursor:pointer;background:#fff;border:1px solid #20252a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.25rem;line-height:1;transition:background .2s,border-color .2s,color .2s;display:flex}.training-modal-close:hover:not(:disabled){color:#008b51;background:#f0fdf7;border-color:#00b56b}.training-modal-close:focus-visible{outline-offset:2px;outline:2px solid #00b56b}.training-modal .training-assignment-form{flex-direction:column;gap:1rem;padding:1.1rem 1.5rem 0;display:flex}.training-input-group{flex-direction:column;min-width:0;display:flex}.training-input-label{color:#343a40;margin-bottom:.35rem;font-size:12px;font-weight:500;display:block}.required{color:#dc2626}.training-input-field{box-sizing:border-box;color:#252a31;background:#fff;border:1px solid #aeb5bf;border-radius:8px;outline:none;width:100%;height:44px;min-height:44px;padding:0 .85rem;font-size:13px;transition:border-color .2s,box-shadow .2s}.training-input-field::placeholder{color:#8a94a6}.training-input-field:focus{border-color:#00b56b;box-shadow:0 0 0 1px #00b56b1f}textarea.training-input-field,.training-input-field.training-textarea{resize:vertical;height:auto;min-height:110px;padding:.7rem .85rem;line-height:1.55}select.training-input-field{cursor:pointer}.training-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.training-modal .searchable-select-trigger-wrap{width:100%}.training-modal .searchable-select-trigger{color:#252a31;height:44px;min-height:44px;box-shadow:none;padding:0 .85rem;font-size:13px;background:#fff!important;border:1px solid #aeb5bf!important;border-radius:8px!important}.training-modal .searchable-select-trigger:focus-visible{outline:0;border-color:#00b56b!important;box-shadow:0 0 0 1px #00b56b1f!important}.training-modal .searchable-select-search-input{color:#252a31;font-size:13px}.training-modal .searchable-select-dropdown{border:1px solid #edf0f2;border-radius:8px;box-shadow:0 12px 32px #0f172a24}.training-modal-footer{z-index:2;background:#fff;border-top:1px solid #edf0f2;justify-content:flex-end;align-items:center;gap:.75rem;margin:.25rem -1.5rem 0;padding:.85rem 1.5rem 1.25rem;display:flex;position:sticky;bottom:0}.training-modal-cancel,.training-assign-btn{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;min-width:130px;height:42px;padding:0 1.1rem;font-size:13px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.training-modal-cancel{color:#30363d;background:#fff;border:1px solid #aeb5bf}.training-modal-cancel:hover:not(:disabled){color:#252a31;background:#f7f9fb;border-color:#89919b}.training-modal-cancel:focus-visible,.training-assign-btn:focus-visible{outline-offset:2px;outline:2px solid #00b56b}.training-assign-btn{color:#101828;background:#3ce58a;border:1px solid #3ce58a}.training-assign-btn:hover:not(:disabled){color:#101828;background:#25d77a;border-color:#25d77a}.training-assign-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.hr-training-search{width:100%}}@media (width<=900px){.training-panel-header{flex-direction:column;align-items:stretch}.training-filters{width:100%}.training-search{flex:200px;width:auto}.training-form-row{grid-template-columns:minmax(0,1fr)}}@media (width<=650px){.training-page{padding:.85rem}.training-page-header{align-items:flex-start}.add-training-btn{justify-content:center;width:100%}.training-filters{flex-direction:column;align-items:stretch}.training-search,.training-filter-select{width:100%}.training-pagination .pagination-helper-container{flex-direction:column;align-items:flex-start;gap:.5rem}.training-modal{width:calc(100vw - 1.5rem)}.training-modal-header{padding:1rem}.training-modal .training-assignment-form{padding:1rem 1rem 0}.training-modal-footer{margin:.25rem -1rem 0;padding:.75rem 1rem 1rem}.training-modal-cancel,.training-assign-btn{flex:1 1 0;min-width:0}}.training-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.training-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #edf0f2;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 9px #0f172a09}.training-card:hover{border-color:#00b56b;transform:translateY(-2px);box-shadow:0 4px 14px #00b56b1f}.training-card-icon{background:#f3f3f4;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:flex}.training-card-body{flex-direction:column;gap:4px;display:flex}.training-card-label{color:#8a969e;text-transform:uppercase;font-size:10px;font-weight:600}.training-card-title{color:#1f2937;font-size:13px;font-weight:600;line-height:1.4}.training-card-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.training-card-field{background:#f8fafb;border:1px solid #edf0f2;border-radius:6px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.training-card-field span{color:#8a969e;text-transform:uppercase;font-size:10px;font-weight:600}.training-card-field strong{color:#1f2937;text-transform:capitalize;font-size:12px;font-weight:600}.training-card-footer{border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.65rem;display:flex}.training-card-count{color:#75808f;white-space:nowrap;font-size:11px;font-weight:500}.training-popup-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.training-popup-info{align-items:center;gap:.6rem;display:flex}.training-popup-count{color:#75808f;font-size:12px}.training-popup-filter{min-width:240px}.training-popup-scroll{border:1px solid #edf0f2;border-radius:8px;max-height:55vh;overflow-y:auto}.training-popup-table{min-width:100%}.training-popup-table thead th{z-index:1;color:#475467;background:#f8fafc;font-size:13px;position:sticky;top:0}.training-popup-table td{vertical-align:middle;font-size:13px}.training-popup-code{color:#75808f;font-size:11px;display:block}.training-card-popup .modal-body{flex-direction:column;gap:.85rem;padding:1rem 1.5rem 1.25rem;display:flex}@media (width<=600px){.training-card-grid{grid-template-columns:1fr}.training-popup-toolbar{flex-direction:column;align-items:stretch}.training-popup-filter{min-width:0}}:root{--primary:#008b98;--primary-dark:#006b75;--primary-light:#33a2ad;--secondary:#00b56b;--secondary-dark:#009156;--accent:#f59e0b;--bg:#f5faf8;--surface:#fff;--surface-2:#edf6f4;--surface-3:#e1efea;--border:#ddebe7;--text:#0f172a;--text-muted:#3d5f66;--text-dim:#7fa3a8;--success:#00b56b;--warning:#f59e0b;--danger:#ef4444;--info:#008b98;--radius:6px;--radius-sm:4px;--radius-lg:10px;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 2px 8px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -2px #0f172a0d;--transition:all .2s ease-in-out;--sidebar-width:250px;--topbar-height:56px;--gradient-primary:var(--primary);--gradient-accent:var(--secondary);--gradient-glow:var(--surface-2)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--surface)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--primary)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-muted{color:var(--text-muted)}.bg-surface{background:var(--surface)}.bg-surface-2{background:var(--surface-2)}.bg-surface-3{background:var(--surface-3)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--primary-light)}img{max-width:100%;height:auto;display:block}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:600;line-height:1.3}p{color:var(--text-muted);line-height:1.7}hr{border:none;border-top:1px solid var(--border);margin:1rem 0}.page-wrapper{max-width:1400px;padding:1.5rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h2{color:var(--primary-dark);font-size:1.35rem;font-weight:700}.page-header .page-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.section{margin-bottom:2rem}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:1rem;font-weight:600}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:.3s forwards fadeIn}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:1000px 100%;animation:1.6s linear infinite shimmer}.divider{background:var(--border);border:none;height:1px;margin:1.25rem 0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{color:var(--text);background:#6c5ce74d}#app-layout{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:100vh;height:100vh;display:grid;overflow:hidden}#sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:200;height:100vh;transition:var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-logo{border-bottom:1px solid var(--border);flex-shrink:0;padding:1.5rem 1.25rem 1rem}.sidebar-logo-inner{align-items:center;gap:.75rem;display:flex}.sidebar-monogram{border-radius:var(--radius-sm);background:var(--primary);color:#fff;letter-spacing:-.5px;border:1px solid var(--primary-dark);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:800;display:flex}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-name{color:var(--primary);font-size:1rem;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:400}.sidebar-user{border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem 1.25rem}.sidebar-user-inner{align-items:center;gap:.75rem;display:flex}.sidebar-avatar{background:var(--primary-light);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-user-role{background:var(--surface-2);color:var(--primary);text-transform:capitalize;letter-spacing:.03em;border-radius:100px;align-items:center;margin-top:.2rem;padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex}.sidebar-nav{flex-direction:column;flex:1;gap:.125rem;padding:.75rem;display:flex;overflow-y:auto}.sidebar-nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:.75rem .5rem .25rem;font-size:.65rem;font-weight:600}.nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-muted);border:1px solid #0000;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.nav-item.active{background:var(--surface-3);color:var(--primary-dark);border-color:var(--border)}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:.75rem}.sidebar-logout{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition);color:var(--text-muted);background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;display:flex}.sidebar-logout:hover{color:var(--danger);background:#e170551a;border-color:#e1705533}#main-content{flex-direction:column;grid-column:2;height:100vh;display:flex;overflow:hidden}#topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#ffffffd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:1rem;min-width:0;display:flex}.topbar-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:600;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}#content{flex:1;overflow:hidden auto}.punch-status-bar{align-items:center;gap:.75rem;display:flex}.punch-time-display{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8rem;display:flex}.punch-time-value{color:var(--text);font-weight:600}.punch-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.punch-dot.out{background:var(--text-muted);animation:none}.notif-btn{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;transition:var(--transition);color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;display:flex;position:relative}.notif-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--primary)}.notif-badge{background:var(--danger);color:#fff;border:2px solid var(--surface);border-radius:100px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.user-dropdown{position:relative}.user-dropdown-trigger{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:var(--transition);align-items:center;gap:.625rem;padding:.375rem .625rem;display:flex}.user-dropdown-trigger:hover{border-color:var(--primary);background:var(--surface-3)}.topbar-avatar{background:var(--primary-light);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.topbar-user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.8rem;font-weight:600;overflow:hidden}.dropdown-chevron{color:var(--text-muted);transition:var(--transition);font-size:.6rem}.user-dropdown-trigger.open .dropdown-chevron{transform:rotate(180deg)}.user-dropdown-menu{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow);z-index:300;animation:.15s fadeIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.dropdown-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;font-size:.875rem;display:flex}.dropdown-item:hover{background:var(--surface-3);color:var(--text)}.dropdown-item.danger:hover{color:var(--danger);background:#e170551a}.dropdown-divider{background:var(--border);height:1px;margin:.25rem 0}@media (width<=768px){#app-layout{grid-template-columns:1fr}#sidebar{transform:translate(-100%)}#sidebar.open{transform:translate(0)}#main-content{grid-column:1}}.sidebar-resize-handle{cursor:ew-resize;z-index:250;background:0 0;width:5px;transition:background .15s,width .15s;position:absolute;top:0;bottom:0;right:0}.sidebar-resize-handle:hover,.sidebar-resize-handle.resizing{background:var(--primary);width:6px;box-shadow:0 0 10px #008b9899}.nav-parent-group{flex-direction:column;display:flex}.nav-item-parent{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-muted);text-align:left;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.btn.nav-item-parent{justify-content:flex-start;gap:.75rem;padding:.625rem .875rem}.btn.nav-item-parent>span:not(.nav-icon):not(.nav-label):not(.nav-chevron){display:contents}.nav-item-parent:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.nav-item-parent.active{background:var(--surface-3);color:var(--primary-dark);border-color:var(--border)}.nav-item-parent.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-chevron{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:.85rem;transition:transform .2s}.nav-chevron.expanded{transform:rotate(180deg)}.nav-item-children{border-radius:var(--radius-sm);border-left:2px solid var(--border);background:#00000008;max-height:0;margin:.125rem 0 .125rem .75rem;padding:.25rem 0 .25rem .5rem;transition:max-height .25s;overflow:hidden}.nav-item-children.expanded{max-height:200px}.nav-item-child{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-muted);border:1px solid #0000;align-items:center;gap:.625rem;padding:.45rem .75rem .45rem 1rem;font-size:.78rem;font-weight:400;text-decoration:none;display:flex;position:relative}.nav-item-child:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.nav-item-child.active{background:var(--surface-3);color:var(--primary-dark);border-color:var(--border)}.nav-item-child.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.calendar-container{grid-template-columns:repeat(7,1fr);gap:1rem;display:grid}.calendar-cell{border:1px solid var(--border);background-color:var(--surface);border-radius:8px;flex-direction:column;gap:.5rem;min-height:80px;padding:.75rem;display:flex}.calendar-cell.empty{background-color:#0000;border:none}.calendar-cell-header{color:var(--text);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.calendar-badge{text-align:center;border-radius:12px;width:max-content;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.badge-pastel-present{color:#2e7d32;background-color:#e8f5e9}.badge-pastel-absent{color:#c62828;background-color:#ffebee}.badge-pastel-halfday{color:#e65100;background-color:#fff3e0}.badge-pastel-wfh{color:#1565c0;background-color:#e3f2fd}.badge-pastel-holiday{color:#6a1b9a;background-color:#f3e5f5}.badge-pastel-weekend{color:#512da8;background-color:#ede7f6}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:visible}.card:hover{border-color:#008b9840}.card.gradient{border-top:3.5px solid var(--primary)}.card.no-hover:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.5rem;display:flex}.card-header-left{flex-direction:column;gap:.125rem;min-width:0;display:flex}.card-title{color:var(--text);font-size:1rem;font-weight:600}.card-subtitle{color:var(--text-muted);font-size:.8rem;font-weight:400}.card-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.card-body{padding:1.5rem}.card-body.no-padding{padding:0}.card-footer{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;align-items:center;gap:.75rem;padding:.875rem 1.5rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5625rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled,.btn.loading{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-full{width:100%}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled){background:var(--primary-dark)}.btn-secondary{color:var(--secondary);border:1px solid var(--secondary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-danger{color:var(--danger);background:#e1705526;border-color:#e170554d}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-outline{color:var(--text);border-color:var(--border);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary-light);background:#008b980d}.btn-success{color:var(--success);background:#00b89426;border-color:#00b8944d}.btn-success:hover:not(:disabled){background:var(--success);color:#fff}.btn-sm{border-radius:6px;padding:.375rem .75rem;font-size:.8rem}.btn-lg{border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem}.btn-icon{width:36px;height:36px;padding:.5625rem}.btn-icon.btn-sm{width:30px;height:30px;padding:.375rem}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}.badge{white-space:nowrap;letter-spacing:.02em;border-radius:100px;align-items:center;gap:.25rem;padding:.2rem .625rem;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{background:var(--surface-3);color:var(--primary-dark);border:1px solid var(--border)}.badge-primary,.badge-info{background:var(--surface-2);color:var(--primary);border:1px solid #008b9840}.badge-danger{color:var(--danger);background:#e170551f;border:1px solid #e1705540}.badge-warning{color:var(--warning);background:#fdcb6e1f;border:1px solid #fdcb6e40}.badge-info{color:var(--info);background:#74b9ff1f;border:1px solid #74b9ff40}.badge-primary{color:var(--primary);background:#008b981f;border:1px solid #008b9840}.badge-secondary{color:var(--secondary);background:#00cec91f;border:1px solid #00cec940}.badge-default{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.badge-accent{color:var(--accent);background:#fd79a81f;border:1px solid #fd79a840}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrapper-scrollable{-webkit-overflow-scrolling:touch;border-radius:0 0 var(--radius,8px) var(--radius,8px);max-height:218px;overflow:auto}.table-wrapper-scrollable .table thead th{z-index:2;background:var(--surface-2);box-shadow:0 1px 0 var(--border);position:sticky;top:0}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.72rem;font-weight:600}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text);background:var(--surface-3)}.table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;white-space:nowrap;padding:.875rem 1rem}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:var(--transition)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr.clickable{cursor:pointer}.table-empty{text-align:center;color:var(--text-muted);padding:3rem}.table-skeleton-row td{padding:1rem}.table-skeleton-cell{border-radius:4px;height:14px}.table-sort-icon{flex-shrink:0;width:.9rem;height:.9rem}.table-sort-icon.text-muted{opacity:.5}.table-th-content{align-items:center;gap:.375rem;display:inline-flex}.table-loading-cell{text-align:center;padding:3rem}.table-loading-cell .spinner{margin:0 auto}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;animation:.2s slideInLeft;display:flex;position:relative}.modal-sm{max-width:420px}.modal-md{max-width:600px}.modal-lg{max-width:820px}.modal-xl{max-width:1040px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text);font-size:1.0625rem;font-weight:600}.modal-close{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;transition:var(--transition);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close:hover{background:var(--surface-3);color:var(--text);border-color:var(--primary)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-confirm-text{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.5}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.input-group{flex-direction:column;gap:0;display:flex}.input-label{color:var(--text-muted);margin-bottom:.375rem;font-size:.82rem;font-weight:500;display:block}.input-label .required{color:var(--danger);margin-left:2px}.input-field{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:var(--transition);appearance:none;padding:.625rem .875rem;font-size:.875rem}.input-field::placeholder{color:var(--text-dim)}.input-field:focus{border-color:var(--primary);background:var(--surface);outline:none}.input-field:disabled,select.input-field:disabled,textarea.input-field:disabled{opacity:.95;cursor:not-allowed;background-color:var(--surface-2);color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}.input-field.error{border-color:var(--danger);box-shadow:0 0 0 3px #e170551f}.input-error-msg{color:var(--danger);margin-top:.3rem;font-size:.78rem}.input-hint{color:var(--text-muted);margin-top:.3rem;font-size:.78rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;left:.875rem}.input-wrapper .input-icon~.input-field{padding-left:2.25rem}select.input-field{cursor:pointer;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='%238888a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}select.input-field option{background:var(--surface-2);color:var(--text)}textarea.input-field{resize:vertical;min-height:100px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:1.375rem 1.5rem;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--primary-light)}.stat-card:before{content:"";background:var(--primary);border-radius:0 2px 2px 0;width:4px;height:100%;position:absolute;top:0;left:0}.stat-card.color-success:before{background:var(--success)}.stat-card.color-warning:before{background:var(--warning)}.stat-card.color-danger:before{background:var(--danger)}.stat-card.color-info:before{background:var(--info)}.stat-card.color-primary:before{background:var(--primary)}.stat-card.color-secondary:before{background:var(--secondary)}.stat-card-icon{opacity:.12;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.78rem;font-weight:600}.stat-value{color:var(--text);margin-bottom:.375rem;font-size:2rem;font-weight:700;line-height:1}.stat-subtitle{color:var(--text-muted);font-size:.78rem}.stat-trend{align-items:center;gap:.25rem;margin-top:.375rem;font-size:.78rem;font-weight:600;display:inline-flex}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--danger)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon{opacity:.4;margin-bottom:1rem;font-size:3.5rem;line-height:1}.empty-state-title{color:var(--text);margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.empty-state-desc{color:var(--text-muted);max-width:360px;margin-bottom:1.5rem;font-size:.875rem;line-height:1.7}.spinner{border:2px solid var(--surface-3);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;animation:.65s linear infinite spin}.spinner-sm{width:16px;height:16px}.spinner-md{border-width:3px;width:28px;height:28px}.spinner-lg{border-width:3px;width:48px;height:48px}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.loading-container.fullpage{background:var(--bg);z-index:9999;position:fixed;inset:0}.loading-text{color:var(--text-muted);font-size:.875rem}.pagination{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pagination-info{color:var(--text-muted);margin-right:.5rem;font-size:.8rem}.page-btn{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);min-width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;padding:0 .5rem;font-size:.82rem;font-weight:500;display:inline-flex}.page-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text);border-color:var(--primary)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-content-wrapper{align-items:center;gap:.25rem;display:flex}.pagination-link-btn{justify-content:center!important;align-items:center!important;min-width:32px!important;height:32px!important;padding:0 .5rem!important;font-size:.82rem!important;line-height:1!important;display:inline-flex!important}.pagination-nav-icon{width:1rem;height:1rem}.pagination-nav-text-left{margin-left:.25rem}.pagination-nav-text-right{margin-right:.25rem}.pagination-ellipsis-wrapper{width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.pagination-helper-container{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:.5rem;padding:1rem .25rem;display:flex}.pagination-controls{align-items:center;gap:1rem;display:flex}.pagination-limit-selector{align-items:center;gap:.5rem;display:flex}.pagination-limit-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem;font-weight:500}.pagination-limit-select{border-radius:var(--radius);border:1px solid var(--border);background-color:var(--surface);width:70px;height:32px;color:var(--text);cursor:pointer;outline:none;padding:0 .5rem;font-size:.75rem;font-weight:500}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.form-grid-1{grid-template-columns:1fr}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-section{margin-bottom:1.5rem}.form-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.8rem;font-weight:600}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.toolbar-search{flex:1;min-width:200px;max-width:360px}.toolbar-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.toolbar-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.confirm-dialog-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1rem;font-size:1.5rem;display:flex}.confirm-dialog-icon.danger{color:var(--danger);background:#e1705526}.confirm-dialog-icon.primary{color:var(--primary);background:#008b9826}.confirm-dialog-title{color:var(--text);text-align:center;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.confirm-dialog-message{color:var(--text-muted);text-align:center;font-size:.875rem;line-height:1.7}.avatar{background:var(--gradient-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:44px;height:44px;font-size:1rem}.avatar-lg{width:64px;height:64px;font-size:1.375rem}.avatar-xl{width:96px;height:96px;font-size:2rem}.avatar img{object-fit:cover;width:100%;height:100%}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tab-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500}.tab-item:hover{color:var(--text)}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);background:#008b981a}.tabs .tab-item.btn{border-width:0 0 2px;border-radius:0}.tabs .btn-ghost:hover{background:var(--surface-2);border-color:#0000}.tab-item-icon{align-items:center;display:inline-flex}.profile-tabs .tab-item{flex:1;justify-content:center;padding:1.25rem 1.5rem;font-weight:700}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:100px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.78rem;font-weight:500;display:inline-flex}.chip:hover,.chip.active{color:var(--primary);background:#008b981a;border-color:#008b984d}.alert{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.alert-success{color:var(--success);background:#00b89414;border-color:#00b89440}.alert-danger{color:var(--danger);background:#e1705514;border-color:#e1705540}.alert-warning{color:var(--warning);background:#fdcb6e14;border-color:#fdcb6e40}.alert-info{color:var(--info);background:#74b9ff14;border-color:#74b9ff40}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:.875rem;position:absolute;left:.75rem}.search-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:var(--transition);padding:.5625rem .875rem .5625rem 2.25rem;font-size:.875rem}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #008b9826}@media (width<=640px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.stats-grid{grid-template-columns:1fr 1fr}}.btn-action-top{height:38px!important;min-height:38px!important;max-height:38px!important;padding:0 1.2rem!important}.btn-modal-close{justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;display:inline-flex!important}.btn-link-action{cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;font-weight:600!important;text-decoration:underline!important}.btn-link-primary{color:var(--primary)!important}.btn-link-danger{color:var(--danger)!important}.btn-calendar-toggle{cursor:pointer!important;border:none!important;border-radius:4px!important;padding:4px 12px!important;font-size:.85rem!important}.btn-calendar-toggle.active{background:#fff!important;font-weight:600!important;box-shadow:0 1px 2px #0000000d!important}.btn-calendar-toggle.inactive{color:var(--text-muted)!important;background:0 0!important;font-weight:400!important}.btn-calendar-nav{border:1px solid var(--border)!important;cursor:pointer!important;background:#fff!important;border-radius:4px!important;padding:4px 8px!important}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast-container{width:380px!important;max-width:90vw!important;padding:16px!important}.Toastify__toast{-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--border)!important;color:var(--text)!important;background:#ffffffeb!important;border-radius:10px!important;align-items:center!important;min-height:56px!important;margin-bottom:12px!important;padding:14px 18px!important;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important;box-shadow:0 10px 25px -5px #0f172a14,0 8px 16px -6px #0f172a0a!important}.Toastify__toast-body{margin:0!important;padding:0!important;font-size:.875rem!important;font-weight:500!important;line-height:1.4!important}.Toastify__toast--success{border-left:5px solid var(--success)!important}.Toastify__toast--error{border-left:5px solid var(--danger)!important}.Toastify__toast--warning{border-left:5px solid var(--warning)!important}.Toastify__toast--info{border-left:5px solid var(--info)!important}.Toastify__toast-icon{width:22px!important;margin-inline-end:12px!important}.Toastify__toast--success .Toastify__toast-icon svg{fill:var(--success)!important}.Toastify__toast--error .Toastify__toast-icon svg{fill:var(--danger)!important}.Toastify__toast--warning .Toastify__toast-icon svg{fill:var(--warning)!important}.Toastify__toast--info .Toastify__toast-icon svg{fill:var(--info)!important}.Toastify__close-button{color:var(--text-dim)!important;opacity:.5!important;transition:var(--transition)!important;align-self:center!important;margin-left:8px!important}.Toastify__close-button:hover{color:var(--text)!important;opacity:1!important}.Toastify__progress-bar{height:3px!important;bottom:0!important}.Toastify__progress-bar--success{background:var(--success)!important}.Toastify__progress-bar--error{background:var(--danger)!important}.Toastify__progress-bar--warning{background:var(--warning)!important}.Toastify__progress-bar--info{background:var(--info)!important}