@charset "UTF-8";*{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{margin:0%;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ag-menu .ag-menu-option-icon .ag-icon:before,.ag-theme-alpine .ag-menu-option-icon .ag-icon:before{display:inline-block!important;visibility:visible!important;opacity:1!important}.ag-menu .ag-menu-option-icon .ag-icon[data-icon=sortAsc]:before,.ag-menu .ag-menu-option-icon .ag-icon[data-icon=sort-asc]:before{content:"↑"!important;font-size:12px!important;font-family:monospace!important}.ag-menu .ag-menu-option-icon .ag-icon[data-icon=sortDesc]:before,.ag-menu .ag-menu-option-icon .ag-icon[data-icon=sort-desc]:before{content:"↓"!important;font-size:12px!important;font-family:monospace!important}.ag-menu .ag-menu-option-icon .ag-icon[data-icon*=filter]:before,.ag-menu .ag-menu-option-icon .ag-icon[data-icon*=Filter]:before{content:"⚙"!important;font-size:12px!important;font-family:monospace!important}.ag-menu .ag-menu-option-icon .ag-icon[data-icon*=pin]:before,.ag-menu .ag-menu-option-icon .ag-icon[data-icon*=Pin]:before{content:"📌"!important;font-size:12px!important;font-family:monospace!important}.ag-menu-option-submenu:after{margin-left:auto!important;opacity:.6!important;transition:opacity .15s ease!important}.ag-menu-option-submenu:hover:after{opacity:1!important}.ag-menu-option-submenu{display:flex!important;align-items:center!important}.ag-menu .ag-menu-option-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important}.ag-menu .ag-menu-option-icon>*{display:inline-block!important;visibility:visible!important;opacity:1!important}.ag-menu .ag-menu-option-icon .ag-icon{display:inline-block!important;visibility:visible!important;opacity:1!important;color:#000!important}.ag-theme-alpine .ag-menu-option{color:#333!important}.ag-menu-list>.ag-tab-guard-top+.ag-menu-separator{display:none!important}.ag-tab-guard{display:none!important}.ag-body-horizontal-scroll-viewport{overflow-x:auto!important}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.auth-container{position:relative;width:100%;max-width:480px}.back-button{position:absolute;top:-60px;left:0;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card{width:100%;padding:50px 40px;border-radius:20px;background:#fff;box-shadow:0 20px 60px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:35px}.auth-logo{width:150px;display:block;margin:0 auto;animation:bounce .6s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-title{font-size:28px;font-weight:700;color:#111;margin-bottom:8px;-webkit-background-clip:text;background-clip:text}.auth-sub{color:#666;font-size:15px;margin-bottom:0;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{font-size:13px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.input-icon{position:absolute;left:14px;color:#999;font-size:18px;pointer-events:none;transition:color .3s ease}.input-wrapper input{width:100%;padding:12px 14px 12px 42px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;background:#f8f9fa;transition:all .3s ease}.input-wrapper input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.input-wrapper input:focus+.input-icon,.input-wrapper input:focus~.toggle-password{color:#667eea}.input-wrapper input.error{border-color:#e74c3c;background:#fff5f5}.input-wrapper input.error:focus{box-shadow:0 0 0 3px #e74c3c1a}.toggle-password{position:absolute;right:14px;background:none;border:none;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease;padding:5px}.error-text{font-size:12px;color:#e74c3c;font-weight:500;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-btn{background:#2980c0;color:#fff;padding:13px 20px;border-radius:10px;border:none;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.auth-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}.auth-btn:hover:before{left:100%}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.auth-btn:active{transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-options{display:flex;justify-content:flex-end;margin-top:-5px}.auth-options a{font-size:13px;color:#2980c0;text-decoration:none;font-weight:600;transition:all .3s ease}.auth-options a:hover{color:#764ba2;text-decoration:underline}.auth-footer{text-align:center;margin-top:25px;font-size:14px;color:#666}.auth-footer a,.auth-footer .link-button{color:#2980c0;text-decoration:none;font-weight:600;transition:all .3s ease;background:none;border:none;cursor:pointer;padding:0;font-size:14px}.auth-footer a:hover,.auth-footer .link-button:hover{color:#764ba2;text-decoration:underline}.code-input{width:100%;padding:12px 14px!important;border:2px solid #e0e0e0!important;border-radius:10px!important;font-size:18px!important;font-weight:600!important;letter-spacing:2px!important;text-align:center!important;background:#f8f9fa!important;transition:all .3s ease!important}.code-input:focus{outline:none!important;border-color:#667eea!important;background:#fff!important;box-shadow:0 0 0 3px #667eea1a!important}.code-input.error{border-color:#e74c3c!important;background:#fff5f5!important}.code-input.error:focus{box-shadow:0 0 0 3px #e74c3c1a!important}.code-hint{font-size:12px;color:#999;margin-top:4px;font-weight:500}.disabled-input{background:#f0f0f0!important;color:#666!important;cursor:not-allowed!important}.disabled-input:focus{border-color:#e0e0e0!important;box-shadow:none!important}.verify-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.resend-btn{background:transparent;color:#2980c0;padding:12px 20px;border:2px solid #2980c0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.resend-btn:hover:not(:disabled){background:#2980c0;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #2980c04d}.resend-btn:disabled{opacity:.6;cursor:not-allowed;border-color:#ccc;color:#999}.back-btn{background:transparent;color:#666;padding:12px 20px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.back-btn:hover{background:#f8f9fa;border-color:#2980c0;color:#2980c0;transform:translateY(-2px)}.back-btn:active{transform:translateY(0)}@media(max-width:480px){.auth-card{padding:35px 25px}.auth-title{font-size:24px}.form-row{grid-template-columns:1fr}.back-button{top:20px;left:20px}.code-input{font-size:16px!important;letter-spacing:1px!important}.verify-actions{gap:10px}.resend-btn,.back-btn{font-size:13px;padding:10px 16px}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px #00000040;position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translate(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translate(13%);z-index:5;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:#00000040;border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:#00000026}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px #00000021;width:100%}.notyf__dismiss{width:56px}}.attendance-page{background:#fff;padding:20px!important;box-sizing:border-box;border-radius:8px;border:1px solid var(--border);margin-bottom:20px;box-shadow:0 2px 8px #00000023}.page-header.attendance-page-header{align-items:flex-end;flex-wrap:wrap;gap:12px 20px}.page-header.attendance-page-header .page-title{margin-right:auto}.attendance-page.attendance-page--fill{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.attendance-page--fill .attendance-card,.attendance-page--fill .attendance-card__grid{flex:1 1 0;display:flex;flex-direction:column;min-height:0;min-width:0}.attendance-page--fill .attendance-grid-wrapper.attendance-table-wrappers{flex:1 1 0;min-height:240px;min-width:0;display:flex;flex-direction:column;align-self:stretch;height:100%!important}.attendance-page--fill .attendance-grid-inner{flex:1 1 0;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;height:100%}.attendance-page--fill .attendance-grid-inner>.attendance-ag-grid{flex:1 1 0;min-height:0;min-width:0;width:100%;height:100%!important}.attendance-page--fill .attendance-ag-grid .ag-body-viewport{overflow-x:auto!important}.attendance-card .card-header{align-items:center;padding:14px 18px;flex-shrink:0}.attendance-card .card-header>span:first-child{font-weight:600;font-size:1.125rem;color:#111827}.attendance-page--fill .attendance-card>.pagination-wrapper{flex-shrink:0;margin-top:auto}.attendance-page-header .attendance-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 20px;padding:0;margin:0;background:transparent;border:none}.attendance-filter-field{display:flex;flex-direction:column;gap:6px;min-width:140px}.attendance-filter-field label{font-size:11px;font-weight:700;letter-spacing:.06em;color:#374151;margin:0}.attendance-filter-field select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:10px 32px 10px 12px;font-size:15px;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;min-height:42px}.attendance-filter-field select:focus{outline:none;border-color:#1173b9ee;box-shadow:0 0 0 2px #1173b933}.attendance-fetch-report-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;min-height:42px;font-size:15px;font-weight:600;color:#fff;background:#111827;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .15s ease}.attendance-fetch-report-btn:hover{background:#1f2937}.attendance-fetch-report-btn:active{transform:scale(.98)}@media(max-width:900px){.page-header.attendance-page-header{flex-direction:column;align-items:stretch}.page-header.attendance-page-header .page-title{margin-right:0}.attendance-page-header .attendance-filter-bar{width:100%;justify-content:flex-start}}@media(max-width:600px){.attendance-fetch-report-btn{width:100%}}.card-header{padding:12px 16px;font-size:1.1rem;font-weight:400!important;border-bottom:1px solid var(--border);color:var(--text);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.header-controls{display:flex;gap:10px;align-items:center}.search-input-wrapper,.attendance-search-input-wrapper{position:relative;width:260px}.attendance-search-input-wrapper{display:flex;align-items:center;gap:8px;border-radius:4px;background:#fff;transition:all .2s ease}.search-input-wrapper input,.attendance-search-input-wrapper input{width:100%;padding:10px 36px;border-radius:10px;outline:none;font-size:15px;transition:border-color .3s ease;border:2px solid #d9d9d9}.search-input-wrapper input:focus,.attendance-search-input-wrapper input:focus{border-color:#1173b9ee}.search-input-wrapper svg,.attendance-search-input-wrapper svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666;font-size:18px;pointer-events:none}.attendance-search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;border:none;background:#020617;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none}.attendance-search-clear-btn svg{position:static;transform:none;font-size:10px;color:#fff;font-weight:700;pointer-events:none}.add-leave-btn{padding:10px 16px;background:#1173b9ee;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap;transition:all .3s ease}.add-leave-btn:hover{background:#1173b9;transform:translateY(-2px);box-shadow:#1173b9}.add-leave-btn:active{transform:translateY(0)}.add-leave-btn.disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.add-leave-btn.disabled:hover{background:#6c757d;transform:none;box-shadow:none}.ag-root-wrapper{border:none!important}.ag-theme-alpine .ag-root-wrapper{overflow-y:auto;overflow-x:auto}.attendance-ag-grid .ag-root-wrapper{height:100%!important;overflow:hidden!important;border:none!important}.attendance-ag-grid .ag-root{height:100%!important;overflow:hidden!important}.attendance-ag-grid .ag-body-viewport{overflow-x:hidden!important;overflow-y:auto!important;height:calc(100% + -0px)!important}.attendance-ag-grid .ag-header-viewport{overflow-x:hidden!important;overflow-y:hidden!important}.ag-theme-alpine .ag-root{border:none}.attendance-table-wrappers{box-sizing:border-box;height:500px!important;position:relative;max-width:100%;background:#fff;width:100%;overflow-x:auto}.attendance-table{width:100%;border-collapse:collapse;font-size:14px;color:var(--text);table-layout:auto;min-width:100%}.attendance-table tbody tr{transition:all .3s ease;border-left:4px solid transparent}.attendance-table tbody tr:hover{background:linear-gradient(90deg,#667eea0d,#667eea05);border-left-color:#1173b9ee;box-shadow:0 2px 8px #667eea1a}.date-main{font-size:15px;font-weight:600;color:#111827}.date-day{font-size:12px;color:#64748b}.breaks-badge{display:inline-block;padding:8px 12px;border-radius:8px!important;font-size:13px;font-weight:600;transition:all .3s ease;border:1px solid transparent!important}.breaks-badge.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;padding:5px 12px;font-size:12px}.breaks-badge.active:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.report-btn{background:none;border:1px solid transparent;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.report-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.report-btn.active:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.report-btns.disabled{color:#ccc;cursor:not-allowed}.gmail-report-popup{background:#fff;border-radius:12px;width:600px;max-width:95vw;box-shadow:0 4px 20px #00000040;overflow:hidden;display:flex;flex-direction:column;padding:0}.gmail-report-popup .popup-header{background:#f5f5f5;padding:12px 16px;font-weight:600;font-size:16px;border-bottom:1px solid #ddd;color:#202124}.gmail-report-popup .popup-date{margin-bottom:10px;font-size:14px;color:#444}.gmail-report-popup .popup-textarea{width:100%;border:1px solid #dadce0;border-radius:8px;padding:10px 12px;font-size:15px;outline:none;resize:vertical;min-height:120px;box-shadow:inset 0 1px 2px #00000014;transition:border-color .2s ease}.gmail-report-popup .popup-textarea:focus{border-color:#0b57d0;box-shadow:0 0 0 2px #0b57d026}.rich-text-editor-wrapper{margin-bottom:10px;border:1px solid #dadce0;overflow:hidden;background:#fff}.rich-text-editor-wrapper:focus-within{border-color:#0b57d0;box-shadow:0 0 0 2px #0b57d026}.tiptap-toolbar{display:flex;align-items:center;gap:1px;padding:2px;background:#f8f9fa;border-bottom:1px solid #dadce0;flex-wrap:wrap}.tiptap-toolbar button{background:transparent;border:1px solid transparent;border-radius:4px;padding:2px;cursor:pointer;font-size:14px;color:#5f6368;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.tiptap-toolbar button:hover{background:#e8eaed;color:#0b57d0}.tiptap-toolbar button.is-active{background:#e8f0fe;color:#0b57d0;border-color:#0b57d0}.tiptap-toolbar button.is-disabled{opacity:.4;cursor:not-allowed}.tiptap-toolbar button.is-disabled:hover{background:transparent;color:#5f6368}.tiptap-toolbar input[type=color]{width:32px;height:32px;border:1px solid #dadce0;border-radius:4px;cursor:pointer;padding:2px;background:#fff}.tiptap-toolbar .toolbar-divider{width:1px;height:24px;background:#dadce0;margin:0 4px}.tiptap-editor{min-height:150px;padding:12px;font-size:15px;outline:none;line-height:1.6}.tiptap-editor p{margin:8px 0}.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#999;pointer-events:none;height:0}.tiptap-editor .is-empty:before{content:attr(data-placeholder);float:left;color:#999;pointer-events:none;height:0}.tiptap-editor h1,.tiptap-editor h2,.tiptap-editor h3{margin-top:16px;margin-bottom:8px;font-weight:600}.tiptap-editor h1{font-size:24px}.tiptap-editor h2{font-size:20px}.tiptap-editor h3{font-size:18px}.tiptap-editor ul,.tiptap-editor ol{margin:8px 0;padding-left:24px}.tiptap-editor li{margin:4px 0}.tiptap-editor a{color:#0b57d0;text-decoration:underline}.tiptap-editor strong{font-weight:600}.tiptap-editor em{font-style:italic}.tiptap-editor u{text-decoration:underline}.tiptap-editor s{text-decoration:line-through}.gmail-report-popup .popup-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:14px;gap:10px}.gmail-report-popup .btn-submit{background:#0b57d0;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background .2s ease}.gmail-report-popup .btn-submit:hover{background:#084fc4}.gmail-report-popup .btn-cancel{background:#f1f3f4;border:1px solid #ccc;border-radius:6px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background .2s ease}.gmail-report-popup .btn-cancel:hover{background:#e0e0e0}.attendance-ag-grid{border-radius:10px;overflow:hidden;border:none;box-shadow:0 6px 18px #00000014}.attendance-ag-grid .ag-root-wrapper{height:100%!important;width:100%!important;overflow:hidden!important;border:none!important}.attendance-ag-grid .ag-root{height:100%!important;width:100%!important;overflow:hidden!important}.attendance-ag-grid .ag-body-viewport{overflow-x:hidden!important;overflow-y:auto!important;height:calc(100% + -0px)!important;width:100%!important}.attendance-ag-grid .ag-header-viewport{overflow-x:hidden!important;overflow-y:hidden!important;width:100%!important}.attendance-ag-grid .ag-center-cols-viewport,.attendance-ag-grid .ag-center-cols-container{width:100%!important}.attendance-ag-grid .ag-header{background:var(--header-bg);border-bottom:2px solid var(--border);overflow:hidden!important}.attendance-ag-grid .ag-header-cell{font-weight:600;color:#111827;font-size:14px;padding:10px;line-height:1.35}.attendance-ag-grid .ag-row{transition:background .2s ease,border-color .2s ease;border-left:3px solid transparent}.attendance-ag-grid .ag-row:hover{background:#f8fbff;border-left:3px solid #1173b9}.attendance-ag-grid .ag-cell{border-right:1px solid #f1f3f5;padding:10px;vertical-align:middle;display:flex!important;align-items:center!important}.attendance-ag-grid .ag-cell:last-child{border-right:none}.attendance-ag-grid .cell-date{font-weight:600;white-space:normal;line-height:1.4;padding:8px 4px 8px 0!important;height:auto!important;min-height:100%;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:center;gap:4px}.attendance-ag-grid .date-main{font-weight:600;color:#111827;font-size:15px;line-height:1.3}.attendance-ag-grid .date-day{font-size:13px;color:#64748b;line-height:1.3}.cell-time,.cell_date_main{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-weight:600;color:#334155;display:inline-block}.attendance-ag-grid .cell-time{font-size:16px;color:#333;display:flex!important;align-items:center!important}.attendance-ag-grid .cell-breaks{cursor:pointer;display:flex!important;align-items:center!important}.attendance-ag-grid .cell-hours{background:#e6f4ff;color:#1173b9;padding:4px 10px;border-radius:6px;font-weight:600}.ag-theme-alpine .ag-body-viewport::-webkit-scrollbar{height:10px;width:10px}.ag-theme-alpine .ag-body-viewport::-webkit-scrollbar-thumb{background:#a0a8b0;border-radius:8px}.ag-theme-alpine .ag-body-viewport::-webkit-scrollbar-track{background:#f1f3f5}.ag-theme-alpine .ag-filter{background:#fff;border:1px solid var(--border);border-radius:4px}.ag-theme-alpine .ag-filter .ag-input-field-input,.ag-theme-alpine .ag-filter input.ag-input-field-input,.ag-theme-alpine .ag-filter input.ag-text-field-input,.ag-theme-alpine .ag-filter input.ag-mini-filter{padding-left:25px!important}.ag-theme-alpine .ag-filter .ag-input-field-icon{margin-left:5px;margin-right:5px}.ag-theme-alpine .ag-filter-input{padding:8px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.ag-theme-alpine .ag-filter-input:focus{border-color:#1173b9ee;outline:none}.ag-theme-alpine .ag-header-icon{color:#666}.ag-theme-alpine .ag-header-icon:hover{color:#111827}.ag-cell,.ag-full-width-row .ag-cell-wrapper.ag-row-group{border:1px solid transparent;line-height:20px!important}.attendance-ag-grid .ag-cell{line-height:1.45!important}@media(max-width:900px){.attendance-ag-grid{font-size:12px}.attendance-ag-grid .ag-header-cell,.attendance-ag-grid .ag-cell{padding:8px 6px;font-size:12px}.attendance-ag-grid .ag-row{min-height:52px;height:auto!important}.attendance-ag-grid .cell-time{font-size:12px}}@media(max-width:480px){.attendance-ag-grid{font-size:11px}.attendance-ag-grid .ag-header-cell,.attendance-ag-grid .ag-cell{padding:6px 4px;font-size:11px}.attendance-ag-grid .ag-row{min-height:48px;height:auto!important}.attendance-ag-grid .cell-time{font-size:11px}}@media(max-width:900px){.page-title{font-size:1.5rem}.card-header{flex-direction:column;align-items:flex-start;justify-content:flex-start}.header-controls{width:100%;flex-direction:column}.search-input-wrapper,.attendance-search-input-wrapper{width:100%}.add-leave-btn{width:100%;text-align:center}.card-body{max-height:65vh;overflow-y:auto}.attendance-table-wrapper{box-sizing:border-box;padding:10px;overflow:hidden!important;max-height:calc(65vh - 80px)!important}.attendance-table{font-size:12px;table-layout:auto!important;min-width:600px!important}.attendance-table th,.attendance-table td{font-size:12px;padding:8px 6px;white-space:nowrap}.attendance-table th,.attendance-table td{padding:8px 6px}.detail-grid{grid-template-columns:1fr}.modal-box{width:95vw;padding:12px}.popup{width:90vw;padding:15px}}@media(max-width:480px){.page-title{font-size:1.2rem}.page-header{margin-bottom:15px}.card-header{padding:10px 12px;font-size:1rem;display:flex;flex-direction:column;gap:8px}.card-body{max-height:60vh;overflow-y:auto}.attendance-table-wrapper{box-sizing:border-box;padding:8px;overflow:hidden!important;max-height:calc(60vh - 80px)!important}.attendance-table{font-size:11px;min-width:500px!important;table-layout:auto!important}.attendance-table th,.attendance-table td{padding:6px 4px;font-size:11px;white-space:nowrap!important}.attendance-table td.cell-id{font-size:10px}.attendance-table td.cell-time{font-size:11px}.modal-box{width:98vw;padding:10px}.popup{width:95vw;padding:12px}.gmail-report-popup{width:98vw}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.modal-icon{color:#1173b9ee;font-size:24px}.break-details-modal-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;padding:12px;background:#f9f9f9;border-radius:8px}.info-item svg{color:#1173b9ee;margin-top:2px;flex-shrink:0}.info-value.highlight{color:#28a745;font-size:15px}.modal-content{margin-bottom:20px;max-height:400px}.breaks-container{display:flex;flex-direction:column;gap:12px}.breaks-title{margin:0 0 12px;font-size:14px;font-weight:700;color:#111827}.breaks-list{display:flex;flex-direction:column;gap:10px}.break-item{display:flex;gap:12px;padding:12px;background:#f9f9f9;border-left:4px solid #1173b9ee;border-radius:6px;transition:all .2s ease}.break-item:hover{background:#f0f7ff;border-left-color:#0056b3}.break-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#1173b9ee;color:#fff;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.break-details{display:flex;flex-direction:column;gap:8px;flex:1}.break-time{display:flex;align-items:center;gap:8px;font-size:13px}.time-label{font-weight:600;color:#666;min-width:40px}.time-value{color:#111827;font-weight:500}.break-duration{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:4px;padding-top:8px;border-top:1px solid #e0e0e0}.duration-label{font-weight:600;color:#666}.duration-value{color:#28a745;font-weight:700}.no-breaks{text-align:center;padding:40px 20px;color:#999}.no-breaks p{margin:0;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #f0f0f0}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-box.report-modal{padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.modal-title-section{display:flex;align-items:center;gap:12px}.modal-title-section h2{margin:0;font-size:20px;font-weight:700;color:#111827}.modal-icon{font-size:24px}.modal-icon.report-icon{color:#6f42c1}.edit-badge{display:inline-block;padding:4px 10px;background:#f0f0f0;color:#666;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-header-actions{display:flex;align-items:center;gap:8px}.modal-edit-btn{background:none;border:none;cursor:pointer;color:#6f42c1;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-edit-btn:hover{background:#f0f0f0;color:#5a2d8f}.modal-close-btn{background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close-btn:hover{background:#f0f0f0;color:#333}.modal-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;padding:12px;background:#f9f9f9;border-radius:8px}.info-item{display:flex;align-items:flex-start;gap:10px}.info-item svg{color:#6f42c1;margin-top:2px;flex-shrink:0}.info-item>div{display:flex;flex-direction:column;gap:2px}.info-label{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:600;color:#111827}.modal-content{flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:0;max-height:none}.report-edit-wrapper{padding:12px;background:#fafafa;border:1px solid #e0e0e0;display:flex;flex-direction:column}.date-input-section{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:#f8f9fa;border:1px solid #e8e9eb;border-radius:8px}.date-input-wrappers{display:flex;flex-direction:column;gap:8px;flex:1;width:100%}.date-input-container{display:flex;align-items:center;gap:8px;width:100%}.date-input-label{display:flex;align-items:center;gap:6px;font-weight:600;color:#374151;min-width:100px}.date-input-field{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease}.date-input-hidden{display:none}.date-picker-btn{padding:8px 12px;border:1px solid #d1d5db;border-left:none;border-radius:0 6px 6px 0;background:#f8f9fa;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.date-picker-btn:hover{background:#e5e7eb;color:#374151}.date-input-field:focus{border-color:#6f42c1;box-shadow:0 0 0 3px #6f42c11a;outline:none}.date-input-field:focus+.date-input-hidden+.date-picker-btn{border-color:#6f42c1}.date-input-field:focus{border-color:#6f42c1;box-shadow:0 0 0 3px #6f42c11a}.date-input-wrappers{width:100%}.date-input-field:hover{border-color:#9ca3af}.toolbar-section{display:flex;flex-direction:row;justify-content:space-evenly;background:linear-gradient(135deg,#f8f9fa,#f0f1f3);border:1px solid #e8e9eb}.toolbar-group:last-child{border-right:none}.toolbar-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#666;letter-spacing:.5px;padding:8px 12px 4px}.tiptap-toolbar{display:flex;flex-wrap:wrap;gap:1px;padding:0 8px 8px;background:transparent;border-radius:0;border:none}.ProseMirror{border:2px solid #e5e7eb;border-radius:10px;padding:16px;min-height:200px;max-height:400px;overflow-y:auto;font-size:14px;line-height:1.8;color:#111827;background:#fafbfc;transition:all .3s ease}.ProseMirror:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ProseMirror blockquote{border-left:4px solid #667eea;padding-left:12px;margin:8px 0;color:#6b7280;font-style:italic}.report-textarea{width:100%;min-height:300px;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s ease}.report-textarea:focus{border-color:#6f42c1;box-shadow:0 0 0 3px #6f42c11a}.report-content-wrapper{padding:16px;background:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.report-content{font-size:14px;line-height:1.8;color:#333}.report-content h1,.report-content h2,.report-content h3{margin-top:16px;margin-bottom:8px;font-weight:700;color:#111827}.report-content h1{font-size:20px}.report-content h2{font-size:18px}.report-content h3{font-size:16px}.report-content a{color:#0b57d0;text-decoration:underline;transition:color .2s ease}.report-content a:hover{color:#084fc4}.report-content strong{font-weight:700;color:#111827}.report-content em{font-style:italic}.report-content u{text-decoration:underline}.report-content s{text-decoration:line-through}.report-content blockquote{margin:12px 0;padding-left:12px;border-left:4px solid #ddd;color:#666;font-style:italic}.report-content code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:12px}.report-content pre{background:#f0f0f0;padding:12px;border-radius:6px;overflow-x:auto;font-size:12px}.no-report{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#999}.no-report svg{margin-bottom:16px;opacity:.5}.no-report p{margin:0;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #f0f0f0;min-height:44px;flex-shrink:0}.edit-actions{display:flex;gap:10px}.btn-save{flex:1;padding:10px 20px;background:linear-gradient(135deg,#6f42c1,#5a2d8f);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6f42c14d}.btn-save:active{transform:translateY(0)}.btn-cancel{flex:1;padding:10px 20px;background:#e5e7eb;color:#374151;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-cancel:hover{background:#d1d5db}.btn-cancel:active{transform:translateY(0)}.btn-close{padding:10px 20px;background:#e70000;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-close:hover{transform:translateY(-2px);background:#b31313;box-shadow:0 2px 8px #0003}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.modal-backdrop{padding:10px}.modal-box.report-modal{max-height:95vh;max-width:95%;padding:15px}.modal-header{margin-bottom:16px;padding-bottom:12px}.modal-title-section h2{font-size:18px}.modal-info-section{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;padding:10px;background:#f9f9f9;border-radius:6px}.info-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.info-item svg{font-size:16px;color:#6f42c1}.info-label{font-size:10px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.4px}.info-value{font-size:13px;font-weight:600;color:#111827}.modal-content{margin-bottom:16px}.ProseMirror{min-height:200px;max-height:300px;padding:12px;font-size:13px}.toolbar-section{flex-direction:row;flex-wrap:wrap;gap:2px;padding:8px}.toolbar-group{display:flex;flex-direction:row;gap:2px;border-right:none;border-bottom:1px solid #d1d5db;padding-bottom:8px;margin-bottom:8px}.toolbar-group:last-child{border-right:none;border-bottom:none;margin-bottom:0;padding-bottom:0}.toolbar-label{display:none}.toolbar-btn{padding:6px 8px;min-width:32px;height:32px;font-size:12px}.tiptap-toolbar{gap:2px;padding:0}.report-textarea{min-height:200px;font-size:13px;padding:10px}.modal-footer{gap:8px;padding-top:12px;min-height:40px}.btn-save,.btn-cancel,.btn-close{padding:8px 16px;font-size:12px}}@media(max-width:480px){.modal-backdrop{padding:5px}.modal-box.report-modal{max-height:98vh;max-width:98%;padding:10px}.modal-header{margin-bottom:10px;padding-bottom:8px;flex-direction:row;align-items:center;gap:6px;justify-content:space-between;border-bottom:1px solid #f0f0f0}.modal-title-section{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.modal-title-section h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-weight:700}.modal-icon{flex-shrink:0;font-size:18px;color:#6f42c1}.modal-header-actions{display:flex;gap:4px;flex-shrink:0}.modal-edit-btn,.modal-close-btn{padding:4px}.edit-badge{font-size:8px;padding:2px 6px;white-space:nowrap;margin-left:4px}.modal-info-section{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;padding:8px;background:#f9f9f9;border-radius:6px}.info-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.info-item svg{font-size:14px;color:#6f42c1;margin-bottom:1px}.info-item>div{display:flex;flex-direction:column;gap:1px;width:100%}.info-label{font-size:8px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.3px}.info-value{font-size:11px;font-weight:600;color:#111827;word-break:break-word}.modal-content{margin-bottom:12px}.ProseMirror{min-height:180px;max-height:250px;padding:10px;font-size:12px;border-radius:6px}.report-edit-wrapper{padding:8px}.date-input-section{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding:8px}.date-input-label{min-width:auto;font-size:12px}.date-input-field{width:100%;font-size:12px;padding:6px 10px}.toolbar-section{flex-direction:row;flex-wrap:wrap;gap:1px;padding:6px}.toolbar-group{display:flex;flex-direction:row;gap:1px;border-right:none;border-bottom:1px solid #d1d5db;padding-bottom:6px;margin-bottom:6px}.toolbar-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.toolbar-label{display:none}.toolbar-btn{padding:5px 6px;min-width:28px;height:28px;font-size:11px;border-radius:4px}.tiptap-toolbar{gap:1px;padding:0}.report-textarea{min-height:150px;font-size:12px;padding:8px}.report-content-wrapper{padding:12px;border-radius:6px}.report-content{font-size:12px}.report-content h1{font-size:16px}.report-content h2{font-size:14px}.report-content h3{font-size:13px}.modal-footer{gap:6px;padding-top:10px;min-height:36px;flex-direction:column}.btn-save,.btn-cancel,.btn-close{padding:8px 12px;font-size:11px;width:100%}.edit-actions{flex-direction:column;gap:6px}.no-report{padding:40px 16px}}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0003;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.leave-modal{width:100%;max-width:1150px}.leave-modal .custom-datepicker-wrapper{width:100%}.leave-modal .custom-datepicker-input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.leave-modal .custom-datepicker-input:focus{border-color:#1173b9ee;box-shadow:0 0 0 2px #007bff33}.leave-modal .leave-datepicker-popper{z-index:10000}.date-range-picker-wrapper{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .3s ease;width:100%}.date-range-input{border:none!important;outline:none!important;background:transparent!important;flex:1;font-size:.95rem;color:#1f2937;width:100%;font-weight:500;cursor:text;padding:0!important;font-family:Mulish,sans-serif}.react-datepicker__triangle{display:block;opacity:1;left:50%!important}.date-range-input::-moz-placeholder{color:#9ca3af;font-weight:400;font-family:Mulish,sans-serif}.date-range-input::placeholder{color:#9ca3af;font-weight:400;font-family:Mulish,sans-serif}.date-range-input[type=text]{caret-color:#9cc6db}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker{border:none;border-radius:16px;box-shadow:0 12px 48px #00000026;padding:1.5rem;background:linear-gradient(135deg,#fff,#f8fafc);overflow:hidden}.react-datepicker__header{background:linear-gradient(135deg,#9cc6db,#7ab3cc);color:#fff;padding:1.25rem;margin:-1.5rem -1.5rem .2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 4px 12px #9cc6db4d}.date-picker-custom-header{width:100%;display:grid;grid-template-columns:32px 1fr 1fr 32px;gap:10px;align-items:center;justify-content:center;padding:8px 10px;background:#9ec7db;border-radius:10px}.date-picker-nav-btn{width:32px;height:32px;border-radius:6px;border:none;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.date-picker-nav-btn:hover{background:#ffffff80}.date-picker-nav-btn:disabled{opacity:.4;cursor:not-allowed}.date-picker-pill{background:#fffffff2;border-radius:6px;height:32px;display:flex;align-items:center;padding:0 10px;box-shadow:0 6px 14px #00000014}.react-datepicker__header__text{color:#fff;font-weight:700;font-size:1.25rem;margin-bottom:.75rem;letter-spacing:.5px}.react-datepicker__day-names{display:grid;font-size:.75rem;grid-template-columns:repeat(7,2.8rem);justify-items:center;margin-bottom:1rem!important;border-bottom:2px solid #e5e7eb;font-family:Mulish,sans-serif}.react-datepicker__day-name{display:flex;align-items:center;justify-content:center;text-align:center;width:2.5rem;height:2.5rem;font-size:.75rem;font-weight:600;color:#6b7280!important;text-transform:uppercase;letter-spacing:.8px;margin:0!important;font-family:Mulish,sans-serif;padding:.5rem 0!important;border-radius:50%!important}.react-datepicker__month{display:grid;grid-template-columns:repeat(7,1fr);font-family:Mulish,sans-serif}.react-datepicker__week{display:contents}.react-datepicker__day{display:flex!important;align-items:center!important;justify-content:center!important;width:2.3rem!important;height:2.3rem!important;margin:0!important;border-radius:50%!important;background:#fff!important;border:1px solid #e5e7eb!important;color:#1f2937!important;font-size:.875rem!important;cursor:pointer!important;text-align:center!important;transition:all .2s ease!important;font-family:Mulish,sans-serif!important}.react-datepicker__day:hover{background-color:#e8f3f9!important;color:#5a8fa3!important;border-color:#9cc6db!important;transform:scale(1.05)}.date-range-picker-wrapper svg{color:#000}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background:linear-gradient(135deg,#9cc6db,#7ab3cc)!important;color:#fff!important;font-weight:600!important;border-color:#5a8fa3!important}.react-datepicker__day--selected:hover{background:linear-gradient(135deg,#7ab3cc,#5a8fa3)!important;transform:scale(1.08)}.react-datepicker__day--keyboard-selected{background-color:#d4e7f3!important;color:#5a8fa3!important;font-weight:600!important}.react-datepicker__day--outside-month{color:#d1d5db!important;cursor:not-allowed!important}.react-datepicker__day--outside-month:hover{background-color:transparent!important;border-color:transparent!important;transform:none}.react-datepicker__day--disabled{color:#d1d5db!important;cursor:not-allowed;opacity:.7}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{display:inline-block;margin:0 .5rem}.react-datepicker__month-read-view,.react-datepicker__year-read-view{border:1.5px solid #d1d5db;border-radius:6px;padding:.4rem .75rem;background:#fff;cursor:pointer;font-size:.9rem;color:#1f2937;font-weight:600;transition:all .2s ease;min-width:80px;text-align:center}.react-datepicker__month-read-view:hover,.react-datepicker__year-read-view:hover{background-color:#e8f3f9;border-color:#9cc6db;color:#5a8fa3}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background:#fff;border:1.5px solid #d1d5db;border-radius:6px;padding:.5rem;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto}.react-datepicker__month-option,.react-datepicker__year-option{padding:.5rem .75rem;cursor:pointer;border-radius:4px;margin:.25rem 0;font-size:.9rem;color:#1f2937;transition:all .15s ease}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:#e8f3f9;color:#5a8fa3;font-weight:500}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background:linear-gradient(135deg,#9cc6db,#7ab3cc);color:#fff;font-weight:600}.react-datepicker__current-month{margin-bottom:5px!important}.react-datepicker__close-icon:after{background-color:#000!important}.react-datepicker__day--keyboard-selected{color:#fff!important}.notyf,.notyf__toast{z-index:99999!important}.selected-from-date{background-color:#1173b9ee!important;color:#fff!important;border-radius:50%!important}.leave-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.leave-modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.leave-modal-close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;line-height:1;transition:color .2s ease}.leave-modal-close-btn:hover{color:#333}.leave-form-group{margin-bottom:15px}.leave-form-label{font-weight:600;margin-bottom:5px;display:block;color:#2c3e50}.leave-form-label-required{color:#dc3545}.leave-form-error{color:#dc3545;font-size:12px;margin-bottom:5px;display:block}.leave-form-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.leave-form-select:focus{border-color:#1173b9ee;box-shadow:0 0 0 3px #007bff1a}.leave-date-inputs-container{display:flex;gap:10px;margin-bottom:15px}.leave-date-input-wrapper{flex:1}.leave-date-input-label{font-weight:600;margin-bottom:5px;display:block;color:#2c3e50}.leave-checkbox-group{margin-bottom:15px;display:flex;align-items:center;gap:8px}.leave-checkbox-group input[type=checkbox]{cursor:pointer}.leave-checkbox-group label{font-weight:600;margin:0;color:#2c3e50;cursor:pointer}.leave-checkbox-group input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.leave-club-warning{color:#b82837;font-size:13px;margin-top:-10px}.leave-total-days-label{font-weight:600;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;color:#2c3e50;position:relative}.leave-total-days-message{font-size:13px;color:#666}.leave-total-days-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;background:#f3f3f3;cursor:not-allowed}.leave-form-textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease;resize:vertical}.leave-form-textarea:focus{border-color:#1173b9ee;box-shadow:0 0 0 3px #007bff1a}.leave-form-textarea.error{border-color:#dc3545}.leave-modal-actions{display:flex;gap:8px;justify-content:flex-end}.date-picker-custom-header{width:100%;display:grid;grid-template-columns:32px 1fr 1fr 32px!important;gap:10px;align-items:center;justify-content:center;padding:8px 10px;background:#9ec7db!important;border-radius:10px}.date-picker-pill select{width:100%;border:none;outline:none;background:transparent;font-weight:600;font-size:.95rem;color:#1f2937;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}.leave-daywise-preview{margin-bottom:15px}.leave-daywise-title{font-weight:600;margin-bottom:8px;display:block;color:#2c3e50}.leave-daywise-table-wrapper{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.leave-daywise-table{width:100%;border-collapse:collapse}.leave-daywise-table thead th{text-align:left;font-size:12px;font-weight:700;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 12px}.leave-daywise-table tbody td{padding:10px 12px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#111827;vertical-align:middle}.leave-daywise-table tbody tr:last-child td{border-bottom:none}.leave-daywise-table tbody tr.is-weekend{background:#fcfcfd}.leave-daywise-cell-date{font-weight:700;color:#111827}.leave-daywise-cell-day{color:#374151;font-weight:600}.leave-daywise-weekend{color:#6b7280;font-weight:700;text-transform:lowercase}.leave-daywise-select{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;outline:none;background:#fff;cursor:pointer}.leave-daywise-select:focus{border-color:#1173b9ee;box-shadow:0 0 0 3px #007bff1a}.leave-modal-btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.leave-modal-btn-cancel{background:#e70000;color:#fff}.leave-modal-btn-cancel:hover{background:#b31313;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.leave-modal-btn-submit{background:#1173b9ee;color:#fff}.leave-modal-btn-submit:hover{background:#1173b9;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.leave-modal .react-datepicker__close-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:#1173b9ee;border:none;border-radius:50%;width:10px;height:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.leave-modal .react-datepicker__close-icon:after{content:"×";color:#fff;font-size:12px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:768px){.leave-modal{max-width:96%;padding:1.5rem}.leave-date-inputs-container{flex-direction:column;gap:15px}.leave-modal-actions{flex-direction:column}.leave-modal-btn{width:100%}}@media(min-width:1200px){.leave-modal{max-width:1250px}}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;flex-wrap:wrap;gap:1.5rem}.pagination-info{font-size:.875rem;color:#6b7280;font-weight:500;white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination-numbers{display:flex;gap:.25rem;align-items:center}.pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.pagination-btn.active{background:linear-gradient(135deg,#1173b9ee,#1173b9);color:#fff;border-color:#1173b9ee;box-shadow:0 4px 12px #3b82f64d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.pagination-btn.prev-btn,.pagination-btn.next-btn{min-width:100px}.pagination-ellipsis{color:#9ca3af;padding:0 .25rem;font-weight:600}@media(max-width:768px){.pagination-wrapper{flex-direction:column;align-items:stretch;gap:1rem}.pagination-info{text-align:center}.pagination-controls{justify-content:center}.pagination-btn{padding:.45rem .65rem;font-size:.8rem}.pagination-btn.prev-btn,.pagination-btn.next-btn{min-width:auto}.pagination-btn span{display:none}.pagination-btn.prev-btn:before,.pagination-btn.next-btn:after{content:""}}@media(max-width:480px){.pagination-btn{padding:.4rem .5rem;font-size:.75rem}.pagination-numbers{gap:.15rem}.pagination-info{font-size:.75rem}}.dashboard-container{min-height:100vh;background:#f4f6f9}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem}.dashboard-header p{font-size:1rem;color:#6c757d;margin:0}.loading-state{display:flex;justify-content:center;align-items:center;height:400px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.loading-state p{font-size:1.1rem;color:#7f8c8d}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-bottom:2rem}.dashboard-card{width:100%;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:12px;flex-shrink:0}.card-monthly{border-left:6px solid;border-color:#1173b9ee}.card-working-days{border-left:6px solid;border-color:#1e7e34}.card-today{border-left:6px solid;border-color:#e0a800}.card-break-time{border-left:6px solid;border-color:#0c5460}.card-leaving-days{border-left:6px solid;border-color:#5a32a3}.card-today-salary{border-left:6px solid;border-color:#0ca678}.card-hourly-rate{border-left:6px solid;border-color:#e56a00}.card-monthly-salary{border-left:6px solid;border-color:#a71d2a}.card-leaves-taken{border-left:6px solid;border-color:#4f46e5}.card-pending-leaves{border-left:6px solid;border-color:#0ea5e9}.card-club-applied{border-left:6px solid;border-color:#db2777}.card-monthly .card-icon{background:linear-gradient(135deg,#1173b9ee,#1173b9);color:#fff;border-left-color:#1173b9ee}.card-working-days .card-icon{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border-left-color:#28a745}.card-today .card-icon{background:linear-gradient(135deg,#ffc107,#e0a800);color:#fff;border-left-color:#ffc107}.card-break-time .card-icon{background:linear-gradient(135deg,#17a2b8,#0c5460);color:#fff;border-left-color:#17a2b8}.card-leaving-days .card-icon{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff;border-left-color:#6f42c1}.card-today-salary .card-icon{background:linear-gradient(135deg,#20c997,#0ca678);color:#fff;border-left-color:#20c997}.card-hourly-rate .card-icon{background:linear-gradient(135deg,#fd7e14,#e56a00);color:#fff;border-left-color:#fd7e14}.card-monthly-salary .card-icon{background:linear-gradient(135deg,#dc3545,#a71d2a);color:#fff;border-left-color:#dc3545}.card-leaves-taken .card-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-left-color:#4f46e5}.card-pending-leaves .card-icon{background:linear-gradient(135deg,#22d3ee,#0ea5e9);color:#fff;border-left-color:#0ea5e9}.card-club-applied .card-icon{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border-left-color:#db2777}.card-content{flex:1}.card-content h3{font-size:1rem;font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;margin:0}.card-stats{display:flex;justify-content:space-between;align-items:center;gap:12px}.stat-item{display:flex;flex-direction:column;gap:.5rem;flex:1}.stat-label{font-size:.85rem;color:#95a5a6;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:1.4rem;font-weight:700;color:#2c3e50}.stat-value.pending{color:#e74c3c}.stat-value.remaining{color:#1173b9ee}.stat-divider{width:1px;height:50px;background:#ecf0f1}.progress-bar{width:100%;height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden;margin:1rem 0 .5rem}.progress-fill{height:100%;background:#1173b9ee;transition:width .3s ease}.total-days{font-size:.8rem;color:#95a5a6;display:block;text-align:center}.charts-section{margin-top:3rem}.section-title{font-size:1.75rem;font-weight:700;color:#2c3e50;margin:0 0 2rem;text-align:left}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.chart-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.chart-title{font-size:1rem;font-weight:600;color:#2c3e50;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.chart-container{position:relative;height:300px;display:flex;align-items:center;justify-content:center}.calendar-section{margin-top:3rem}.calendar-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 15px #0000001a}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.calendar-nav-btn{background:linear-gradient(135deg,#1173b9ee,#1173b9);color:#fff;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.calendar-nav-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #007bff66}.working-days-badge{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;padding:.75rem 1.5rem;border-radius:20px;margin-bottom:1.5rem;font-weight:600}.badge-label{font-size:.9rem;opacity:.9}.badge-value{font-size:1.25rem;font-weight:800}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1.5rem}.calendar-day-header{text-align:center;font-weight:600;color:#7f8c8d;padding:.75rem 0;font-size:.9rem;text-transform:uppercase}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;cursor:default;transition:all .2s ease;border:2px solid transparent}.calendar-day.working-day{background:#ecf0f1;color:#2c3e50}.calendar-day.weekend{background:#f8f9fa;color:#bdc3c7}.calendar-day.other-month{opacity:.3}.calendar-day.today{background:linear-gradient(135deg,#1173b9ee,#1173b9);color:#fff;font-weight:800;border-color:#1173b9ee}.calendar-day.today.weekend{background:linear-gradient(135deg,#1173b9ee,#1173b9)}.calendar-legend{display:flex;gap:2rem;justify-content:center;padding-top:1rem;border-top:1px solid #ecf0f1}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:20px;height:20px;border-radius:4px}.legend-color.working-day{background:#ecf0f1;border:2px solid #bdc3c7}.legend-color.weekend{background:#f8f9fa;border:2px solid #bdc3c7}.legend-color.today{background:linear-gradient(135deg,#1173b9ee,#1173b9)}.card-main-stat{display:flex;flex-direction:column;gap:.75rem}.hourly-rate-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#007bff1a;border-radius:8px;border-left:3px solid #007bff;margin-top:.5rem}.hourly-rate-label{font-size:.85rem;color:#6c757d;font-weight:500}.hourly-rate-value{font-size:1rem;color:#1173b9ee;font-weight:700;display:flex;align-items:center;justify-content:end}.large-number{font-size:2.5rem;font-weight:800;color:#2c3e50;line-height:1}.heading_main{display:flex;justify-content:space-between;align-items:center;margin:0 0 1rem}@media(max-width:768px){.dashboard-header h1{font-size:2rem}.dashboard-card{padding:1.25rem;gap:1rem}.card-icon{width:60px;height:60px;font-size:2rem}.large-number{font-size:2rem}.stat-value{font-size:1.25rem}.stat-divider{display:none}.card-stats{flex-direction:column;gap:.75rem}.calendar-card{padding:1.5rem}.calendar-title{font-size:1.25rem}.calendar-day{font-size:.9rem}.calendar-legend{gap:1rem;flex-wrap:wrap}.charts-grid{grid-template-columns:1fr;gap:1.5rem}.chart-container{height:250px}}@media(min-width:768px)and (max-width:1024px){.charts-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:480px){.dashboard-container{width:100%;max-width:100%;overflow-x:hidden}.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:.9rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.dashboard-card{flex-direction:column;text-align:center;padding:1rem;gap:.75rem}.card-icon{width:50px;height:50px;font-size:1.5rem;margin:0 auto}.card-content h3{font-size:.9rem;margin:0 0 .75rem}.card-stats{flex-direction:column;gap:.5rem}.large-number{font-size:1.75rem}.stat-value{font-size:1.1rem}.calendar-header{flex-direction:column;gap:1rem}.calendar-title{font-size:1.1rem}.calendar-nav-btn{width:36px;height:36px}.calendar-grid{gap:.25rem}.calendar-day{font-size:.8rem;border-radius:4px}.calendar-day-header{font-size:.75rem;padding:.5rem 0}.working-days-badge{width:100%;justify-content:center}.calendar-legend{flex-direction:column;gap:.75rem;align-items:center}.section-title{font-size:1.3rem}.charts-grid{grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%}.chart-card{padding:1rem;width:100%;max-width:100%;overflow:hidden;position:relative}.chart-container{height:200px;width:100%;max-width:100%;overflow:hidden;position:relative}.chart-container canvas{max-width:100%!important;height:auto!important}.chart-title{font-size:.95rem}.dashboard-grid,.dashboard-card,.calendar-card{width:100%;max-width:100%}[role=region],.chartjs-tooltip,[aria-label*=accessible],.accessible-element{display:none!important}.chart-card>div{width:100%;max-width:100%;overflow:hidden}}*{box-sizing:border-box}body,html,#root{height:100%;margin:0}.layout.adminlte{display:flex;min-height:100vh;background:#f4f6f9}.ml-2{margin-left:5px!important;margin-top:2px!important}.sidebar.adminlte-sidebar{width:260px;background:linear-gradient(135deg,#1f2937,#111827);color:#dfe6e9;padding-bottom:40px;position:fixed;left:0;top:0;bottom:0;overflow:visible;border-right:1px solid #e9d5ff;z-index:999;box-shadow:2px 0 15px #667eea1f}.sidebar-toggle-btn{position:absolute;top:12px;right:-15px;width:30px;height:30px;border:none;background:#0f1729;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .3s ease;z-index:1000;box-shadow:0 2px 8px #667eea4d}.sidebar-toggle-btn svg{font-size:20px;color:#fff;transition:color .3s ease}.sidebar-toggle-btn:hover{background:#000;box-shadow:0 4px 12px #02040026}.sidebar-toggle-btn:hover svg{color:#f5f5f5}.layout.adminlte .sidebar.adminlte-sidebar{display:block}.layout.adminlte.collapsed .sidebar.adminlte-sidebar{width:80px}.main-line{overflow:auto;height:100%;display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid #4b545c}.brand-icon{width:38px;height:38px;border-radius:50%;background:#3b82f6;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:20px;text-transform:uppercase}.brand-title{font-size:18px;color:#e6eef6;font-weight:300!important}.profile{padding:8px 12px;border-bottom:1px solid #4f5962;display:flex;cursor:pointer;align-items:center;justify-content:center;gap:12px}.layout.adminlte.collapsed .profile{justify-content:center;padding:12px 0}.profile .avatar span{width:12em;height:9em;padding:.5em;border-radius:50%;background-color:gray;box-shadow:0 2px 6px #0006}.profile .avatar .profile-avatar-img{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 4px #0003;border:2px solid #dfe6e9}.profile .profile-info .name{color:#fff;font-size:20px;font-weight:600}.layout.adminlte.collapsed .profile .profile-info{display:none}.search-box{display:flex;margin:14px 12px;height:39px;background:#39424a;border:1px solid rgba(255,255,255,.03);border-radius:4px;overflow:hidden}.search-box input{padding:10px 5.9px;background-color:#3f474e;border:1px solid #56606a;color:#c2c7d0;border-radius:4px 0 0 4px!important}.search-box .search-btn{font-size:15px;padding:0 11px!important;border-radius:0 4px 4px 0!important;cursor:pointer;transition:.3s;background-color:#3f474e;color:#c2c7d0;border:1px solid #56606a}.adminlte-menu{list-style:none;margin:20px 0 0;padding:0}.adminlte-menu li a{display:flex;align-items:center;gap:12px;color:#9ca3af;font-weight:700;text-decoration:none;padding:14px 24px;transition:all .3s ease;border-left:3px solid transparent}.adminlte-menu li a:hover{background:#ffffff0f;color:#fff}.adminlte-menu li a.active{background:#1173b967;color:#fff;border-left-color:#1173b9ee}.menu-icon{font-size:18px;opacity:.95}.menu-icons{font-size:22px;opacity:.95}.badge-new{background:#ff4d4f;color:#fff;padding:3px 6px;border-radius:10px;font-size:11px;margin-left:8px}.layout.adminlte.collapsed .menu-icon{margin:0}.layout.adminlte.collapsed .adminlte-menu li a{width:100%;height:44px;transition:width .25s ease,height .25s ease,margin .25s ease,padding .25s ease,border-radius .25s ease}.layout.adminlte.collapsed .adminlte-menu li a span{display:none!important}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .adminlte-menu li a{width:100%;height:44px}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .adminlte-menu li a span{display:none!important}.main.adminlte-main{margin-left:280px;width:calc(100% - 280px);transition:all .25s ease;overflow-x:hidden}.layout.adminlte.collapsed .main.adminlte-main{margin-left:80px;width:calc(100% - 80px)}.topbar.adminlte-topbar{height:81.3px;display:flex;align-items:center;justify-content:flex-end;padding:14px 18px;background:#f4f6f9!important;border-bottom:1px solid #4f59625b;position:sticky;top:0;z-index:99}.topbar-left{display:flex;align-items:center;gap:22px}.toggle-btn{width:38px;height:38px;border:none;background:transparent!important;display:flex;align-items:center;justify-content:center;cursor:pointer}.toggle-btn svg{font-size:22px;color:#4b5563}.nav-links a{margin-right:18px;font-size:16px;color:#000000b3;text-decoration:none;font-weight:500}.nav-links a:hover{color:#1f2937}.topbar-right{display:flex;align-items:center;gap:25px}.icons{display:flex;align-items:center;gap:28px}.top-icon{font-size:18px;color:#4b5563!important;cursor:pointer;transition:.2s}.top-icon:hover{color:#1f2937!important}.icon-with-badge{position:relative}.bubble{position:absolute;top:-6px;right:-10px;font-size:11px;padding:2px 6px;border-radius:10px;color:#fff}.bubble.red{background:#ef4444}.bubble.yellow{background:#fbbf24;color:#000}.attendance-controls{display:flex;gap:8px;align-items:center;margin-left:16px}.at-btn{padding:7px 12px;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:13px;color:#fff;box-shadow:0 2px 6px #00000014}.at-btn.primary{background:#1173b9ee}.at-btn.warning{background:#ffc107;color:#111}.at-btn.success{background:#20c997}.at-btn.danger{background:#dc3545}.at-btn.purple{background:#6f42c1}.content{padding:25px 32px 32px;min-height:calc(100vh - 60px)}.content.no-padding{padding:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.page-header h1{margin:0;color:#111827;font-weight:600;font-size:32px}.page-header .breadcrumb{color:#6c757d;margin:8px 0 0}.box{background:#fff;border-radius:6px;box-shadow:0 6px 20px #1018280a;overflow:hidden}.box-header{padding:16px 18px;border-bottom:1px solid #eef2f7;font-weight:600;color:#374151}.box-body{padding:12px}.attendance-table-wrapper{width:100%}.attendance-table{width:100%;border-collapse:collapse;font-size:15px;color:#111827}.attendance-table thead th{background:#fafafa;text-align:left;font-size:16px;padding:14px 8px;font-weight:700;border-bottom:1px solid #e6eef5}.attendance-table tbody td{font-size:16px;padding:14px 9px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.attendance-table tbody tr:hover{background:#1173b92c}.empty-row{text-align:center;padding:40px 10px;color:#6b7280;font-style:italic}.layout.adminlte.collapsed .search-box{display:none!important}.layout.adminlte.collapsed .sidebar.adminlte-sidebar{width:80px;overflow:visible}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover{width:80px!important;z-index:999;box-shadow:none}.sidebar.adminlte-sidebar{width:280px;transition:all .25s ease;position:fixed;left:0;top:0;bottom:0}.layout.adminlte.collapsed .sidebar.adminlte-sidebar span,.layout.adminlte.collapsed .sidebar.adminlte-sidebar .brand-title,.layout.adminlte.collapsed .sidebar.adminlte-sidebar .profile-info,.layout.adminlte.collapsed .sidebar.adminlte-sidebar .search-box,.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover span,.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .brand-title,.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .profile-info,.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .search-box{display:none!important}.sidebar-search-box{display:flex;margin:12px 6px;background:#3f474e;border-radius:4px;overflow:hidden;height:38px;transition:.3s ease}.sidebar-search-box input{flex:1;padding:10px;border:none;background:#3f474e;color:#fff}.sidebar-search-box button{width:45px;border:none;background:#3f474e;color:#fff}.layout.adminlte.collapsed .sidebar-search-box{width:45px!important}.layout.adminlte.collapsed .sidebar-search-box input{display:none!important}.top-search-box{display:flex;align-items:center;height:38px;width:250px;background:#e5e7eb;border-radius:6px;padding-left:8px;transition:.3s}.top-search-box input{flex:1;border:none;background:transparent;padding:6px 8px}.top-search-box button{width:40px;border:none;background:transparent;cursor:pointer}.layout.adminlte.collapsed .top-search-box{width:45px!important;padding-left:0}.layout.adminlte.collapsed .top-search-box input{display:none!important}@media(max-width:900px){.layout.adminlte{flex-direction:column}.sidebar.adminlte-sidebar{position:fixed;z-index:1000;left:-260px;transition:left .3s ease;width:260px;height:100vh;top:0;bottom:0}.sidebar-toggle-btn{display:none!important}.layout.adminlte.collapsed .sidebar.adminlte-sidebar{left:0;width:80px!important}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover{width:80px!important;z-index:1000;box-shadow:none}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .adminlte-menu li a{width:44px;height:44px;margin:6px auto;border-radius:50%;padding:10px}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .adminlte-menu li a span,.layout.adminlte.collapsed .sidebar.adminlte-sidebar .brand-title,.layout.adminlte.collapsed .sidebar.adminlte-sidebar .profile-info,.layout.adminlte.collapsed .sidebar.adminlte-sidebar .adminlte-menu span{display:none!important}.main.adminlte-main{margin-left:0;width:100%;overflow-x:hidden}.attendance-table thead th,.attendance-table tbody td{padding:10px;font-size:13px}.brand-title,.adminlte-menu span{display:inline}.topbar.adminlte-topbar{height:auto;padding:8px 12px;flex-wrap:wrap;gap:8px}.attendance-controls{flex-wrap:wrap;gap:6px;order:2;width:100%}.btn{padding:6px 10px;font-size:12px;flex:1;min-width:80px}.content{padding:12px}}.btn-report{padding:8px 14px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.btn-report:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.btn-report:active{transform:translateY(0)}.topbar-attendance-controls{display:flex;gap:10px;align-items:center}.logout-container{bottom:20px;left:10px;right:10px;width:calc(100% - 20px);display:flex;flex-direction:column;gap:10px;padding:0 20px}.layout.adminlte.collapsed .logout-container{left:0;right:0;width:100%;padding:0 10px}.forgot-password-link{display:block;width:100%;padding:10px 16px;background:#ffffff1a;color:#dfe6e9;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none}.forgot-password-link:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.logout-btn{width:100%;padding:14px 16px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:16px;cursor:pointer;box-shadow:0 2px 8px #3b3b3b4d;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .3s ease}.layout.adminlte.collapsed .logout-btn{padding:10px;border-radius:50%;width:44px;height:44px;margin:0 auto;transition:all .3s ease}.layout.adminlte.collapsed .logout-btn span{display:none!important;transition:display .3s ease}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .logout-btn{padding:10px;border-radius:50%;width:44px;height:44px;margin:0 auto;transition:all .3s ease}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .logout-btn span{display:none!important;transition:display .3s ease}.logout-btn:hover{background:#ef444433;border-color:#ef444480}.logout-btn:active{transform:translateY(0)}.attendance-controls{display:flex;gap:10px;align-items:center}.btn{padding:8px 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-lunch-in{background:linear-gradient(135deg,#1173b9ee,#1173b9);color:#fff}.btn-lunch-in:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.btn-lunch-out{background:linear-gradient(135deg,#ffc107,#e0a800);color:#fff}.btn-lunch-out:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.btn-break-in{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.btn-break-in:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.btn-break-out{background:linear-gradient(135deg,#dc3545,#a02830);color:#fff}.btn-break-out:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}a{color:inherit}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:100000!important;opacity:0;animation:fadeInOverlay .25s ease forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.custom-modal{background:#fff;padding:25px;border-radius:10px;text-align:center;z-index:100000;box-shadow:0 10px 30px #0003;transform:translateY(20px) scale(.95);opacity:0;animation:modalEnter .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes modalEnter{to{transform:translateY(0) scale(1.2);opacity:1}}.custom-modal h3{margin:0}.modal-actions{margin-top:20px;display:flex;justify-content:center;gap:.8rem}.cancel-btn{background:#e70000;padding:8px 18px;border-radius:5px;font-weight:700;font-size:14px;transition:all .2s ease}.cancel-btn:hover{background:#b31313}.confirm-btn{background:#28a745;color:#fff;padding:8px 18px;border-radius:5px;font-weight:700;font-size:14px;transition:all .2s ease}.confirm-btn:hover{background:#1e7e34}@media(max-width:480px){.layout.adminlte{flex-direction:column}.sidebar-toggle-btn{display:none!important}.logout-btn{width:44px;height:44px;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.logout-text{display:none!important}.logout-icon{margin:0!important;width:24px!important;height:24px!important}.sidebar.adminlte-sidebar{position:fixed;z-index:1000;left:0;transition:left .3s ease;width:70px;height:100vh;top:0;bottom:0}.adminlte-menu li a span{display:none!important}.adminlte-menu li a{justify-content:center;padding:10px;margin:6px auto;width:44px;height:44px;border-radius:50%}.menu-icon{margin:0}.profile-info{display:none!important}.profile{justify-content:center;padding:12px 0}.search-box{display:none!important}.layout.adminlte.collapsed .sidebar.adminlte-sidebar{left:-70px;width:70px}.main.adminlte-main{margin-left:70px;width:calc(100% - 70px);overflow-x:hidden}.layout.adminlte.collapsed .main.adminlte-main{margin-left:0;width:100%}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover{width:70px!important;box-shadow:none}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .adminlte-menu li a{width:44px;height:44px;margin:6px auto;border-radius:50%;padding:10px}.layout.adminlte.collapsed .sidebar.adminlte-sidebar:hover .adminlte-menu li a span{display:none!important}.layout.adminlte.collapsed .adminlte-menu li a{width:44px;height:44px;margin:6px auto;border-radius:50%;padding:10px}.layout.adminlte.collapsed .adminlte-menu li a span{display:none!important}.topbar.adminlte-topbar{height:auto;padding:6px 8px;flex-wrap:wrap;gap:6px}.topbar-left{gap:6px;order:1;width:auto}.attendance-controls{width:100%;order:2;margin-top:0}.btn{flex:1;min-width:60px;padding:5px 6px;font-size:11px}.topbar-stats{font-size:11px!important;gap:8px!important;order:3;width:100%;margin-top:4px}.content{padding:8px}.custom-modal{width:90%;max-width:350px;padding:20px}.page-header h1{font-size:22px}}.menu li a{position:relative;display:flex;align-items:center}.notification-badge{position:absolute;right:10px;top:10px;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 4px #ef44444d;animation:pulse 2s infinite}.menu li a.active .notification-badge{background:#dc2626;box-shadow:0 2px 6px #dc262666}.sidebar.collapsed .notification-badge{position:absolute;top:8px;right:8px;min-width:18px;height:18px;font-size:10px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.header-right-container{display:flex;align-items:center;gap:1rem}.attendance-controls-right{display:flex;align-items:center;gap:14px}.profile-section{position:relative}.profile-btn{display:flex;align-items:center;gap:.75rem;padding:5px;border:2px solid transparent;background:transparent;border-radius:30px;cursor:pointer;transition:all .3s ease}.profile-btn:hover{background-color:transparent;box-shadow:none}.profile-avatars{width:40px;height:40px;border-radius:28px;border:2px solid #1173b9ee;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;position:relative;overflow:hidden}.profile-avatars .profile-avatar-img{width:90%;height:90%;-o-object-fit:cover;object-fit:cover;border-radius:20px}.profile-avatars .profile-initials-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;background:linear-gradient(135deg,#1173b9ee,#1173b9);color:#fff;border-radius:8px}.profile-dropdown{position:absolute;top:calc(100% + .8rem);right:1px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;min-width:240px;overflow:hidden;animation:slideDown .3s ease;z-index:1000}to{opacity:1;transform:translateY(0)}.dropdown-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.dropdown-header-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.dropdown-user-info{flex:1}.dropdown-user-name{font-size:1rem;font-weight:600;color:#1f2937;line-height:1.2}.dropdown-user-email{font-size:.875rem;color:#6b7280;line-height:1.2;margin-top:.25rem}.dropdown-divider{height:1px;background:#e5e7eb}.dropdown-item-btn{display:flex;align-items:center;width:100%;padding:.75rem 1rem;border:none;background:transparent;text-align:left;font-size:16px;font-weight:500;color:#434c5a;cursor:pointer;transition:all .2s ease;gap:12px}.dropdown-item-btn:hover{background:#f3f4f6;color:#1f2937}.dropdown-item-icon{margin-right:.75rem}.logo-img{display:block;width:55%}.layout.adminlte.collapsed .profile.collapsed .logo-img{margin-left:0;width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:1000px;width:90%;max-height:60vh;overflow-y:auto;padding:24px}.gmail-report-popup{max-width:800px;width:95%}.popup-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #f0f0f0;padding-bottom:16px}.header-content h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.header-subtitle{font-size:13px;color:#666;margin:0;font-weight:500}.close-icon-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px}.close-icon-btn:hover{color:#333;background:#f0f0f0}.popup-body,.rich-text-editor-wrapper{display:flex;flex-direction:column}.toolbar-section{display:flex;justify-content:space-evenly;background:linear-gradient(135deg,#f8f9fa,#f0f1f3);border:1px solid #e8e9eb}.toolbar-group{display:flex;flex-direction:column;gap:1px;border-right:1px solid #d1d5db}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#666;letter-spacing:.5px}.tiptap-toolbar{display:flex;gap:1px;padding:0;background:transparent;border-radius:0;border:none}.toolbar-btn{padding:8px 10px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;color:#374151;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.toolbar-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.toolbar-btn:disabled,.toolbar-btn.is-disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.is-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.ProseMirror{border:2px solid #e5e7eb;border-radius:10px;padding:16px;min-height:300px;max-height:350px;overflow-y:auto;font-size:14px;line-height:1.8;color:#111827;background:#fafbfc;transition:all .3s ease}.ProseMirror:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ProseMirror h1{font-size:28px;font-weight:700;margin:12px 0}.ProseMirror h2{font-size:24px;font-weight:600;margin:10px 0}.ProseMirror h3{font-size:20px;font-weight:600;margin:8px 0}.ProseMirror ul,.ProseMirror ol{margin:8px 0}.ProseMirror blockquote{border-left:4px solid #3b82f6;padding-left:12px;margin:8px 0;color:#6b7280;font-style:italic}.ProseMirror hr{border:none;border-top:1px solid #e5e7eb;margin:12px 0}.popup-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:2px solid #f0f0f0}.btn-submit,.btn-cancel{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-cancel{background:#e5e7eb;color:#374151}.btn-cancel:hover:not(:disabled){background:#d1d5db;transform:translateY(-1px)}.btn-cancel:disabled{opacity:.7;cursor:not-allowed}.close-btn{padding:10px 20px;background:#e70000;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.close-btn:hover{background:#b31313}.report-content{padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;line-height:1.6;color:#111827}.report-content h1,.report-content h2,.report-content h3{margin-top:12px;margin-bottom:8px}.report-content ul,.report-content ol{margin:8px 0}.report-content blockquote{border-left:4px solid #3b82f6;padding-left:12px;margin:8px 0;color:#6b7280;font-style:italic}@media(max-width:600px){.modal-box{width:95%;padding:16px}.gmail-report-popup{width:98%}.popup-header{gap:12px}.header-content h2{font-size:20px}.toolbar-section{gap:1px;padding:5px}.toolbar-group,.tiptap-toolbar{gap:1px}.toolbar-btn{font-size:12px;min-width:32px;height:32px}.ProseMirror{min-height:200px;max-height:300px;padding:12px}.popup-actions{flex-direction:column-reverse;gap:10px}.btn-submit,.btn-cancel{width:100%;justify-content:center;padding:10px 16px}}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%}.loader-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top:6px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loader-text{color:#fff;font-size:18px;font-weight:500;letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite;margin:0}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.forgot-password-container{position:relative;width:100%;max-width:420px}.back-button{position:absolute;top:-50px;left:0;background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.back-button:hover{background:#ffffff4d;transform:translate(-4px)}.forgot-password-card{background:#fff;border-radius:12px;padding:40px 30px;box-shadow:0 10px 40px #0003;animation:slideUp .4s ease-out}.forgot-password-header{margin-bottom:30px;text-align:center}.forgot-password-header h1{font-size:28px;font-weight:700;color:#111827;margin:0 0 10px}.forgot-password-header p{font-size:14px;color:#666;margin:0;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.input-wrapper input{width:100%;padding:12px 12px 12px 40px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;color:#111827;transition:all .3s ease;outline:none}.toggle-password:hover{color:#667eea}.btn-submit{padding:12px 16px;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.form-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.form-footer p{font-size:13px;color:#666;margin:0}.form-footer a,.link-button{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease;background:none;border:none;cursor:pointer;padding:0;font-size:13px}.form-footer a:hover,.link-button:hover{color:#764ba2;text-decoration:underline}@media(max-width:480px){.forgot-password-card{padding:30px 20px}.forgot-password-header h1{font-size:24px}.forgot-password-header p{font-size:13px}.input-wrapper input{padding:10px 10px 10px 36px;font-size:13px}.btn-submit{padding:10px 14px;font-size:13px}.back-button{top:-45px;width:36px;height:36px}}.leave-container{display:flex;gap:20px;padding:20px}.left-panel{flex:2}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #00000014}.title{font-size:22px;font-weight:700;margin-bottom:20px}.form-group{margin-bottom:15px;display:flex;flex-direction:column}label{font-weight:600;margin-bottom:5px}input,select,textarea{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.readonly{background:#f3f3f3;cursor:not-allowed}.row{display:flex;gap:10px}.half{flex:1}.submit-btn{width:100%;padding:12px;background:#1173b9ee;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer}.checkbox-group{display:flex;align-items:center;gap:8px;flex-direction:row!important}.checkbox-group label{display:inline-block;margin:0}.total-days-text{font-size:15px;color:#000;font-weight:700;white-space:nowrap;float:right}.attendance-table-wrapper{width:100%;overflow-x:auto;padding:15px;scrollbar-gutter:stable;box-sizing:border-box}.date-day{font-size:12px;color:#999;margin-top:2px}.attendance-table td.cell-timing{font-size:16px;color:#333;width:100px!important}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;text-transform:capitalize;transition:all .2s ease}.status-badge.approved{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.status-badge.approved:hover{background:#c8e6c9;color:#1b5e20}.status-badge.rejected{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.status-badge.rejected:hover{background:#ffcdd2;color:#b71c1c}.status-badge.pending{background:#fff3e0;color:#e65100;border:1px solid #ffe0b2}.status-badge.pending:hover{background:#ffe0b2;color:#bf360c}.club-leave-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;text-transform:capitalize;transition:all .2s ease}.club-leave-badge.active{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.club-leave-badge.active:hover{background:#90caf9;color:#0d47a1}.club-leave-badge.inactive{background:#f5f5f5;color:#666;border:1px solid #d0d0d0}.club-leave-badge.inactive:hover{background:#e0e0e0;color:#333}.leave-header-controls{display:flex;gap:10px;align-items:center}.leave-search-wrapper{position:relative;width:300px}.leave-search-wrapper input{width:100%;padding:10px 36px;border-radius:10px;border:2px solid #d9d9d9;outline:none;font-size:15px;transition:all .2s ease}.leave-search-wrapper input:hover{border-color:#999}.leave-search-wrapper input:focus{border-color:#1173b9ee;box-shadow:0 0 0 2px #007bff26}.leave-search-wrapper svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#000;font-size:18px;pointer-events:none}.leave-search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;border:none;background:#020617;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none}.leave-search-clear-btn svg{position:static;transform:none;font-size:10px;color:#fff;font-weight:700;pointer-events:none}.leave-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 20px;padding:14px 18px;background:#fff}.leave-top-filter-wrap{margin-bottom:14px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 2px 10px #0f172a0f}.leave-filter-field{display:flex;flex-direction:column;gap:6px;min-width:150px}.leave-filter-field label{font-size:11px;font-weight:700;letter-spacing:.06em;color:#374151;margin:0}.leave-filter-field select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;min-height:42px;padding:10px 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:15px;outline:none}.leave-filter-field select:focus{border-color:#1173b9ee;box-shadow:0 0 0 2px #1173b933}.leave-fetch-report-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 20px;border:none;border-radius:8px;background:#111827;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease}.leave-fetch-report-btn:hover{background:#1f2937}.leave-fetch-report-btn:active{transform:scale(.98)}.leave-clear-report-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.leave-clear-report-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.leave-add-btn{padding:10px 16px;background:#1173b9ee;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap;transition:all .2s ease}.leave-add-btn:hover{background:#1173b9;transform:translateY(-2px);box-shadow:0 2px 4px #0056b333}.leave-add-btn:active{transform:scale(.98)}.leave-status-container{position:relative;display:inline-block}.reject-reason{position:absolute;bottom:100%;left:25%;transform:translate(-50%);background:#ef4444;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.4;text-align:left;max-width:250px;width:-moz-max-content;width:max-content;word-break:break-word;margin-bottom:10px;z-index:9999;box-shadow:0 2px 12px #0003;pointer-events:none}.card-bodys{margin:5px;background:#fff;padding:0;box-shadow:0 2px 5px #0000004d;max-height:70vh;overflow-y:auto;box-sizing:border-box}.cards-paddings{padding:15px}.leave-card-header{align-items:center;padding:14px 18px}.leave-card-header>span:first-child{font-weight:600;font-size:1.125rem;color:#111827}.leave-grid-wrapper.attendance-table-wrappers{height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important}.leave-ag-grid{font-size:14px;color:var(--text);width:100%!important;border:none;border-radius:4px}.leave-ag-grid .ag-root-wrapper,.leave-grid-wrapper .leave-ag-grid .ag-root-wrapper{width:100%!important;border:none!important;height:auto!important}.leave-ag-grid .ag-root,.leave-grid-wrapper .leave-ag-grid .ag-root{width:100%!important;height:auto!important}.leave-ag-grid .ag-body-viewport,.leave-grid-wrapper .leave-ag-grid .ag-body-viewport{overflow-x:hidden!important;overflow-y:visible!important;height:auto!important;width:100%!important}.leave-ag-grid .ag-header-viewport,.leave-grid-wrapper .leave-ag-grid .ag-header-viewport{overflow-x:hidden!important;overflow-y:hidden!important;width:100%!important}.leave-ag-grid .ag-header,.leave-grid-wrapper .leave-ag-grid .ag-header{background:var(--header-bg);border-bottom:2px solid var(--border);width:100%!important;min-height:44px!important}.leave-ag-grid .ag-header-cell,.leave-grid-wrapper .leave-ag-grid .ag-header-cell{font-weight:600;font-size:15px;color:#111827;padding:12px 10px;min-height:44px!important;display:flex!important;align-items:center!important}.leave-grid-wrapper .leave-ag-grid .ag-header-cell-label,.leave-grid-wrapper .leave-ag-grid .ag-cell-label-container{display:flex!important;align-items:center!important}.leave-ag-grid .ag-body-horizontal-scroll,.leave-ag-grid .ag-horizontal-left-spacer,.leave-ag-grid .ag-horizontal-right-spacer{display:none!important}.leave-ag-grid .ag-center-cols-viewport,.leave-ag-grid .ag-center-cols-container{width:100%!important}.leave-ag-grid .ag-row{border-bottom:1px solid #f1f3f5;border-left:3px solid transparent;transition:background .2s ease;min-height:62px}.leave-ag-grid .ag-row:hover,.leave-grid-wrapper .leave-ag-grid .ag-row:hover{background:#e9f2ff;box-shadow:none}.leave-ag-grid .ag-cell{border-right:1px solid #f1f3f5;padding:12px 10px;line-height:1.5;white-space:normal;word-break:break-word;overflow:visible;min-width:0}.leave-ag-grid .ag-cell>*{min-width:0}.leave-ag-grid .ag-cell-value,.leave-grid-wrapper .leave-ag-grid .ag-cell-value{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;line-height:1.5!important;display:block!important;height:auto!important;text-align:justify}.leave-ag-grid .ag-cell-wrapper{width:100%;height:auto!important}.leave-ag-grid .cell-timing{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.5}.leave-ag-grid .cell-date,.leave-grid-wrapper .leave-ag-grid .cell-date{width:100%;display:flex;flex-direction:column;gap:3px}.leave-ag-grid .date-main,.leave-grid-wrapper .leave-ag-grid .date-main{font-weight:600;color:#111827;white-space:nowrap;display:block}.leave-ag-grid .date-day,.leave-grid-wrapper .leave-ag-grid .date-day{font-size:12px;color:#64748b;white-space:nowrap;display:block}.leave-actions{display:flex;gap:12px;align-items:center;justify-content:center}.leave-action-btn{cursor:pointer;padding:4px 6px;border-radius:4px;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.leave-action-btn.edit-btn{background-color:#e3f2fd;color:#1976d2;border:1px solid #1976d2;font-weight:600}.leave-action-btn.edit-btn:hover{background-color:#bbdefb}.leave-action-btn.delete-btn{cursor:pointer;color:#d32f2f;border:1px solid #d32f2f;background-color:#ffebee;font-weight:600}.leave-action-btn.delete-btn:hover{background-color:#ffcdd2}.leave-status-text{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;background:#f5f5f5;color:#666;border:1px solid #ddd}.leave-status-text.approved{background:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.leave-status-text.rejected{background:#ffebee;color:#c62828;border:1px solid #f44336}@media(max-width:900px){.leave-header-controls{width:100%;flex-direction:column}.leave-search-wrapper{width:100%}.leave-add-btn{width:100%;text-align:center}.leave-filter-bar{width:100%}}@media(max-width:480px){.leave-header-controls{width:100%;flex-direction:column;gap:8px}.leave-search-wrapper{width:100%}.leave-add-btn{width:100%;text-align:center}.leave-filter-field,.leave-fetch-report-btn,.leave-clear-report-btn{width:100%}}.change-password-page{background:transparent}.change-password-page-header{margin-bottom:14px}.change-password-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px #0f172a0f;overflow:hidden}.change-password-card-header{padding:14px 20px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#f8fafc,#fff);color:#4b5563;font-size:14px;font-weight:500}.change-password-card-body{padding:18px 20px 20px}.change-password-form{display:flex;flex-direction:column}.field-groups{display:flex;align-items:flex-start;gap:14px}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{font-size:13px;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.5px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#999;pointer-events:none;font-size:18px}.input-wrapper input{width:100%;padding:11px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;transition:all .2s ease;outline:none;background:#fff}.input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.input-wrapper input.error{border-color:#ef4444}.input-wrapper input.error:focus{box-shadow:0 0 0 3px #ef44441a}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s ease}.toggle-password:hover:not(:disabled){color:#667eea}.toggle-password:disabled{cursor:not-allowed;opacity:.5}.button-group{display:flex;gap:12px;margin-top:12px;padding-top:16px;border-top:1px solid #eef2f7;justify-content:flex-end}.change-password-btn{padding:12px 16px;background:linear-gradient(135deg,#1173b9ee,#1173b9);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.change-password-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.change-password-btn:active:not(:disabled){transform:translateY(0)}.change-password-btn:disabled{opacity:.7;cursor:not-allowed}.clear-password-btn{padding:12px 16px;background:#e70000;color:#fff;border:2px solid #e70000;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.clear-password-btn:hover:not(:disabled){background:#b31313;border-color:#b31313;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.clear-password-btn:active:not(:disabled){transform:translateY(0)}.clear-password-btn:disabled{opacity:.7;cursor:not-allowed}.change-password-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.change-password-footer p{font-size:13px;color:#666;margin:0}.link-button{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease;background:none;border:none;cursor:pointer;padding:0;font-size:13px}.link-button:hover{color:#764ba2;text-decoration:underline}.password-strength-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-top:8px}.password-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.password-strength-label{transition:color .3s ease}@media(max-width:768px){.change-password-card{border-radius:12px}.change-password-card-header{padding:12px 14px}.change-password-card-body{padding:14px}.change-password-form{max-width:100%}.field-groups{flex-direction:column;gap:20px}.input-wrapper input{padding:10px 36px;font-size:13px}.button-group{flex-direction:column;gap:10px}.change-password-btn,.clear-password-btn{padding:10px 14px;font-size:13px}}.user-profile-page{background:transparent}.user-profile-page-header{margin-bottom:14px}.user-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px #0f172a0f;overflow:hidden}.user-profile-card-hero{padding:20px 20px 18px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#f8fafc,#fff)}.user-profile-card-body--centered{text-align:center;padding:40px 20px;color:#6b7280}.user-profile-card-body .profile-actions{margin-top:8px;padding-top:18px;border-top:1px solid #eef2f7}.profile-container{display:flex;flex-direction:column;gap:20px}.profile-image-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1002;padding:20px}.profile-image-modal-content{background:#fff;border-radius:16px;width:50%;height:80%;display:flex;flex-direction:column;box-shadow:0 25px 50px #0006;overflow:hidden}@keyframes profileModalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.profile-image-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px}.profile-image-modal-header h3:before{content:"👤";font-size:1.3rem}.profile-image-modal-close{background:none;border:none;padding:10px;border-radius:10px;cursor:pointer;color:#6b7280;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.profile-image-modal-close:hover{background:#f3f4f6;color:#1f2937;transform:scale(1.1)}.profile-image-modal-body{flex:1;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#f9fafb}.profile-image-modal-image{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;border-radius:0;box-shadow:0 10px 30px #0000001a}.profile-image-loading-overlay{position:absolute;inset:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;align-items:center;justify-content:center;z-index:15;border-radius:16px}.profile-image-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#3b82f6}.profile-loading-spinner{animation:profileSpin 1.2s linear infinite;color:#3b82f6;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}@keyframes profileSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.id-proof-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.id-proof-modal-content{background:#fff;border-radius:12px;max-width:50vw;max-height:65vh;width:100%;height:100%;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.id-proof-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.id-proof-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.id-proof-modal-close{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.id-proof-modal-close:hover{background:#f3f4f6;color:#1f2937}.id-proof-modal-body{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.image-loading-overlay{position:absolute;inset:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}.image-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#3b82f6}.loading-spinner{animation:spin 1s linear infinite;color:#3b82f6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.id-proof-modal-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.crop-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.crop-modal-content{background:#fff;border-radius:12px;max-width:60vw;max-height:75vh;width:100%;height:100%;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out;padding:10px}.crop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.crop-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.crop-modal-close{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease}.crop-modal-close:hover{background:#f3f4f6;color:#1f2937}.crop-modal-body{flex:1;padding:0;display:flex;flex-direction:column;min-height:400px;max-height:500px}.crop-container{flex:1;position:relative;background:#f9fafb;border-radius:8px 8px 0 0;overflow:auto;min-height:350px;display:flex;align-items:center;justify-content:center;padding:20px}.crop-container .ReactCrop{max-width:100%;max-height:100%}.crop-container .ReactCrop__crop-selection{border:2px solid #3b82f6;background:#3b82f61a}.crop-container .ReactCrop__drag-handle{width:12px;height:12px;background:#3b82f6;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0003}.crop-container .ReactCrop__drag-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fff;border-radius:50%}.crop-container img{max-width:100%;max-height:100%;display:block}.crop-info{padding:15px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center}.crop-tip{display:inline-block;background:#eff6ff;color:#1e40af;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid #dbeafe}.btn-crop-cancel{background:#e70000;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s ease}.btn-crop-cancel:hover{background:#b31313;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.btn-crop-save{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s ease}.btn-crop-save:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.crop-modal-actions{display:flex;justify-content:flex-end;padding:20px;border-top:1px solid #e5e7eb;gap:12px}.profile-header-card{padding:0}.profile-avatar-section{display:flex;align-items:center;gap:20px}.profile-avatar-wrapper{position:relative}.profile-avatar{width:100px;height:100px;border-radius:50%;border:4px solid #1173b9ee;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;box-shadow:#1173b9ee;flex-shrink:0;overflow:hidden}.profile-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.profile-birthday-badge{position:absolute;left:30%;bottom:70px;transform:translate(-50%) rotate(-20deg);color:#fff;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;z-index:5;animation:birthday-zoom-pop 2s cubic-bezier(.22,1,.36,1) infinite}.birthaday_image{width:100%;height:100%;animation:image-zoom 2.5s ease-out infinite}@keyframes birthday-zoom-pop{0%{opacity:0;transform:translate(-50%) rotate(-20deg) scale(.3)}60%{opacity:1;transform:translate(-50%) rotate(-20deg) scale(1.1)}to{opacity:1;transform:translate(-50%) rotate(-20deg) scale(1)}}@keyframes image-zoom{0%{transform:scale(.7)}70%{transform:scale(1.08)}to{transform:scale(1)}}.profile-avatar-actions{display:flex;flex-direction:column;gap:8px;position:absolute;bottom:-10px;right:-10px}.profile-change-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:all .2s ease}.profile-change-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.profile-camera-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:#1173b9ee;border:3px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.profile-camera-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea80}.profile-camera-btn:active{transform:scale(.95)}.crop-modal-actions-right{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #e5e7eb;gap:12px}.btn-upload-image{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-upload-image:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.btn-upload-image:disabled{opacity:.6;cursor:not-allowed}.profile-name-section{flex:1}.profile-name{font-size:28px;font-weight:700;color:#111827;margin:0 0 5px}.profile-role{font-size:14px;color:#6c757d;margin:0}.btn-edit-profile{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-edit-profile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,3fr));gap:24px;margin-bottom:20px}.profile-row{display:grid;gap:24px;margin-bottom:24px}.profile-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.id-proof-drop-zone{border:2px dashed #d1d5db;border-radius:12px;padding:32px;text-align:center;background:#f9fafb;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.id-proof-drop-zone:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.id-proof-drop-zone.dragging{border-color:#3b82f6;background:#dbeafe;transform:scale(1.02);box-shadow:0 12px 35px #3b82f640}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:16px}.drop-zone-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #3b82f64d;transition:all .3s ease}.id-proof-drop-zone:hover .drop-zone-icon{transform:scale(1.1);box-shadow:0 12px 30px #3b82f666}.drop-zone-text{display:flex;flex-direction:column;gap:4px}.drop-zone-title{font-size:16px;font-weight:600;color:#111827;margin:0}.drop-zone-subtitle{font-size:14px;color:#6b7280;margin:0}.drop-zone-hint{font-size:12px;color:#9ca3af;margin:0}.id-proof-preview-container{display:flex;align-items:center;gap:24px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000001a}.id-proof-image-wrapper{position:relative;width:210px;height:210px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.id-proof-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.id-proof-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;gap:4px}.id-proof-image-wrapper:hover .id-proof-overlay{opacity:1}.id-proof-info{display:flex;flex-direction:column;gap:4px}.id-proof-filename{font-size:14px;font-weight:600;color:#111827;margin:0}.id-proof-status{font-size:12px;color:#059669;margin:0}.change-id-proof-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:8px}.change-id-proof-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.change-id-proof-btn:active{transform:translateY(0)}.id-proof-preview{margin-top:12px;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.id-proof-upload-container{display:flex;gap:20px;align-items:flex-start}.id-proof-upload{margin-bottom:24px}.id-proof-upload-container{position:relative}.id-proof-preview-section{flex:0 0 auto;max-width:300px}.id-proof-upload-area{flex:1;border:2px dashed #3b82f6;border-radius:12px;padding:40px 20px;text-align:center;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative}.id-proof-upload-area:hover{border-color:#2563eb;background:#f1f5f9}.id-proof-upload-area.dragging{border-color:#1d4ed8;background:#dbeafe;transform:scale(1.02)}.upload-area-content{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon{margin-bottom:16px;display:flex;justify-content:center}.upload-icon svg{width:48px;height:48px;color:#6b7280}.upload-text{text-align:center}.upload-title{font-size:16px;font-weight:500;color:#374151;margin:0}.upload-title .browse-link{color:#3b82f6;text-decoration:underline;cursor:pointer;font-weight:600;transition:color .2s ease}.upload-title .browse-link:hover{color:#2563eb;text-decoration:none}.upload-subtitle{font-size:14px;color:#6b7280;margin:8px 0 0}.profile-field.full-width{grid-column:1 / -1}.profile-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.5px}.profile-value{font-size:15px;color:#212529;margin:0;padding:10px 12px;background:#f9fafb;border-radius:6px;border:1px solid #dee2e6}.profile-input,.profile-textarea{width:100%;padding:10px 12px}.custom-datepicker-wrapper{width:100%}.custom-datepicker-input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.custom-datepicker-input:focus{border-color:#1173b9ee;box-shadow:0 0 0 2px #007bff33}.react-datepicker{border-radius:8px;border:1px solid #ddd;box-shadow:0 6px 20px #00000026;font-size:13px}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:#1173b9ee}.react-datepicker__day--today{background-color:#d4e7f3!important;font-weight:600!important;color:#fff!important}.react-datepicker__day--today:hover{background-color:#dee2e6!important}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{background-color:#0056b3}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:flex;align-items:center}.profile-input,.profile-textarea{border:2px solid #dee2e6;border-radius:6px;font-size:14px;color:#111827;transition:all .3s ease;outline:none}.profile-input:focus,.profile-textarea:focus{border-color:#1173b9ee;box-shadow:0 0 0 3px #667eea1a}.profile-input.error,.profile-textarea.error{border-color:#ef4444}.profile-input.error:focus,.profile-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.profile-textarea{resize:vertical;min-height:80px}.disabled-input{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#d0d0d0}.disabled-input:focus{border-color:#d0d0d0;box-shadow:none}.error-text{font-size:12px;color:#ef4444;font-weight:500}.profile-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #dee2e6;justify-content:flex-end}.action-buttons{display:flex;gap:10px}.btn-save,.btn-cancel{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save{background:linear-gradient(135deg,#1173b9ee,#1173b9);color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.btn-cancel{background:#e70000;color:#fff;border:1px solid #dee2e6}.btn-cancel:hover:not(:disabled){background:#b31313;border-color:#bbb}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.account-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.account-info-item{display:flex;flex-direction:column;gap:8px;padding:15px;background:#f9fafb;border-radius:6px;border:1px solid #dee2e6}.info-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;font-weight:500;color:#111827}.info-value.status-active{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#d1fae5;color:#065f46;border-radius:4px;font-size:13px;width:-moz-fit-content;width:fit-content}.info-value.status-active:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%}.attendance-cards{display:flex;flex-direction:column;gap:12px;border-radius:8px;transition:all .3s ease}.card-headers{padding:12px 16px 12px 0;font-size:1.1rem;font-weight:700!important;border-bottom:1px solid var(--border);color:var(--text);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.id-proof-upload{background:#fafbfc;border-radius:12px;border:1px solid #e5e7eb;padding:16px}@media(max-width:768px){.user-profile-card{border-radius:12px}.user-profile-card-hero{padding:16px 14px 14px}.user-profile-card-body{padding:14px}.profile-avatar-section{flex-direction:column;text-align:center}.profile-grid{grid-template-columns:1fr;gap:16px}.profile-field{margin-bottom:16px}.profile-actions{flex-direction:column}.btn-save,.btn-cancel{width:100%;justify-content:center}.account-info-grid{grid-template-columns:1fr}.profile-header-card{padding:0}.profile-avatar{width:80px;height:80px}.profile-birthday-badge{bottom:-10px;font-size:10px;padding:5px 10px}.profile-name{font-size:22px}.id-proof-drop-zone{padding:20px}.id-proof-preview-container{flex-direction:column;text-align:center;gap:16px}.profile-image-modal-overlay{padding:10px}.profile-image-modal-content{max-width:95vw;max-height:95vh;border-radius:12px}.profile-image-modal-header{padding:16px}.profile-image-modal-header h3{font-size:1.2rem}.profile-image-modal-close{width:36px;height:36px;padding:8px}.profile-loading-spinner{width:36px;height:36px}}@media(max-width:480px){.profile-header-card{padding:0}.profile-avatar{width:70px;height:70px}.profile-name{font-size:18px}.profile-role{font-size:12px}.btn-edit-profile{padding:8px 12px;font-size:13px}.profile-image-modal-overlay{padding:5px}.profile-image-modal-content{max-width:98vw;max-height:98vh;border-radius:8px}.profile-image-modal-header{padding:12px}.profile-image-modal-header h3{font-size:1rem}.profile-image-modal-header h3:before{font-size:1rem}.profile-image-modal-close{width:32px;height:32px;padding:6px}.profile-loading-spinner{width:32px;height:32px}.profile-image-loading-container{gap:12px}}.attendance-page{background:linear-gradient(180deg,#f4f8fc,#eef4fb);padding:20px}.page-header{margin-bottom:18px}.page-title{margin:0;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:700;color:#0f172a;letter-spacing:-.02em}.profile-container{gap:14px}.profile-header-card{background:#fff;border:none;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0f172a0f}.profile-avatar{width:112px;height:112px;border:4px solid #ffffff;background:linear-gradient(135deg,#0f6ab0,#1d87d8);box-shadow:0 8px 28px #1173b959}.profile-camera-btn{border:2px solid #ffffff;background:linear-gradient(135deg,#0f6ab0,#1480d1)}.profile-name{margin:0 0 6px;font-size:clamp(1.3rem,2vw,1.7rem);color:#0f172a}.profile-role{color:#475569;font-size:.92rem;font-weight:500}.attendance-cards{margin-top:20px}.card-headers{margin:0 0 8px;padding:0 0 12px;font-size:1.03rem;color:#0f172a;border-bottom:1px solid #e6eef7}.profile-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px;margin-top:16px}.profile-field{margin-bottom:4px}.profile-label{font-size:12px;font-weight:700;color:#334155;letter-spacing:.04em}.profile-input,.profile-textarea,.custom-datepicker-input{border:1px solid #cfdae8;border-radius:10px;background:#fcfdff;min-height:42px;padding:10px 12px;font-size:14px}.profile-input:focus,.profile-textarea:focus,.custom-datepicker-input:focus{border-color:#1b7ecb;box-shadow:0 0 0 3px #1b7ecb24;background:#fff}.disabled-input{background:#f1f5f9;color:#64748b;border-color:#d9e2ee}.id-proof-upload{background:linear-gradient(180deg,#fbfdff,#f7fbff);border:1px solid #dce8f5;border-radius:14px;padding:14px}.id-proof-upload-area{border:2px dashed #8fb7db;background:#f6fbff;border-radius:12px}.id-proof-upload-area:hover{border-color:#1b7ecb;background:#eef7ff}.id-proof-image-wrapper{border-radius:12px;border:1px solid #dce8f5}.profile-actions{margin-top:18px;border-top:1px solid #e6eef7;padding-top:16px}.btn-save,.btn-cancel{border-radius:10px;min-height:42px;padding:0 18px;font-weight:600}.btn-save{background:linear-gradient(135deg,#0f6ab0,#1382d6);box-shadow:0 8px 20px #1173b940}.btn-save:hover:not(:disabled){box-shadow:0 10px 26px #1173b954}.btn-cancel{background:#fff5f5;color:#b91c1c;border:1px solid #fecaca}.btn-cancel:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}@media(max-width:980px){.profile-grid{grid-template-columns:1fr}.id-proof-upload-container{flex-direction:column}}.user-profile-page .page-title{margin:0;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:700;color:#0f172a;letter-spacing:-.02em}.user-profile-card{border-radius:14px}.user-profile-card-hero{padding:14px 20px}.user-profile-card-body{padding:18px 20px 20px}.profile-header-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.profile-avatar{width:92px;height:92px;border:3px solid #1173b9ee;box-shadow:none}.profile-name{font-size:30px}.profile-role{color:#4b5563}.profile-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;margin-top:0}.profile-field{margin-bottom:10px}.profile-label{font-size:13px;text-transform:uppercase;letter-spacing:.5px}.profile-input,.custom-datepicker-input{border:1px solid #d1d5db;border-radius:8px;min-height:42px;background:#fff}.profile-input:focus,.custom-datepicker-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-actions{margin-top:12px;padding-top:16px;border-top:1px solid #eef2f7}.btn-save,.btn-cancel{padding:12px 16px;border-radius:8px;font-size:14px}.btn-save{background:linear-gradient(135deg,#1173b9ee,#1173b9)}.btn-cancel{background:#e70000;border:2px solid #e70000;color:#fff}.btn-cancel:hover:not(:disabled){background:#b31313;border-color:#b31313}@media(max-width:1100px){.profile-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:768px){.profile-grid{grid-template-columns:1fr}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{--page-bg: #f4f6f9;--card-bg: #fff;--border: #e5e7eb;--text: #212529;--muted: #6c757d;--header-bg: #f9fafb}.report-page{background:var(--page-bg);padding:0!important;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-title{font-size:2rem;font-weight:700!important;color:var(--text);margin:0}.breadcrumb{font-size:15px;color:#1173b9ee}.breadcrumb a{color:#1173b9ee;text-decoration:none}.breadcrumb span{color:#1173b9ee}.attendance-card{background:var(--card-bg);overflow:hidden}.card-header{padding:0 16px 10px 0;font-size:1.1rem;font-weight:400!important;border-bottom:1px solid var(--border);color:var(--text)}.card-header span{font-size:22px;font-weight:700}.card-body{margin:5px;background:#fff;padding:0;box-shadow:0 2px 5px #0000004d}.attendance-table-wrapper{width:100%;height:600px!important;overflow:hidden!important;padding:0!important;position:relative;max-width:100%;box-sizing:border-box;background:#fff}.salary-ag-grid{font-size:14px;color:var(--text);height:100%!important;width:100%!important;border:1px solid var(--border);border-radius:4px}.salary-ag-grid .ag-root-wrapper{height:100%!important;width:100%!important;overflow:hidden!important;border:none!important}.salary-ag-grid .ag-root{height:100%!important;width:100%!important;overflow:hidden!important}.salary-ag-grid .ag-body-viewport{overflow-x:hidden!important;overflow-y:auto!important;height:calc(100% - 50px)!important;width:100%!important}.salary-ag-grid .ag-header-viewport{overflow-x:hidden!important;overflow-y:hidden!important;width:100%!important}.salary-ag-grid .ag-center-cols-viewport,.salary-ag-grid .ag-center-cols-container{width:100%!important}.salary-ag-grid .ag-root-wrapper{height:100%!important;border:none!important}.salary-ag-grid .ag-root{height:100%!important;overflow:hidden!important}.salary-ag-grid .ag-body-viewport{overflow-x:hidden!important;overflow-y:auto!important;height:calc(100% - 50px)!important}.salary-ag-grid .ag-header-viewport,.salary-ag-grid .ag-root,.salary-ag-grid .ag-root-wrapper{overflow-x:hidden!important;overflow-y:hidden!important}.cell_main{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-weight:600;color:#334155;display:inline-block}.ag-popup,.ag-menu,.ag-filter{z-index:9999!important}.ag-menu{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:0 10px 25px #0000001a!important;min-width:200px!important;padding:3px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.ag-menu-list{background:transparent!important;border:none!important;padding:0!important}.ag-menu-option{padding:8px 15px!important;margin:0!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;color:#374151!important;background:transparent!important;border:none!important;transition:all .2s ease!important}.ag-menu-option:hover{background:#e7f3ff!important;color:#111827!important}.ag-menu-option-active{background:#e5e7eb!important;color:#111827!important}.ag-menu-option-icon{color:#6b7280!important;font-size:16px!important;width:16px!important;height:16px!important;display:flex!important;align-items:center!important;justify-content:center!important}.ag-menu-option-text{flex:1!important;font-weight:400!important;font-size:14px!important}.ag-menu-separator{margin:6px 10px!important;border:none!important}.ag-menu-header{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;padding:8px 12px!important;font-weight:600!important;color:#111827!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.ag-filter{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:0 10px 25px #0000001a!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.ag-filter-body{padding:12px!important}.ag-filter-apply-panel{padding:8px 12px!important;border-top:1px solid #e5e7eb!important;background:#f9fafb!important}.ag-filter-apply-panel button{background:#3b82f6!important;color:#fff!important;border:none!important;padding:6px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:background .2s ease!important}.ag-filter-apply-panel button:hover{background:#2563eb!important}.ag-column-select-panel{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:0 10px 25px #0000001a!important;min-width:250px!important;max-height:400px!important;overflow-y:auto!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.ag-column-select-panel .ag-column-select-column{padding:8px 12px!important;border-bottom:1px solid #f3f4f6!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;transition:background .2s ease!important}.ag-column-select-panel .ag-column-select-column:hover{background:#f9fafb!important}.ag-column-select-panel .ag-column-select-column label{cursor:pointer!important;font-size:14px!important;color:#374151!important;margin:0!important}.ag-column-select-panel .ag-column-select-column input[type=checkbox]{margin:0!important;cursor:pointer!important}.salary-ag-grid .ag-header{background:var(--header-bg)!important;border-bottom:2px solid var(--border)!important;display:flex!important;min-height:50px!important}.salary-ag-grid .ag-header-viewport,.salary-ag-grid .ag-header-container{background:var(--header-bg)!important}.ag-header-cell-menu-button{opacity:1!important;display:inline-flex!important;pointer-events:all!important}.salary-ag-grid .ag-sort-indicator{display:none}.salary-ag-grid .ag-header-cell{font-weight:600;font-size:20px;color:#111827;padding:12px 10px;background:var(--header-bg)!important;display:flex!important;align-items:center!important}.salary-ag-grid .ag-header-cell:last-child{border-right:none!important}.salary-ag-grid .ag-header-cell-label{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important}.salary-ag-grid .ag-header-cell-comp-wrapper{display:flex!important;align-items:center!important;width:100%!important}.salary-ag-grid .ag-header-cell-text{font-size:15px;font-weight:600!important;color:#111827!important}.salary-ag-grid .ag-row{border-bottom:1px solid #f1f3f5;transition:all .3s ease;border-left:4px solid transparent}.salary-ag-grid .ag-row:hover{background:#e9f2ff;box-shadow:inset 0 0 0 1px #b3d9ff}.salary-ag-grid .ag-cell{border-right:1px solid #f1f3f5;padding:10px;vertical-align:middle;display:flex!important;align-items:center!important}.salary-ag-grid .ag-cell:last-child{border-right:none}.attendance-table-wrapper{width:100%;overflow-x:auto;scrollbar-gutter:stable}.attendance-table{width:100%;border-collapse:collapse;font-size:14px;color:var(--text);table-layout:fixed;min-width:0}.salary-filters{background:var(--card-bg);padding:16px;border-radius:6px;border:1px solid var(--border);margin-bottom:20px;box-shadow:0 2px 4px #00000014}.filters-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:120px}.filter-group label{font-size:13px;font-weight:600;color:var(--text)}.filter-select{padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:#fff;color:var(--text);cursor:pointer;transition:all .2s ease}.search-group{flex:1;min-width:200px}.search-input-wrapper{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:#fff;transition:all .2s ease}.search-icon{color:var(--muted);flex-shrink:0}.search-input{border:none;flex:1;padding:0;font-size:14px;outline:none;background:transparent;color:var(--text)}.search-input::-moz-placeholder{color:var(--muted)}.search-input::placeholder{color:var(--muted)}.export-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;white-space:nowrap;margin-top:0}@media(max-width:768px){.filters-row{gap:12px}.filter-group{min-width:100px}.search-group{min-width:150px}.export-btn{padding:8px 12px;font-size:13px}}@media(max-width:600px){.filters-row{flex-direction:column;gap:12px}.filter-group,.search-group{width:100%;min-width:unset}.export-btn{width:100%;justify-content:center}}.attendance-table th,.attendance-table td{white-space:normal;word-break:break-word}.attendance-table thead{background:var(--header-bg);border-bottom:2px solid var(--border)}.attendance-table th{text-align:left;padding:12px 10px;font-weight:600;border-right:1px solid var(--border);color:#111827;vertical-align:middle}.attendance-table td{padding:10px;border-right:1px solid #f1f3f5;border-bottom:1px solid #f1f3f5;vertical-align:middle}.attendance-table th:last-child,.attendance-table td:last-child{border-right:none}.attendance-table tbody tr.attendance-row{transition:all .2s ease}.attendance-table tbody tr.attendance-row:hover{background:#e9f2ff;box-shadow:inset 0 0 0 1px #b3d9ff}.attendance-table td.cell-id{font-weight:600;color:#06c;font-size:12px}.attendance-table td.cell-date{font-weight:600}.date-day{font-size:16px;color:#999;margin-top:2px}.attendance-table td.cell-time{font-size:16px;color:#333}.attendance-table td.cell-breaks{cursor:pointer}.breaks-badge{display:inline-block;padding:6px 10px;border-radius:10px!important;font-size:14px;font-weight:500;transition:all .2s ease}.breaks-badge.active{background:#e7f3ff;color:#1173b9ee;cursor:pointer}.breaks-badge.active:hover{background:#cce5ff;color:#1173b9ee}.breaks-badge.pending{background:#fff3cd;color:#856404;cursor:pointer;border:1px solid #ffeaa7}.breaks-badge.pending:hover{background:#ffeaa7;color:#856404}.report-btn{background:none;border:none;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.report-btn.active{background:#1173b9ee;color:#fff}.report-btn.active:hover{background:#1173b9;box-shadow:#1173b9}.report-btns.disabled{background:#f0f0f0;color:#ccc;cursor:not-allowed}.attendance-table td.cell-hours{font-weight:600;color:#1173b9ee}.salary-cell-gross{color:#28a745!important}.salary-cell-deductions{color:#dc3545!important}.salary-cell-net{color:#1173b9ee!important;font-weight:700!important}.salary-actions{gap:8px;justify-content:center}.empty-row{text-align:center;padding:20px;color:var(--muted);font-style:italic}.btn{padding:8px 14px;border-radius:6px;border:none;cursor:pointer;color:#fff;font-weight:600}.btn-primary{background:#1173b9ee}.btn-warning{background:#ffc107;color:#111}.btn-success{background:#28a745}.btn-danger{background:#dc3545}.btn-purple{background:#6f42c1}.attendance-table-wrapper::-webkit-scrollbar{height:10px}.attendance-table-wrapper::-webkit-scrollbar-thumb{background:#a0a8b0;border-radius:8px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.popup{background:#fff;padding:25px;border-radius:12px;width:380px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 15px #0000004d;animation:popupShow .2s ease-out}@keyframes popupShow{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.popup-table{width:100%;border-collapse:collapse;margin-top:10px}.popup-table th,.popup-table td{border:1px solid #ccc;padding:8px;text-align:left}.popup-close{margin-top:15px;padding:8px 20px;background:#ff4d4d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-box{background:#fff;width:1000px;max-width:92vw;border-radius:10px;padding:16px 18px;box-shadow:0 10px 30px #00000040}.break-table{width:100%;border-collapse:collapse;margin-top:10px;margin-bottom:10px}.report-content{margin-top:20px;margin-bottom:20px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;max-height:400px;overflow-y:auto;line-height:1.6;font-size:15px}.report-content h1,.report-content h2,.report-content h3{margin-top:16px;margin-bottom:8px;font-weight:600}.report-content h1{font-size:24px}.report-content h2{font-size:20px}.report-content h3{font-size:18px}.report-content ul,.report-content ol{margin:8px 0;padding-left:24px}.report-content li{margin:4px 0}.report-content a{color:#0b57d0;text-decoration:underline}.report-content p{margin:8px 0}.break-table th,.break-table td{border:1px solid #e3e3e3;padding:8px 10px;text-align:left}.btn-sucess{background:#28a745;margin-top:20px}.close-btn{background:#111827;color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer}.btn.btn-outline.btn-xs{padding:4px 10px;border:1px solid #bbb;background:#fff;border-radius:6px;font-size:12px;cursor:pointer}.text-12{font-size:12px}.text-muted{color:#6b7280}.ml-2{margin-left:8px}.mb-2{margin-bottom:8px}.main-header{display:flex}.salary-header-wrapper{display:flex;gap:15px;flex-wrap:nowrap;align-items:flex-end;justify-content:end;margin-bottom:20px;background:#f9f9f9;padding:16px;border-radius:6px;border:2px solid var(--border);box-shadow:0 2px 4px #00000014}.salary-filter-group{display:flex;align-items:center;gap:5px}.salary-filter-group label{font-size:13px;font-weight:600;color:var(--text)}.salary-filter-group select{padding:8px 12px;border:2px solid #d9d9d9;border-radius:8px;font-size:14px;background:#fff;color:var(--text);cursor:pointer;transition:all .2s ease;min-width:120px}.salary-filter-group select:hover{border-color:#999}.salary-filter-group select:focus{outline:none;border-color:#1173b9ee;box-shadow:0 0 0 2px #007bff26}.salary-search-group{display:flex;flex-direction:column;gap:5px;width:-moz-fit-content;width:fit-content}.salary-search-group label{font-size:13px;font-weight:600;color:var(--text)}.salary-search-input-wrapper{display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid #d9d9d9;border-radius:8px;background:#fff;transition:all .2s ease;width:-moz-fit-content;width:fit-content;height:42px}.salary-search-input-wrapper:focus-within{border-color:#1173b9ee;box-shadow:0 0 0 2px #007bff26}.salary-search-input-wrapper svg{color:var(--muted);flex-shrink:0}.salary-search-input-wrapper input{border:none;flex:1;padding:5px;font-size:14px;outline:none;background:transparent;color:var(--text)}.salary-search-input-wrapper input::-moz-placeholder{color:var(--muted)}.salary-search-input-wrapper input::placeholder{color:var(--muted)}.salary-search-clear-btn{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:none;background:#020617;color:#fff;cursor:pointer;padding:0;outline:none;flex-shrink:0}.salary-search-clear-btn svg{color:#fff;font-weight:700}.salary-export-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.salary-export-btn:hover{background:#218838;box-shadow:0 2px 4px #21883833}.salary-export-btn:active{transform:scale(.98)}@media(max-width:1200px){.salary-header-wrapper{flex-wrap:wrap}.salary-filter-group{flex:0 1 auto}.salary-search-group{flex:1}.salary-export-btn{flex:0 1 auto}}@media(max-width:480px){.salary-header-wrapper{flex-direction:column;align-items:stretch;gap:10px}.salary-filter-group,.salary-search-group{width:100%}.salary-export-btn{width:100%;justify-content:center;font-size:14px}}@-moz-document url-prefix(){.attendance-table-wrapper{scrollbar-width:thin;scrollbar-color:#a0a8b0 transparent}}@media(max-width:900px){.page-title{font-size:1.5rem}.card-header{flex-direction:column;align-items:flex-start;justify-content:flex-start}.salary-header-wrapper{flex-direction:column;align-items:stretch;gap:12px}.salary-filter-group{width:100%}.salary-search-group{flex:1;min-width:auto}.salary-export-btn{width:100%;justify-content:center}.card-body{max-height:65vh;overflow-y:auto}.attendance-table-wrapper{padding:10px;overflow-x:auto!important;overflow-y:auto!important;max-height:calc(65vh - 80px)!important}.attendance-table{font-size:12px;table-layout:auto!important;min-width:600px!important}.attendance-table th,.attendance-table td{font-size:12px;padding:8px 6px;white-space:nowrap}.attendance-table th,.attendance-table td{padding:8px 6px}.detail-grid{grid-template-columns:1fr}.modal-box{width:95vw;padding:12px}.popup{width:90vw;padding:15px}}@media(max-width:480px){.page-title{font-size:1.2rem}.page-header{margin-bottom:15px}.card-header{padding:10px 12px;font-size:1rem;display:flex;flex-direction:column;gap:8px}.salary-header-wrapper{flex-direction:column;align-items:stretch;gap:10px}.salary-filter-group,.salary-search-group{width:100%}.salary-export-btn{width:100%;justify-content:center;font-size:14px}.card-body{max-height:60vh;overflow-y:auto}.attendance-table-wrapper{padding:8px;overflow-x:auto!important;overflow-y:auto!important;max-height:calc(60vh - 80px)!important}.attendance-table{font-size:11px;min-width:500px!important;table-layout:auto!important}.attendance-table th,.attendance-table td{padding:6px 4px;font-size:11px;white-space:nowrap!important}.attendance-table td.cell-id{font-size:10px}.attendance-table td.cell-time{font-size:11px}.modal-box{width:98vw;padding:10px}.popup{width:95vw;padding:12px}}.sdm-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.sdm-box{background:#fff;border-radius:12px;width:780px;max-width:95vw;padding:24px 28px;box-shadow:0 20px 60px #00000026}.sdm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.sdm-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px}.sdm-subtitle{font-size:13px;color:#6b7280;margin:0}.sdm-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;display:flex;align-items:center}.sdm-close:hover{color:#111827;background:#f3f4f6}.sdm-divider{border:none;border-top:1px solid #e5e7eb;margin:0 0 24px}.sdm-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:24px}.sdm-left{display:flex;flex-direction:column;gap:12px;padding-top:8px}.sdm-info-row{font-size:14px;color:#374151;margin:0}.sdm-info-row strong{font-weight:600}.sdm-blue{color:#2563eb}.sdm-red{color:#ef4444}.sdm-right{display:flex;flex-direction:column;gap:12px}.sdm-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.sdm-row-label{color:#6b7280}.sdm-row-value{font-weight:600}.sdm-green{color:#10b981}.sdm-total-box{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#1e293b}.sdm-payable-box{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:10px;color:#fff;font-size:16px;font-weight:700;margin-top:4px}.sdm-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e5e7eb}.sdm-btn-close{padding:8px 20px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer}.sdm-btn-close:hover{background:#f9fafb}.sdm-btn-download{padding:8px 20px;border-radius:8px;border:none;background:#7c3aed;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.sdm-btn-download:hover{background:#6d28d9}.sdm-btn-download:disabled{background:#c4b5fd;cursor:not-allowed}.daily-salary-report.report-page{background:var(--page-bg, #f4f6f9);padding:24px;box-sizing:border-box;min-height:100%}.daily-salary-report .page-header{margin-bottom:20px}.daily-salary-report .page-title{font-size:1.75rem;font-weight:700;color:var(--text, #212529);margin:0 0 4px}.daily-salary-report .page-subtitle{font-size:14px;color:#6c757d;margin:0}.daily-salary-report .daily-salary-filters{background:#fff;border-radius:8px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 3px #00000014;border:1px solid var(--border, #e5e7eb);display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}.daily-salary-report .filter-field{display:flex;flex-direction:column;gap:6px}.daily-salary-report .filter-field label{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em;text-transform:uppercase}.daily-salary-report .filter-field select{padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#111827;cursor:pointer;min-width:140px}.daily-salary-report .filter-field select:focus{outline:none;border-color:#1173b9ee;box-shadow:0 0 0 2px #1173b926}.daily-salary-report .filter-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.daily-salary-report .btn-fetch{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#1173b9ee;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.daily-salary-report .btn-fetch:hover:not(:disabled){background:#0d5a9e;box-shadow:0 2px 8px #1173b94d}.daily-salary-report .btn-fetch:disabled{opacity:.7;cursor:not-allowed}.daily-salary-report .btn-download{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.daily-salary-report .btn-download:hover:not(:disabled){background:#218838;box-shadow:0 2px 8px #28a7454d}.daily-salary-report .btn-download:disabled{opacity:.6;cursor:not-allowed}.daily-salary-report .summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.daily-salary-report .summary-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014;border:1px solid var(--border, #e5e7eb);display:flex;align-items:flex-start;gap:16px;transition:box-shadow .2s ease}.daily-salary-report .summary-card:hover{box-shadow:0 4px 12px #0000001a}.daily-salary-report .summary-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.daily-salary-report .summary-card-icon.employee{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.daily-salary-report .summary-card-icon.month{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.daily-salary-report .summary-card-icon.salary{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}.daily-salary-report .summary-card-icon.hours{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.daily-salary-report .summary-card-icon.working-days{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff}.daily-salary-report .summary-card-icon.attended-days{background:linear-gradient(135deg,#06b6d4,#22d3ee);color:#fff}.daily-salary-report .summary-card-icon.billable{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.daily-salary-report .summary-card-icon.leaves{background:linear-gradient(135deg,#fb7185,#fda4af);color:#fff}.daily-salary-report .summary-card-icon.taken-leave{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.daily-salary-report .summary-card-icon.pending-leave{background:linear-gradient(135deg,#22d3ee,#38bdf8);color:#fff}.daily-salary-report .summary-card-icon.club-applied{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}.daily-salary-report .summary-card-icon.pending-club{background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#fff}.daily-salary-report .summary-card-body{min-width:0}.daily-salary-report .summary-card-label{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.daily-salary-report .summary-card-value{font-size:1.1rem;font-weight:700;color:#111827}.daily-salary-report .salary-report-section{background:#fff;border-radius:8px;border:1px solid var(--border, #e5e7eb);box-shadow:0 1px 3px #00000014;overflow:hidden}.daily-salary-report .salary-report-title{font-size:1.1rem;font-weight:700;color:#111827;padding:16px 20px;border-bottom:1px solid var(--border, #e5e7eb);background:#f9fafb}.daily-salary-report .salary-report-table-wrapper{overflow-x:auto;max-height:520px;overflow-y:auto}.daily-salary-report .salary-report-table{width:100%;border-collapse:collapse;font-size:14px}.daily-salary-report .salary-report-table thead{position:sticky;top:0;z-index:1;background:#f3f4f6;border-bottom:2px solid #e5e7eb}.daily-salary-report .salary-report-table th{text-align:left;padding:12px 16px;font-weight:600;color:#374151;font-size:12px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.daily-salary-report .salary-report-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.daily-salary-report .salary-report-table tbody tr:nth-child(2n){background:#fafafa}.daily-salary-report .salary-report-table tbody tr:hover{background:#f0f9ff}.daily-salary-report .salary-report-table tbody tr.under-hours-row{background:#fff1f2}.daily-salary-report .salary-report-table tbody tr.under-hours-row:hover{background:#ffe4e6}.daily-salary-report .ag-theme-alpine .ag-row.under-hours-row .ag-cell{background:#fff1f2!important}.daily-salary-report .ag-theme-alpine .ag-row.under-hours-row:hover .ag-cell{background:#ffe4e6!important}.daily-salary-report .status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.daily-salary-report .status-badge.weekend{background:#ede9fe;color:#5b21b6}.daily-salary-report .status-badge.holiday{background:#dbeafe;color:#1d4ed8}.daily-salary-report .status-badge.leave{background:#fef3c7;color:#b45309}.daily-salary-report .status-badge.present{background:#d1fae5;color:#047857}.daily-salary-report .status-badge.absent{background:#fee2e2;color:#b91c1c}.daily-salary-report .status-badge.half-day{background:#e0e7ff;color:#3730a3}.daily-salary-report .status-badge.default{background:#f3f4f6;color:#4b5563}.daily-salary-report .day-salary-cell{font-weight:600;color:#1173b9ee}.daily-salary-report .daily-salary-ag-grid-container .ag-cell{display:flex!important;align-items:center!important;line-height:1.2!important;padding-top:0!important;padding-bottom:0!important}.daily-salary-report .daily-salary-ag-grid-container .ag-cell-wrapper{align-items:center!important}.daily-salary-report .empty-state{text-align:center;padding:48px 20px;color:#6b7280;font-size:15px;background:#fff;border-radius:8px;border:1px solid var(--border, #e5e7eb)}.daily-salary-report .empty-state.loading{color:#1173b9ee}.daily-salary-report .daily-salary-pagination{padding:16px 20px;border-top:1px solid var(--border, #e5e7eb);background:#f9fafb}@media(max-width:1024px){.daily-salary-report .summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.daily-salary-report.report-page{padding:16px}.daily-salary-report .daily-salary-filters{flex-direction:column;align-items:stretch}.daily-salary-report .filter-actions{margin-left:0;flex-wrap:wrap}.daily-salary-report .summary-cards{grid-template-columns:1fr}.daily-salary-report .daily-salary-ag-grid-container{max-height:400px}.daily-salary-report .salary-report-table th,.daily-salary-report .salary-report-table td{padding:10px 12px;font-size:13px}}.chat-container{display:flex;height:calc(100vh - 4rem);background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.chat-sidebar{width:360px;background-color:#f3f3f3;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.chat-header h2{margin:0;font-size:20px;font-weight:600;color:#000}.chat-new-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#3b82f6}.chat-new-btn:hover{background-color:#e8e8e8;transform:scale(1.1)}.chat-search-box{padding:12px 16px;display:flex;align-items:center;gap:8px;background-color:#e8e8e8;margin:8px 12px;border-radius:20px;color:#666}.chat-search-box input{border:none;background:none;outline:none;flex:1;font-size:14px;color:#000}.chat-search-box input::-moz-placeholder{color:#999}.chat-search-box input::placeholder{color:#999}.chat-conversations-list{flex:1;overflow-y:auto;padding:8px 0}.chat-conversations-list::-webkit-scrollbar{width:6px}.chat-conversations-list::-webkit-scrollbar-track{background:transparent}.chat-conversations-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-conversations-list::-webkit-scrollbar-thumb:hover{background:#999}.chat-conversation-item{padding:8px 12px;margin:0 8px;border-radius:8px;cursor:pointer;display:flex;gap:12px;align-items:flex-start;transition:all .2s ease;border:1px solid transparent}.chat-conversation-item:hover{background-color:#e8e8e8}.chat-conversation-item.active{background-color:#e1f0ff;border-color:#3b82f6}.chat-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0;position:relative}.chat-conv-info{flex:1;min-width:0}.chat-conv-name{font-size:14px;font-weight:500;color:#000;margin-bottom:4px}.chat-conv-preview{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.chat-timestamp{font-size:12px;color:#999}.chat-unread-badge{background-color:#3b82f6;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.chat-main{flex:1;display:flex;flex-direction:column;background-color:#fff}.chat-top-bar{padding:16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background-color:#fafafa}.chat-top-info{display:flex;align-items:center;gap:12px}.chat-top-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;position:relative}.chat-top-info h3{margin:0;font-size:16px;font-weight:600;color:#000}.chat-top-info p{margin:4px 0 0;font-size:12px;color:#666}.chat-top-actions{display:flex;gap:8px}.chat-action-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all .2s ease}.chat-action-btn:hover{background-color:#e8e8e8;transform:scale(1.1)}.chat-messages{position:relative;flex:1;overflow-y:auto;overflow-x:visible;padding:16px;display:flex;flex-direction:column;gap:12px;background-color:#fff}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}.chat-message{display:flex;gap:8px;align-items:flex-end;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own-message{justify-content:flex-end}.message-avatar{width:32px;height:32px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.message-content{display:flex;flex-direction:column;gap:4px;max-width:70%;overflow:visible}.chat-message.own-message .message-content{align-items:flex-end}.message-bubble{padding:8px 12px;border-radius:12px;word-wrap:break-word;position:relative;overflow:visible}.chat-message.other-message .message-bubble{background-color:#e8e8e8;color:#000}.chat-message.own-message .message-bubble{background-color:#3b82f6;color:#fff}.message-bubble p{margin:0;font-size:14px;line-height:1.4}.message-time{font-size:11px;color:#999;margin-top:4px}.message-actions{position:absolute;bottom:-40px;left:0;display:flex;gap:4px;padding:6px 8px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 12px #00000026;animation:slideUp .2s ease;z-index:100;white-space:nowrap;opacity:1;visibility:visible}.own-message .message-actions{left:auto;right:0}.message-action-btn{background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all .2s ease;font-size:16px}.message-action-btn:hover{background-color:#0078d41a;transform:scale(1.15)}.message-action-btn.delete{color:#d32f2f}.message-action-btn.delete:hover{background-color:#d32f2f1a}.message-action-reaction{position:absolute;bottom:-20px;right:0;font-size:18px;padding:4px;border-radius:100%;background-color:#709fc4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.own-message .message-action-reaction{right:auto;left:0}.message-action-reaction:hover{background-color:#0078d433;transform:scale(1.1)}.reaction-picker{position:absolute;top:100%;left:0;margin-top:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #00000026;animation:slideUp .2s ease;z-index:101;min-width:280px}.reaction-picker-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;font-size:24px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.reaction-picker-btn:hover{background-color:#0078d41a;transform:scale(1.2)}.message-reactions-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 8px;width:-moz-fit-content;width:fit-content;background-color:#c3e2ff;border-radius:12px;margin-top:4px;animation:slideIn .3s ease}.reactions-content{display:flex;align-items:center;gap:10px;flex:1}.reactions-avatar{position:relative;width:32px;height:32px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.reactions-info{display:flex;flex-direction:column;gap:4px}.reactions-name{font-size:13px;font-weight:600;color:#fff}.reactions-emojis{display:flex;gap:6px;flex-wrap:wrap}.reaction-emoji-item{font-size:18px;cursor:pointer;transition:all .2s ease}.reaction-emoji-item:hover{transform:scale(1.2)}.reactions-actions{display:flex;gap:4px;flex-shrink:0}.reaction-action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s ease}.reaction-action-btn:hover{background-color:#ffffff1a;color:#fff}.message-gif{margin-bottom:8px;border-radius:8px;overflow:hidden;max-width:300px}.message-gif img{width:100%;height:auto;display:block;border-radius:8px}.message-files{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.message-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#0000000d;border-radius:6px;font-size:13px}.file-icon{font-size:16px;flex-shrink:0}.file-name{color:#3b82f6;text-decoration:none;word-break:break-word;cursor:pointer;transition:all .2s ease}.file-name:hover{text-decoration:underline}.typing-indicator{display:flex;gap:4px;align-items:center;padding:8px 12px;background-color:#e8e8e8;border-radius:12px;width:-moz-fit-content;width:fit-content}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:#999;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;text-align:center}.empty-avatar{width:80px;height:80px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:32px;margin-bottom:16px}.chat-empty-state h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#000}.chat-empty-state p{margin:0;font-size:14px;color:#999}.chat-reply-preview{padding:10px 16px;border-top:2px solid #3b82f6;border-left:4px solid #3b82f6;background-color:#0078d40d;display:flex;justify-content:space-between;align-items:center;gap:12px}.reply-content{flex:1;min-width:0}.reply-label{font-size:12px;font-weight:600;color:#3b82f6;margin-bottom:4px}.reply-text{font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s ease;flex-shrink:0}.reply-close:hover{background-color:#0000000d;color:#333}.chat-attached-gif{padding:8px 16px;border-top:1px solid #e0e0e0;background-color:#f9f9f9;position:relative;display:flex;justify-content:center;align-items:center;max-height:200px}.chat-attached-gif img{max-width:100%;max-height:180px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.chat-gif-remove{position:absolute;top:8px;right:16px;background-color:#0009;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.chat-gif-remove:hover{background-color:#000c}.chat-attached-files{padding:8px 16px;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;background-color:#f9f9f9;max-height:150px;overflow-y:auto}.chat-file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;gap:8px}.chat-file-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.chat-file-name{font-size:13px;font-weight:500;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-file-size{font-size:11px;color:#999}.chat-file-remove{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s ease;flex-shrink:0}.chat-file-remove:hover{background-color:#f0f0f0;color:#d32f2f}.chat-input-area{padding:12px 16px;border-top:1px solid #e0e0e0;background-color:#fff;display:flex;gap:8px;align-items:flex-end}.chat-input-actions{display:flex;gap:4px;position:relative}.chat-emoji-picker-wrapper{position:relative}.chat-input-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all .2s ease}.chat-input-btn:hover{background-color:#e8e8e8;transform:scale(1.1)}.chat-input-wrapper{flex:1;display:flex;align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:0 12px;transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #0078d41a}.chat-input{border:none;outline:none;background:none;flex:1;padding:8px 0;font-size:14px;color:#000}.chat-input::-moz-placeholder{color:#999}.chat-input::placeholder{color:#999}.chat-send-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all .2s ease;margin-left:4px}.chat-send-btn:hover:not(:disabled){background-color:#e8e8e8;transform:scale(1.1)}.chat-send-btn:disabled{color:#ccc;cursor:not-allowed}.chat-emoji-picker{position:absolute;bottom:100%;left:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;width:320px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #00000026;z-index:100;margin-bottom:8px;animation:slideUp .2s ease}.chat-emoji-picker::-webkit-scrollbar{width:6px}.chat-emoji-picker::-webkit-scrollbar-track{background:transparent}.chat-emoji-picker::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-emoji-picker::-webkit-scrollbar-thumb:hover{background:#999}.chat-emoji-btn{background:none;border:none;cursor:pointer;font-size:24px;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-emoji-btn:hover{background-color:#f0f0f0;transform:scale(1.2)}.chat-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.chat-modal{background-color:#fff;border-radius:8px;padding:24px;min-width:400px;box-shadow:0 4px 16px #00000026;animation:slideUp .3s ease}.chat-modal h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#000}.chat-modal input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;margin-bottom:16px;box-sizing:border-box;transition:all .2s ease}.chat-modal input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #0078d41a}.chat-modal-actions{display:flex;gap:8px;justify-content:flex-end}.chat-modal-cancel,.chat-modal-create{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.chat-modal-cancel{background-color:#f0f0f0;color:#000}.chat-modal-cancel:hover{background-color:#e0e0e0}.chat-modal-create{background-color:#3b82f6;color:#fff}.chat-modal-create:hover{background-color:#106ebe}@media(max-width:1024px){.chat-sidebar{width:300px}.message-content{max-width:70%}}@media(max-width:768px){.chat-container{flex-direction:column}.chat-sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid #e0e0e0;max-height:40vh}.chat-main{height:60vh}.chat-conversations-list{display:flex;overflow-x:auto;overflow-y:hidden;padding:8px;gap:8px}.chat-conversation-item{margin:0;flex-shrink:0;width:120px;flex-direction:column;align-items:center;text-align:center}.chat-conv-info{width:100%}.chat-conv-name{font-size:12px}.chat-conv-preview{display:none}.chat-conv-meta{align-items:center}.message-content{max-width:85%}.chat-modal{min-width:90%;max-width:90%}.chat-emoji-picker{width:280px;grid-template-columns:repeat(6,1fr)}.chat-attached-files{max-height:120px}.chat-file-item{padding:6px 10px}.chat-file-name{font-size:12px}}@media(max-width:480px){.chat-sidebar{height:150px;max-height:35vh}.chat-main{height:65vh}.chat-header h2{font-size:18px}.chat-top-bar{padding:12px}.chat-top-info h3{font-size:14px}.chat-messages{padding:12px;gap:8px}.chat-input-area{padding:8px 12px;flex-wrap:wrap}.chat-input-actions{width:100%;order:2}.chat-input-wrapper{width:100%;order:1}.chat-send-btn{order:3}.message-content{max-width:90%}.chat-modal{min-width:95%;max-width:95%;padding:16px}.chat-top-actions{gap:4px}.chat-action-btn{padding:6px}.chat-emoji-picker{width:240px;grid-template-columns:repeat(5,1fr);left:auto;right:0}.chat-attached-files{max-height:100px;padding:6px 12px}.chat-file-item{padding:6px 8px;font-size:12px}.chat-file-name{font-size:11px}.chat-file-size{font-size:10px}}.message-reply{background-color:#0000000d;border-left:3px solid #3b82f6;border-radius:6px;padding:8px 12px;margin-bottom:8px;font-size:12px}.reply-indicator{display:flex;align-items:center;gap:6px;color:#666;font-weight:500;margin-bottom:4px}.reply-message{color:#333;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.own-message .message-reply{background-color:#0078d41a;border-left-color:#005a9e}.own-message .reply-indicator{color:#005a9e}.own-message .reply-message{color:#333}.message-forward{background-color:#ffc1071a;border-left:3px solid #ffc107;border-radius:6px;padding:6px 12px;margin-bottom:8px;font-size:11px}.forward-indicator{display:flex;align-items:center;gap:6px;color:#856404;font-weight:500}.own-message .message-forward{background-color:#ffc10733;border-left-color:#e0a800}.own-message .forward-indicator{color:#664d03}.forward-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.forward-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;animation:slideUp .3s ease}.forward-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.forward-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.forward-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.forward-modal-close:hover{background-color:#f5f5f5;color:#333}.forward-modal-body{padding:20px;overflow-y:auto;flex:1}.forward-message-preview{background-color:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:20px}.forward-preview-label{font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.forward-preview-content{background:#fff;border-radius:6px;padding:10px;border-left:3px solid #3b82f6}.forward-preview-sender{font-size:12px;font-weight:600;color:#333;margin-bottom:4px}.forward-preview-text{font-size:14px;color:#555;margin-bottom:4px;line-height:1.4}.forward-preview-time{font-size:11px;color:#999}.forward-search-box{display:flex;align-items:center;gap:10px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:10px 15px;margin-bottom:20px}.forward-search-box input{flex:1;border:none;outline:none;background:none;font-size:14px;color:#333}.forward-search-box input::-moz-placeholder{color:#999}.forward-search-box input::placeholder{color:#999}.forward-employees-list{max-height:300px;overflow-y:auto}.forward-employee-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.forward-employee-item:hover{background-color:#f8f9fa}.forward-employee-item.selected{background-color:#e3f2fd;border:1px solid #3b82f6}.forward-employee-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#005a9e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-right:12px}.forward-check-icon{position:absolute;bottom:-2px;right:-2px;background:#4caf50;color:#fff;border-radius:50%;padding:2px;border:2px solid white}.forward-employee-info{flex:1}.forward-employee-name{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.forward-employee-details{font-size:12px;color:#666}.forward-no-results{text-align:center;padding:40px;color:#666;font-size:14px}.forward-modal-actions{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.forward-selected-count{font-size:14px;color:#666}.forward-action-buttons{display:flex;gap:10px}.forward-btn-cancel{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:all .2s ease}.forward-btn-cancel:hover{background-color:#f8f9fa;border-color:#ccc}.forward-btn-send{padding:8px 16px;border:none;background:linear-gradient(135deg,#3b82f6,#005a9e);color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.forward-btn-send:hover:not(:disabled){background:linear-gradient(135deg,#106ebe,#004578);transform:translateY(-1px);box-shadow:0 4px 12px #0078d44d}.forward-btn-send:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-list-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-list-modal{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 16px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.user-list-header{padding:16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.user-list-header h3{margin:0;font-size:18px;font-weight:600;color:#000}.user-list-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.user-list-close:hover{background-color:#f0f0f0;color:#000}.user-list-search{padding:12px 16px;border-bottom:1px solid #e0e0e0}.user-list-search input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;box-sizing:border-box;transition:all .2s ease}.user-list-search input:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 2px #0078d41a}.user-list-container{flex:1;overflow-y:auto;padding:8px 0}.user-list-container::-webkit-scrollbar{width:6px}.user-list-container::-webkit-scrollbar-track{background:transparent}.user-list-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.user-list-container::-webkit-scrollbar-thumb:hover{background:#999}.user-list-item{padding:12px 16px;display:flex;gap:12px;align-items:center;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.user-list-item:hover{background-color:#f5f5f5}.user-list-item.selected{background-color:#e1f0ff;border-left-color:#0078d4}.user-list-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0;position:relative}.online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:#31a24c;border:2px solid white;border-radius:50%}.user-list-info{flex:1;min-width:0}.user-list-name{font-size:14px;font-weight:500;color:#000;margin-bottom:4px}.user-list-email{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-checkbox{width:24px;height:24px;border:2px solid #0078d4;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#0078d4;flex-shrink:0;opacity:0;transition:all .2s ease}.user-list-item.selected .user-list-checkbox{opacity:1;background-color:#0078d4;color:#fff}.user-list-actions{padding:12px 16px;border-top:1px solid #e0e0e0;display:flex;gap:8px;justify-content:flex-end}.user-list-cancel,.user-list-confirm{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.user-list-cancel{background-color:#f0f0f0;color:#000}.user-list-cancel:hover{background-color:#e0e0e0}.user-list-confirm{background-color:#0078d4;color:#fff}.user-list-confirm:hover{background-color:#106ebe}.user-list-confirm:disabled{background-color:#ccc;cursor:not-allowed}@media(max-width:768px){.user-list-modal{width:95%;max-height:90vh}.user-list-item{padding:10px 12px}.user-list-avatar{width:36px;height:36px;font-size:12px}}@media(max-width:480px){.user-list-modal{width:100%;max-height:100vh;border-radius:0}.user-list-header{padding:12px}.user-list-search,.user-list-item{padding:8px 12px}}.emoji-picker-container{position:absolute;bottom:100%;right:0;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e8eaed;border-radius:16px;box-shadow:0 12px 32px #00000026,0 2px 8px #00000014;z-index:1000;width:320px;height:500px;display:flex;flex-direction:column;margin-bottom:12px;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e8eaed;background:linear-gradient(135deg,#f8f9fa,#f0f2f5)}.emoji-picker-title{margin:0;font-size:16px;font-weight:600;color:#333}.emoji-picker-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s ease}.emoji-picker-close:hover{background-color:#f0f0f0;color:#333}.emoji-picker-search{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #e8eaed;background-color:#fff;border-radius:8px;margin:10px;background-color:#f8f9fa}.emoji-picker-search svg{color:#0078d4;flex-shrink:0}.emoji-picker-search input{flex:1;border:none;outline:none;font-size:14px;padding:6px 0;background:transparent;font-weight:500}.emoji-picker-search input::-moz-placeholder{color:#bbb;font-weight:400}.emoji-picker-search input::placeholder{color:#bbb;font-weight:400}.emoji-search-clear{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s ease;flex-shrink:0}.emoji-search-clear:hover{color:#333}.emoji-picker-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.emoji-picker-moods{padding:12px 14px;border-bottom:1px solid #e8eaed;background-color:#f8f9fa}.mood-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding:0 4px}.mood-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mood-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;background-color:#fff;border:1.5px solid #e8eaed;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:500;color:#666}.mood-btn:hover{border-color:#0078d4;background-color:#0078d40d;transform:translateY(-2px)}.mood-btn.active{background:linear-gradient(135deg,#0078d41a,#50e6ff0d);border-color:#0078d4;color:#0078d4;font-weight:600}.mood-emoji{font-size:24px;line-height:1}.mood-name{font-size:11px;white-space:nowrap}.emoji-picker-categories{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid #e8eaed;background-color:#f8f9fa;overflow-x:auto}.emoji-picker-categories::-webkit-scrollbar{height:4px}.emoji-picker-categories::-webkit-scrollbar-track{background:transparent}.emoji-picker-categories::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.emoji-category-btn{background:#fff;border:1.5px solid #e8eaed;cursor:pointer;font-size:22px;padding:8px 10px;border-radius:8px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.emoji-category-btn:hover{background-color:#0078d40d;border-color:#0078d4;transform:translateY(-2px)}.emoji-category-btn.active{background:linear-gradient(135deg,#0078d41a,#50e6ff0d);border-color:#0078d4}.emoji-picker-grid{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:10px;overflow-y:auto;background-color:#fff}.emoji-picker-grid::-webkit-scrollbar{width:6px}.emoji-picker-grid::-webkit-scrollbar-track{background:transparent}.emoji-picker-grid::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.emoji-picker-grid::-webkit-scrollbar-thumb:hover{background:#999}.emoji-item{background:none;border:1px solid transparent;cursor:pointer;font-size:24px;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.emoji-item:hover{background-color:#0078d414;border-color:#0078d433;transform:scale(1.25)}.emoji-item:active{transform:scale(.95)}.emoji-search-results{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:10px;overflow-y:auto;background-color:#fff;align-content:start}.emoji-search-results::-webkit-scrollbar{width:6px}.emoji-search-results::-webkit-scrollbar-track{background:transparent}.emoji-search-results::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.emoji-search-results::-webkit-scrollbar-thumb:hover{background:#999}.emoji-no-results{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:200px;color:#bbb;font-size:14px;font-weight:500}@media(max-width:768px){.emoji-picker-container{width:300px;height:480px}.emoji-picker-grid{grid-template-columns:repeat(6,1fr);gap:3px;padding:10px}.emoji-item{font-size:22px;padding:5px}.emoji-search-results{grid-template-columns:repeat(6,1fr);gap:3px;padding:10px}}@media(max-width:480px){.emoji-picker-container{width:280px;height:450px;bottom:auto;top:50%;right:50%;transform:translate(50%);margin-bottom:0}.emoji-picker-grid{grid-template-columns:repeat(5,1fr);gap:2px;padding:8px}.emoji-item{font-size:20px;padding:4px}.emoji-search-results{grid-template-columns:repeat(5,1fr);gap:2px;padding:8px}.emoji-picker-categories{padding:8px;gap:4px}.emoji-category-btn{font-size:20px;padding:6px}}:root{--page-bg: #f4f6f9;--card-bg: #fff;--border: #dee2e6;--text: #212529;--muted: #6c757d;--header-bg: #f9fafb}body{background:var(--page-bg)}.holiday-refresh{padding:10px 12px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:#1173b9ee;color:#fff;cursor:pointer}.page-header{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:2rem;font-weight:800!important;color:var(--text);margin:0}.attendance-page{background:var(--page-bg);padding:0!important;box-sizing:border-box}.attendance-card{background:var(--card-bg);overflow:hidden;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px #0f172a14}.card-header{padding:12px 16px;font-size:1.1rem;font-weight:400!important;border-bottom:1px solid var(--border);color:var(--text)}.holiday-card-header{display:flex;justify-content:space-between;align-items:center;padding-right:20px;gap:16px;flex-wrap:wrap}.reposrt-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.report-header-controls{display:flex;align-items:center;gap:10px}.report-search-wrapper{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid #d1d5db;background:#fff}.report-search-wrapper svg{color:#6b7280}.report-search-wrapper input{border:none;outline:none;font-size:14px;min-width:180px}.report-search-clear-btn{border:none;background:transparent;cursor:pointer;display:flex;align-items:center}.attendance-table-wrappers{width:100%;box-sizing:border-box;height:500px!important;overflow:hidden!important;padding:0!important;position:relative;max-width:100%;background:#fff}.holiday-grid-wrapper.attendance-table-wrappers{height:auto!important;min-height:0;overflow:visible!important}.holiday-ag-grid{border:none;width:100%}.holiday-ag-grid .ag-root-wrapper,.holiday-ag-grid .ag-root{overflow:hidden!important}.holiday-ag-grid .ag-header-viewport,.holiday-ag-grid .ag-body-viewport{overflow-x:hidden!important}.holiday-ag-grid .ag-header-cell{display:flex!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}.holiday-ag-grid .ag-header-cell-label,.holiday-ag-grid .ag-cell-label-container{display:flex!important;align-items:center!important}.holiday-ag-grid .ag-cell{display:flex!important;align-items:center!important;line-height:1.35!important;padding-top:0!important;padding-bottom:0!important}.holiday-ag-grid .ag-cell-wrapper,.holiday-ag-grid .ag-cell-value{display:flex!important;align-items:center!important;width:100%;height:100%}.holiday-ag-grid .cell-date,.holiday-ag-grid .cell-time{width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:0}.cell-date{font-weight:600}.date-main{font-weight:600;color:#111827}.cell-time{font-size:16px;color:#333}.holiday-ag-grid .cell-time,.holiday-ag-grid .cell_date_main,.holiday-ag-grid .date-main{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;color:#111827!important}.holiday-ag-grid .ag-header-cell{font-weight:600;font-size:14px}.holiday-ag-grid .ag-row:hover{background:#f8fbff}.holiday-card-header>span:first-child{font-weight:600;font-size:1.125rem;color:#111827}.rules-page{max-width:100%}.rules-stack{display:flex;flex-direction:column;gap:20px}.rules-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 12px #0f172a0f;padding:28px 32px;transition:box-shadow .2s ease}.rules-card:hover{box-shadow:0 8px 24px #0f172a14}.rule-content-body{color:#1f2937;font-size:1rem;line-height:1.7;width:100%;max-width:none}.rule-content-body>*:first-child{margin-top:0}.rule-content-body>*:last-child{margin-bottom:0}.rule-content-body h1,.rule-content-body h2,.rule-content-body h3,.rule-content-body h4{color:#111827;font-weight:700;line-height:1.35;margin:1.25em 0 .5em}.rule-content-body h1{font-size:1.5rem}.rule-content-body h2{font-size:1.25rem}.rule-content-body h3{font-size:1.1rem}.rule-content-body p{margin:0 0 1em}.rule-content-body ul,.rule-content-body ol{margin:0 0 1em;padding-left:1.35em}.rule-content-body li{margin-bottom:.35em}.rule-content-body a{color:#1173b9;text-decoration:underline;text-underline-offset:2px}.rule-content-body a:hover{color:#0d5a94}.rule-content-body blockquote{margin:1em 0;padding:12px 16px;border-left:4px solid #1173b9;background:#f8fafc;border-radius:0 8px 8px 0;color:#334155}.rule-content-body table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95em}.rule-content-body th,.rule-content-body td{border:1px solid #e5e7eb;padding:10px 12px;text-align:left}.rule-content-body th{background:#f9fafb;font-weight:600}.rules-empty{padding:48px 24px;text-align:center;background:#fff;border-radius:12px;border:1px dashed #d1d5db;color:#6b7280;font-size:1rem}.rules-empty p{margin:0}.rules-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;color:#64748b}.rules-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#1173b9;border-radius:50%;animation:rules-spin .85s linear infinite;margin-bottom:16px}@keyframes rules-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.rules-card{padding:20px 18px}.rule-content-body{font-size:.95rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--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 rgba(0, 0, 0, .1);--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));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.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);left:50%;transform:translate(-50%);align-items:center}.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);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;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;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-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%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.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:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.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--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.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{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}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) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{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:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.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-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}