@charset "UTF-8";@import"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--custom-modal-backdrop-bg: #a6adbf}:root{--custom-body-bg: #fdfdfd;--app-sidebar-bg: var(--bs-body-bg);--app-header-bg: var(--bs-body-bg)}[data-bs-theme=dark]{--custom-body-bg: var(--bs-secondary-bg);--app-sidebar-bg: var(--bs-body-bg);--app-header-bg: var(--bs-body-bg)}:root,[data-bs-theme=light]{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #316aff;--bs-secondary: #ff8110;--bs-success: #22b07e;--bs-info: #02b4fa;--bs-warning: #fdbb1f;--bs-danger: #ff401c;--bs-light: #ecf2fd;--bs-dark: #0c243c;--bs-white: #ffffff;--bs-gray: #97a1c0;--bs-primary-rgb: 49, 106, 255;--bs-secondary-rgb: 255, 129, 16;--bs-success-rgb: 34, 176, 126;--bs-info-rgb: 2, 180, 250;--bs-warning-rgb: 253, 187, 31;--bs-danger-rgb: 255, 64, 28;--bs-light-rgb: 236, 242, 253;--bs-dark-rgb: 12, 36, 60;--bs-gray-rgb: 151, 161, 192;--bs-primary-text-emphasis: #142a66;--bs-secondary-text-emphasis: #663406;--bs-success-text-emphasis: #0e4632;--bs-info-text-emphasis: #014864;--bs-warning-text-emphasis: #654b0c;--bs-danger-text-emphasis: #661a0b;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #eaf0ff;--bs-secondary-bg-subtle: #fff2e7;--bs-success-bg-subtle: #e9f7f2;--bs-info-bg-subtle: #e6f8ff;--bs-warning-bg-subtle: #fff8e9;--bs-danger-bg-subtle: #ffece8;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #ccdaff;--bs-secondary-border-subtle: #ffe0c3;--bs-success-border-subtle: #c8ebdf;--bs-info-border-subtle: #c0ecfe;--bs-warning-border-subtle: #ffeec7;--bs-danger-border-subtle: #ffcfc6;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient( 180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0) );--bs-body-font-family: "Plus Jakarta Sans", sans-serif;--bs-body-font-size: .875rem;--bs-body-font-weight: 500;--bs-body-line-height: 1.6;--bs-body-color: #97a1c0;--bs-body-color-rgb: 151, 161, 192;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(151, 161, 192, .75);--bs-secondary-color-rgb: 151, 161, 192;--bs-secondary-bg: #f9f9f9;--bs-secondary-bg-rgb: 249, 249, 249;--bs-tertiary-color: rgba(151, 161, 192, .5);--bs-tertiary-color-rgb: 151, 161, 192;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: #0c243c;--bs-link-color: #316aff;--bs-link-color-rgb: 49, 106, 255;--bs-link-decoration: none;--bs-link-hover-color: #2755cc;--bs-link-hover-color-rgb: 39, 85, 204;--bs-code-color: #d63384;--bs-highlight-color: #97a1c0;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #e8ebf1;--bs-border-color-translucent: rgba(0, 0, 0, .1);--bs-border-radius: .375rem;--bs-border-radius-sm: .25rem;--bs-border-radius-lg: .625rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg: 0 .26rem 1.126rem 0 rgba(45, 42, 60, .15);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width: .1rem;--bs-focus-ring-opacity: .25;--bs-focus-ring-color: rgba(49, 106, 255, .25);--bs-form-valid-color: #22b07e;--bs-form-valid-border-color: #22b07e;--bs-form-invalid-color: #ff401c;--bs-form-invalid-border-color: #ff401c}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color: #8c96a9;--bs-body-color-rgb: 140, 150, 169;--bs-body-bg: #282b44;--bs-body-bg-rgb: 40, 43, 68;--bs-emphasis-color: #ffffff;--bs-emphasis-color-rgb: 255, 255, 255;--bs-secondary-color: rgba(140, 150, 169, .75);--bs-secondary-color-rgb: 140, 150, 169;--bs-secondary-bg: #26283e;--bs-secondary-bg-rgb: 38, 40, 62;--bs-tertiary-color: rgba(140, 150, 169, .5);--bs-tertiary-color-rgb: 140, 150, 169;--bs-tertiary-bg: #26283e;--bs-tertiary-bg-rgb: 38, 40, 62;--bs-primary-text-emphasis: #83a6ff;--bs-secondary-text-emphasis: #ffb370;--bs-success-text-emphasis: #7ad0b2;--bs-info-text-emphasis: #67d2fc;--bs-warning-text-emphasis: #fed679;--bs-danger-text-emphasis: #ff8c77;--bs-light-text-emphasis: #888bb2;--bs-dark-text-emphasis: #999999;--bs-primary-bg-subtle: #0a1533;--bs-secondary-bg-subtle: #331a03;--bs-success-bg-subtle: #072319;--bs-info-bg-subtle: #002432;--bs-warning-bg-subtle: #332506;--bs-danger-bg-subtle: #330d06;--bs-light-bg-subtle: #1a1c31;--bs-dark-bg-subtle: #10101d;--bs-primary-border-subtle: #1d4099;--bs-secondary-border-subtle: #994d0a;--bs-success-border-subtle: #146a4c;--bs-info-border-subtle: #016c96;--bs-warning-border-subtle: #987013;--bs-danger-border-subtle: #992611;--bs-light-border-subtle: #484c83;--bs-dark-border-subtle: #494949;--bs-heading-color: #fff;--bs-link-color: #83a6ff;--bs-link-hover-color: #9cb8ff;--bs-link-color-rgb: 131, 166, 255;--bs-link-hover-color-rgb: 156, 184, 255;--bs-code-color: #e685b5;--bs-highlight-color: #8c96a9;--bs-highlight-bg: #664d03;--bs-border-color: #3a3b4d;--bs-border-color-translucent: rgba(255, 255, 255, .15);--bs-form-valid-color: #75b798;--bs-form-valid-border-color: #75b798;--bs-form-invalid-color: #ea868f;--bs-form-invalid-border-color: #ea868f}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-weight:600;line-height:1.2;color:var(--bs-heading-color)}h2,.h2{font-size:calc(1.3rem + .6vw)}@media (min-width: 1200px){h2,.h2{font-size:1.75rem}}h3,.h3{font-size:calc(1.278125rem + .3375vw)}@media (min-width: 1200px){h3,.h3{font-size:1.53125rem}}h4,.h4{font-size:calc(1.25625rem + .075vw)}@media (min-width: 1200px){h4,.h4{font-size:1.3125rem}}h5,.h5{font-size:1.09375rem}h6,.h6{font-size:.875rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small,.small{font-size:.875em}mark,.mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:none}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:10px;padding-bottom:10px;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input{height:35px}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}.app-wrapper{min-height:calc(100vh - var(--app-header-height) - var(--footer-height, 50px));margin-top:var(--app-header-height);transition:margin-left .3s ease;padding:87px 15px 20px}.app-wrapper.sider-open{margin-left:240px}.app-wrapper.sider-closed{margin-left:65px}@media (max-width: 1199.98px){.app-wrapper,.app-wrapper.sider-open,.app-wrapper.sider-closed{margin-left:0}}@media (max-width: 575.98px){.app-wrapper{padding-left:0;padding-right:0}}.d-flex{display:flex!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.Loader-Style{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000000d6;z-index:9999}.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{margin-right:auto;margin-left:auto}@media (min-width: 576px){.container-sm,.container{max-width:540px}}@media (min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media (min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media (min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media (min-width: 1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.text-start{text-align:start;margin-left:95px}.form-container{background:#fff3;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:50px;max-width:1100px;width:100%;box-shadow:0 20px 40px #0000001a}.form-header{margin-bottom:40px;border-left:4px solid #6366f1;padding-left:16px;display:flex;justify-content:space-between;align-items:center}.form-tag{display:inline-block;background:#6366f11a;color:#4338ca;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;margin-bottom:10px}.form-header h2{font-size:30px;font-weight:700;color:#1a356e}.form-header p{font-size:15px;color:#475569}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-group{position:relative}.form-group label{font-size:13px;font-weight:500;color:#334155;margin-bottom:6px;display:block}.form-group input,.form-group select{padding:12px 14px 12px 42px;font-size:14px;background:#fff;border:1px solid rgba(203,213,225,.6);border-radius:10px;width:100%;transition:all .3s ease;color:#0f172a;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input:focus,.form-group select:focus{outline:none;background:#ffffffe6;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.form-group input:read-only{background:#c8c8c8b3;cursor:not-allowed}.form-group input::placeholder,.form-group select::placeholder{color:#64748b}.form-group input:focus+.icon,.form-group select:focus+.icon{color:#6384f1;text-shadow:0 0 6px rgba(99,168,241,.4)}.form-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.form-footer .note{font-size:13px;color:#334155;flex:1 1 auto}.form-footer .buttons{display:flex;gap:12px}.btn{padding:10px 22px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#ebecec;color:#334155}.btn-cancel:hover{background:#e2e8f0}.btn-save{background:linear-gradient(to right,#6366f1,#3b82f6);color:#fff;box-shadow:0 4px 10px #6366f133}.btn-save:hover{background:#467be5}.error-message{color:#721c24;background:#f8d7da;padding:10px;border-radius:5px;margin-bottom:20px;text-align:center;font-size:14px}@media (max-width: 1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch}.form-footer .buttons{flex-direction:column;width:100%}.btn{width:100%}}.employee-dashboard{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background-color:#f5f5f5;min-height:100vh;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;flex-wrap:wrap;gap:15px;border-left:4px solid #6366f1;padding-left:16px;height:35px}.header h2{font-size:30px;font-weight:600;color:#1a356e;margin-bottom:10px}.header-container{display:flex;align-items:center;gap:15px}.search-container{position:relative;right:40px}.search-form{display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:#666;z-index:1}.add-btn{padding:6px 15px;background:#4682e2;color:#fff;border-radius:18px;text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #4682e24d;font-size:14px}.add-btn:hover{background:#3a6dc0;transform:translateY(-2px);box-shadow:0 4px 12px #4682e266}.success-popup,.error-popup{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:500px;padding:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #0003;z-index:1000;animation:slideIn .5s ease-in-out}.success-popup{background-color:#d4edda;color:#155724}.error-popup{background-color:#f8d7da;color:#721c24}.success-popup i,.error-popup i{margin-right:10px;font-size:1.5rem}.progress-bar{position:absolute;bottom:0;left:0;height:4px;background-color:#28a745;width:100%;animation:progress 5s linear forwards}.error-popup .progress-bar{background-color:#dc3545}.tabs{display:flex;position:relative;margin-bottom:20px;background:#fff;border-radius:12px;padding:4px;box-shadow:0 2px 8px #0000000d}.tab{flex:1;padding:12px 16px;text-align:center;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-radius:8px;transition:all .3s ease;position:relative;z-index:1}.tab.active{color:#4682e2;font-weight:600}.tab-underline{position:absolute;bottom:4px;left:4px;height:calc(100% - 8px);width:calc(50% - 8px);background:#e6f0ff;border-radius:8px;transition:all .3s ease;z-index:0}.tabs .tab:nth-child(2).active~.tab-underline{transform:translate(100%)}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:30px}.employee-card{background:#fff;box-shadow:#0e3f7e0f 0 0 0 1px,#2a334608 0 1px 1px -.5px,#2a33460a 0 2px 2px -1px,#2a33460a 0 3px 3px -1.5px,#2a334608 0 5px 5px -2.5px,#2a334608 0 10px 10px -5px,#2a334608 0 24px 24px -8px;position:relative;transition:all .3s ease;overflow:hidden;border-radius:5px}.employee-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.delete-btn{position:absolute;top:12px;left:51px;width:32px;height:32px;background:#ff4d4f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;cursor:pointer;z-index:10;border:none}.employee-card:hover .delete-btn{opacity:1}.delete-btn:hover{background:#d9363e;transform:scale(1.1)}.employee-card:hover .edit-btn{opacity:1}.edit-btn:hover{background:#2663c5;transform:scale(1.1)}.card-top{display:flex;justify-content:flex-end;padding:12px 16px 0}.edit-icon{position:absolute;top:19px;left:20px;z-index:999;color:#fff}.status-text{font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.status-text.active{background:#e6f7ff;color:#1890ff}.status-text.inactive{background:#fff2f0;color:#ff4d4f}.card-middle{display:flex;flex-direction:column;align-items:center;padding:10px 16px}.image-container{display:flex;justify-content:flex-end;width:100%;margin-bottom:10px}.employee-image{width:80px;height:80px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:32px;color:#999;border:2px solid #4682e2;transition:all .3s ease}.employee-card:hover .employee-image{border-color:#52c41a}.employee-name{font-size:18px;font-weight:600;color:#1a1a1a;margin:8px 0 4px;text-align:center}.employee-role{font-size:14px;color:#4682e2;margin-bottom:8px;text-align:center}.card-bottom{background:#f9f9f9;padding:16px;border-top:1px solid #f0f0f0}.bottom-columns{display:flex;justify-content:space-between;margin-bottom:12px}.column{display:flex;flex-direction:column}.column-heading{font-size:12px;font-weight:500;color:#999;margin-bottom:4px}.column-value{font-size:14px;font-weight:500;color:#333}.bottom-rows{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.row i{color:#4682e2;width:16px}.no-data{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#999;display:flex;flex-direction:column;align-items:center;gap:16px}.no-data i{font-size:48px;color:#d9d9d9}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px}.pagination-btn{padding:8px 16px;border:1px solid #d9d9d9;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.pagination-btn:hover:not(.disabled):not(.active){border-color:#4682e2;color:#4682e2}.pagination-btn.active{background:#4682e2;color:#fff;border-color:#4682e2}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}.delete-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal-content{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:400px;box-shadow:0 8px 24px #00000026;position:relative;animation:modalFadeIn .3s ease}.close{position:absolute;top:16px;right:16px;font-size:24px;cursor:pointer;color:#999;transition:color .3s ease}.close:hover{color:#333}.delete-modal-content p{margin:16px 0 24px;text-align:center;font-size:16px;color:#333}.modal-buttons{display:flex;justify-content:center;gap:12px}.btn-cancel,.btn-delete{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#f5f5f5;color:#333}.btn-cancel:hover{background:#e6e6e6}.btn-delete{background:#ff4d4f;color:#fff}.btn-delete:hover{background:#d9363e}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes progress{0%{width:100%}to{width:0%}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.header-container{width:100%;justify-content:space-between}.search-input{width:180px}.card-container{grid-template-columns:1fr}.pagination{flex-wrap:wrap}.input-form-group{position:relative}.input-form-group label{font-size:13px;font-weight:500;color:#334155;margin-bottom:6px;display:block}.input-form-group input,.input-form-group select{padding:12px 14px 12px 42px;font-size:14px;background:#ffffffb3;border:1px solid rgba(203,213,225,.6);border-radius:10px;width:100%;transition:all .3s ease;color:#0f172a;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-form-group input:focus,.input-form-group select:focus{outline:none;background:#ffffffe6;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.input-form-group input:read-only{background:#c8c8c8b3;cursor:not-allowed}.input-form-group input::placeholder,.input-form-group select::placeholder{color:#64748b}.input-form-group .icon{position:absolute;top:37px;left:14px;font-size:14px;color:#94a3b8;transition:color .3s ease,text-shadow .3s ease}.input-form-group input:focus+.icon,.input-form-group select:focus+.icon{color:#6384f1;text-shadow:0 0 6px rgba(99,168,241,.4)}}.form-group input[type=file]{font-size:14px;color:#334155;background:#ffffffe6;border:1px solid rgba(203,213,225,.6);border-radius:8px;padding:8px 12px;cursor:pointer;height:33px;line-height:1.5;display:flex;align-items:center}.form-group input[type=file]::file-selector-button{background:#e5e7eb;color:#334155;border:none;border-radius:6px;padding:1px 2px;position:relative;top:-2px;margin-right:12px;cursor:pointer;transition:background .3s ease}.form-group input[type=file]::file-selector-button:hover{background:#d1d5db}.custom-file-upload{margin-top:4px}.file-upload-content{border:1px dashed #d1d5db;border-radius:4px;padding:8px;text-align:center;background-color:#f9fafb;transition:all .2s ease;cursor:pointer;max-width:250px;margin:0 auto}.file-upload-content:hover{border-color:#3b82f6;background-color:#f0f9ff}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:45px;padding:4px}.upload-icon{font-size:.9rem;color:#9ca3af;margin-bottom:4px}.upload-text{text-align:center;line-height:1.2}.no-file-text{color:#6b7280;font-size:10px;margin:0 0 1px;font-weight:400}.choose-file-text{color:#3b82f6;font-size:10px;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.1px}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:4px}.image-preview{position:relative;display:inline-block;margin-bottom:4px}.image-preview img{width:45px;height:45px;object-fit:cover;border-radius:3px;border:1px solid #e5e7eb}.remove-image-btn{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:16px;height:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;transition:background-color .2s}.remove-image-btn:hover{background:#dc2626}.file-info{display:flex;flex-direction:column;align-items:center;gap:3px}.file-name{color:#374151;font-size:10px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-file-btn{background:none;border:1px solid #3b82f6;color:#3b82f6;padding:1px 6px;border-radius:3px;font-size:9px;cursor:pointer;transition:all .2s;line-height:1.2}.change-file-btn:hover{background:#3b82f6;color:#fff}.file-requirements{margin-top:4px;text-align:center}.file-requirements small{color:#6b7280;font-size:9px}.full-width{grid-column:1 / -1}@media (max-width: 768px){.file-upload-content{padding:6px;max-width:200px}.upload-icon{font-size:.8rem}.image-preview img{width:40px;height:40px}.file-upload-placeholder{min-height:40px}.no-file-text,.choose-file-text{font-size:9px}}.file-upload-content:focus-within{outline:1px solid #3b82f6;outline-offset:1px}.file-upload-content.disabled{opacity:.6;cursor:not-allowed}.file-upload-content.disabled:hover{border-color:#d1d5db;background-color:#f9fafb}.employee-initial{width:50px;height:50px;border-radius:50%;background-color:#3f51b5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:2px solid #e0e0e0}.employee-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;background-color:#3f51b5;border:2px solid #e0e0e0;overflow:hidden}.employee-avatar img{width:100%;height:100%;object-fit:cover}.attendance-table{width:100%;border-collapse:collapse;margin-top:20px}.attendance-table th,.attendance-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.attendance-table th{background-color:#f5f5f5;font-weight:600}.image-link,.location-link{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.image-link:hover,.location-link:hover{opacity:.8}.location-link{padding:8px;border-radius:50%;transition:background-color .3s}.location-link:hover{background-color:#1976d21a}.Main_Attendance_header{display:flex;justify-content:space-between}.summary-container{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.summary-card{flex:1;min-width:300px;border:1px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.summary-title{font-weight:600;margin-bottom:15px;font-size:18px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.summary-stats{display:flex;justify-content:space-between}.stat-box{text-align:center;flex:1}.stat-number{font-size:24px;font-weight:700;margin-top:5px;color:#f4f6f8}.MuiDialog-paper{border-radius:12px}@media (max-width: 768px){.summary-stats{flex-direction:column;gap:15px}.stat-box{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px}.stat-number{margin-top:0}.summary-container{flex-direction:column}}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px;border:1px solid #ddd;padding:15px;border-radius:5px;max-height:300px;overflow-y:auto}.permission-item label{display:flex;align-items:center;cursor:pointer}.permission-item input[type=checkbox]{margin-right:8px}.form-forgot-password{text-align:right;margin-top:7px;margin-bottom:10px}.permissions-section{margin:20px 0;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.permissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.btn-select-all{background-color:#f0f0f0;border:1px solid #ccc;padding:5px 10px;border-radius:4px;cursor:pointer}.btn-select-all:hover{background-color:#e0e0e0}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.permission-category{background-color:#fff;padding:15px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.permission-category h4{margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee;color:#333}.permissions-list{display:flex;flex-direction:column;gap:8px}.permission-item{display:flex;align-items:center}.permission-item label{display:flex;align-items:center;gap:8px;cursor:pointer}.permission-item input[type=checkbox]{margin:0}.Profile-Container{display:flex;flex-wrap:wrap;gap:20px;font-size:large;color:#333;font-family:Helvetica}.Profile-left{width:25%;min-width:260px;border:1px solid #d7d7d786;border-radius:20px;padding:10px;background:linear-gradient(140deg,#d2e4ff81,#fff)}.ID-card{background:linear-gradient(to bottom,#fff,#fcfcfc);border-radius:12px;padding-top:20px;text-align:center;position:relative;border:1px solid #d7d7d7ce;padding-bottom:37px}.ID-card h2{font-size:18px;font-weight:600;color:#262c3c}.ID-card p{font-size:13px;font-weight:200;color:#807171;margin-top:3px}.empimg img{border-radius:50%;width:90px;height:90px;object-fit:cover;margin-bottom:10px}.empimg{display:flex;justify-content:center;align-items:center}.empid{background:linear-gradient(#d7b030,#b68e0d);color:#fff;font-size:12px;padding:5px 12px;border-radius:6px;position:absolute;top:15px;right:15px}.designation{font-size:14px;color:#666;margin-bottom:15px}.reporting-info{position:absolute;width:100%;display:flex;justify-content:space-between}.report-box{padding:0;border-radius:8px;color:#fff;font-size:12px}.report-box.left{text-align:left;margin-right:5px}.report-box.right{margin-left:5px}.report-box .label{display:block;font-size:11px;opacity:.8;color:#373c4b;position:relative}.report-box.left .label{padding-left:20px;position:relative;top:-7px}.report-box.right .label{padding-right:20px;position:relative;top:-7px;text-align:right}.report-box.left .label,.report-box.right .label{font-weight:700;color:#1e2846;font-size:200}.report-box.left .value{background:#4e6a86;margin-top:20px;border-top-right-radius:50px;border-bottom-left-radius:10px;padding:10px 30px 5px 20px}.report-box.right .value{background:#2193af;border-top-left-radius:50px;border-bottom-right-radius:10px;padding:10px 20px 5px 30px}.organization-details{margin-top:20px;background:#fff;border-radius:12px;border:1px solid #d7d7d7cb;box-shadow:#0000000d 0 2px 8px}.email{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#eb4135c7;font-size:20px}.phone{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#219ebc;font-size:20px}.calendar{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#023047;font-size:20px}.office{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#10732aab;font-size:20px}.bond{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#1e9070;font-size:20px}.org-item-container{padding-left:40px;padding-top:20px;padding-bottom:20px}.org-header{background:linear-gradient(#f4f4f4,#fff);border-radius:5px;border:1px solid #d7d7d7cb;display:flex;justify-content:center;align-items:center;height:60px}.org-header h3{color:#4d4747;position:relative;font-size:medium;font-weight:550;margin:0}.org-title{font-size:15px;margin-bottom:15px;font-weight:600}.org-item{display:flex;align-items:center;margin-bottom:12px}.org-item .icon{font-size:18px;margin-right:12px}.org-item .label{font-size:12px;color:#666}.org-item .value{font-size:13px;color:#333;margin-top:2px}.header-details{position:relative;padding-left:20px}.header-details:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#6366f1;border-radius:2px}.Profile-right{flex:1;min-width:300px;background:#fff;border-radius:12px;padding:20px;box-shadow:#0000000d 0 2px 10px;border:1px solid #d7d7d7cb}.right-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7d7d7cb;padding:10px}.right-header h3{margin:0;font-size:17px;font-weight:600;color:#262c3cdb}.right-header p{font-size:12px;color:#777}.edit-button{background:#3b82f6;color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;font-size:13px}.edit-button{display:flex;align-items:center;gap:8px}.edit-button img{width:16px;height:16px}.profiletabs{display:flex;gap:10px;margin:20px 0}.tabs{background:#f8f8f8;border:1px solid #ddd;padding:8px 15px;border-radius:20px;cursor:pointer;font-size:13px}.tabs.active{background:#000;color:#fff;border-color:#000}.details-section{display:flex;flex-direction:column;gap:40px}.detail-row{display:flex;gap:3px;flex-wrap:nowrap;justify-content:center}.detail-card{flex:1;min-width:160px}.detail-card.wide{flex:2}.detail-card label{font-size:12px;color:#666;display:block;margin-bottom:5px}.detail-card span{display:block;font-size:13px;color:#333;border:1px solid #eee;background:#f9fbff;padding:6px;border-radius:10px;width:100%}.view-btn{background:#f0f0f0;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}@media (max-width: 1024px){.detail-row{flex-wrap:wrap}.detail-card.wide{flex:1 1 100%}}@media (max-width: 768px){.detail-row{flex-direction:column}.detail-card{width:100%}}@media (max-width: 1535px){.reporting-info{flex-direction:column;align-items:center;gap:12px;position:relative}.report-box.left,.report-box.right{margin:0;width:100%;text-align:center}.report-box.left .label,.report-box.right .label{text-align:center;padding:0}.report-box.left .value,.report-box.right .value{border-radius:20px}}.password-input-container{position:relative}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{padding-right:45px;width:100%}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease}.password-toggle{position:absolute;right:12px;top:34px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease}.password-toggle-btn:hover:not(:disabled){color:#333;background-color:#f0f0f0}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.eye-icon{font-size:18px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.holidays-container{display:flex;justify-content:center;align-items:flex-start;gap:180px;margin-top:20px}.left-holidays-content{text-align:center}.left-holidays-content h1{font-size:50px;font-weight:500;color:#252525;margin-bottom:10px}.left-holidays-content p{font-size:14px;color:#252525}.bottom-holidays-content{display:flex;justify-content:space-around}.colored-dot1{width:18px;height:18px;background-color:#4caf50;border-radius:50%;display:inline-block}.colored-dot2{width:18px;height:18px;background-color:#ff9800;border-radius:50%;display:inline-block}.holiday-left-item,.holiday-right-item{display:flex;align-items:center;gap:8px;margin-right:20px}.Holiday-text{text-align:left;margin-left:10px}.Holiday-text .text-top{margin-right:3px}.Holiday-text .Holiday-date{font-size:small;margin-left:9px}.Holiday-text .holiday-name-colored1{color:#4caf50;font-size:medium;font-weight:700}.Holiday-text .holiday-name-colored2{color:#ff9800;font-size:medium;font-weight:700}.holiday-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;position:relative;transition:all .3s ease;overflow:hidden;width:420px;height:80px;margin-bottom:20px;display:flex;border-left:5px solid #4682e2;align-items:center;padding:5px;gap:30px}.holiday-content{display:flex;flex-direction:column;width:150px}.holiday-content .holiday-date{font-size:small}.holiday-image{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-left:10px}.holiday-img{width:100%;height:100%;object-fit:cover;display:block}.holiday-type{font-size:small}.attendance-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;margin-bottom:30px;grid-template-columns:490px 1fr}.left-column{display:flex;flex-direction:column;gap:16px}.headerattendance h1#heading{font-size:1.8rem;font-weight:600;color:#1d60a3;margin-bottom:5px}.headerattendance .description{color:#555;font-size:.95rem}.summary-container{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.summary-card{flex:1 1 48%;background:#fff;border-radius:10px;padding:12px 16px;box-shadow:0 2px 6px #0000000d;color:#fff;min-height:100px}.summary-title{font-size:1rem;font-weight:600;margin-bottom:8px;color:#fff}.summary-stats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.stat-box{flex:1 1 30%;background:#ffffff26;border-radius:8px;text-align:center;padding:6px 0;border:1px solid rgba(255,255,255,.2);color:#fff}.stat-box div:first-child{font-size:.8rem;opacity:.85;margin-bottom:3px}.stat-number{font-weight:600;font-size:.95rem;color:#fff}.attendance-table{width:100%;border-collapse:collapse;margin-top:-15px;border-radius:10px;overflow:hidden;font-size:.95rem}.attendance-table th{background-color:#3179b3;text-align:left;padding:12px;font-weight:600;color:#fff;border-bottom:2px solid #ddd}.attendance-table td{padding:12px;border-bottom:1px solid #eee;color:#444}.attendance-table tr:hover{background-color:#fafafa}.image-link img{border-radius:6px;object-fit:cover}@media (max-width: 992px){.attendance-top-grid{grid-template-columns:1fr}.summary-container{flex-direction:row}.summary-card{width:100%;min-height:90px}}@media (max-width: 600px){.headerattendance h1#heading{font-size:1.4rem}.headerattendance .description{font-size:.85rem}.stat-box{flex:1 1 45%}.summary-stats{gap:6px}}@media (max-width: 1536px){.attendance-top-grid{grid-template-columns:490px 1fr;gap:40px}}.stat-box{display:flex;justify-content:space-around;align-items:center}.vertical_line{height:80%;width:2px;background-color:#dadada;border-radius:50px}.left-column .MuiBox-root{transform:scale(.85);transform-origin:top left}.left-column .MuiBox-root{margin-top:-8px}.right-column.summary-container{transform:scale(.9);transform-origin:top right}.attendance-container{background:linear-gradient(135deg,#171821,#1f2035);color:#fff;padding:25px 35px;border-radius:16px;font-family:Poppins,sans-serif}.attendance-top-grid{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:nowrap}.left-column{flex:1;min-width:230px}.attendance-heading{font-size:1.9rem;font-weight:600;color:#fff;margin-bottom:5px}.attendance-description{font-size:.95rem;color:#bfc1cc;max-width:280px}.summary-section{display:flex;gap:16px;justify-content:flex-end;flex:1;flex-wrap:nowrap}.summary-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 16px;width:130px;text-align:left;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.summary-card:hover{transform:translateY(-3px);box-shadow:0 3px 10px #ffffff1a}.summary-card h2{font-size:1rem;margin-bottom:4px;color:#fff}.summary-card p{font-size:.85rem;color:#b8b8c7}@media (max-width: 1024px){.attendance-top-grid{flex-wrap:wrap;gap:20px}.summary-section{flex-wrap:wrap;justify-content:flex-start}.summary-card{width:48%}}@media (max-width: 900px){.attendance-top-grid{flex-direction:column;align-items:flex-start}.summary-section{width:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.summary-card{width:48%;margin-bottom:10px}}@media (max-width: 480px){.attendance-heading{font-size:1.5rem}.summary-card{width:100%}}.attendance-table-container{max-height:400px;overflow-y:auto;overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;position:relative;padding-top:1px}.attendance-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}.attendance-table thead th{position:sticky;top:0;z-index:5;background-color:#1976d2!important;color:#fff!important;text-align:center;padding:12px;font-weight:600;border-bottom:2px solid #e2e8f0;height:48px;box-sizing:border-box}.attendance-table tbody td{text-align:center;padding:10px;border-bottom:1px solid #e2e8f0}.attendance-table-container::-webkit-scrollbar{width:8px;height:8px}.attendance-table-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.attendance-table thead th:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#0000001a}.attendance-table tbody tr{height:48px}.attendance-table td,.attendance-table th{vertical-align:middle!important;text-align:center;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-table td img,.attendance-table td svg,.attendance-table td i{width:20px;height:20px;object-fit:contain;vertical-align:middle}.attendance-table td span,.attendance-table td p{display:inline-block;vertical-align:middle;margin:0;line-height:1.2}@media (max-width: 1024px){.attendance-table-container{overflow-x:auto}.attendance-table{min-width:900px}}@media (max-width: 768px){.attendance-table{min-width:800px}}@media (max-width: 480px){.attendance-table{min-width:700px;font-size:.85rem}.attendance-table th,.attendance-table td{padding:6px 8px}.image-link img{width:30px;height:30px}}.MuiTableHead-root .MuiTableCell-root{padding:4px 19px!important;font-size:.85rem!important;font-weight:700!important;color:#fff!important}.MuiTableBody-root .MuiTableCell-root{padding:6px 19px!important;font-size:.85rem!important}.MuiTextField-root{min-width:200px;width:220px}.MuiOutlinedInput-root{height:30px;width:85%;border-radius:8px;position:relative;left:30px}.MuiInputBase-input{padding:8px}.MuiInputBase-input{font-size:small!important}.MuiFormLabel-root{position:absolute!important;left:31px!important}.container .form-group{position:relative}.container .form-group .icon{position:absolute;top:58%;left:12px;font-size:.8rem;color:#888;pointer-events:none}.container .form-group input,.container .form-group select{padding-left:35px}.container .form-group .icon2{position:absolute;top:57%;left:8px;font-size:.9rem;color:#888;pointer-events:none}.container .form-group .icon-leave{position:absolute;top:44%;left:8px;font-size:.9rem;color:#888;pointer-events:none}.form-group input,.form-group select,.form-group textarea{width:350px;max-width:100%;box-sizing:border-box;border:1px solid rgba(203,213,225,.6)}.form-header h2{font-size:1.8rem;font-weight:600;color:#053b79}.form-header p{font-size:.95rem;color:#60708c;margin-top:5px}.form-group label{font-size:.9rem;font-weight:600;margin-bottom:6px;color:#2e3a59}.form-group input,.form-group select{padding:5px 9px;border:1px solid #e0e6ed;border-radius:8px;font-size:.95rem;transition:all .25s ease;background:#fff;color:#2e3a59}.section-title{font-weight:600;color:#053b79;margin-top:35px;margin-bottom:15px;border-left:4px solid #0b2e4d;padding-left:10px}.file-upload-box{border:2px dashed #e0e6ed;border-radius:8px;background:#f9fafb;padding:25px;text-align:center;transition:border-color .3s ease,background .3s ease}.file-upload-box:hover{border-color:#0b2e4d;background:#f3f8fe}.upload-icon i{font-size:2rem;color:#0b2e4d;margin-bottom:8px}.form-footer{margin-top:40px}.btn{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:all .25s ease}.btn-save{background:#0b2e4d;color:#fff}.btn-save:hover{background:#053b79}.btn-cancel{background:#e3e8ef;color:#2e3a59}.btn-cancel:hover{background:#d0d7e1}.form-group select{font-size:.8rem;color:#2e3a59}.form-group input::placeholder,.form-group select option[disabled]{font-size:.8rem;color:#9aa3b2;opacity:1}.form-group select{color:#9aa3b2;font-size:.8rem}.form-group select:focus,.form-group select:not(:invalid){color:#2e3a59;font-size:.8rem}.password-toggle{position:absolute;right:10px;top:70%;left:90%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#666}.header-employee{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px}.header-employee h2{font-size:30px;color:#1a356e;font-family:Inter,sans-serif;font-weight:600}.container{max-width:1400px;margin:5px auto;background:#fff;border:1px solid #e0e6ed;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:40px 50px;min-height:80vh}.header-employee h1{font-size:30px;font-weight:700;color:#1a356e;margin-bottom:10px}.header-left{display:flex;flex-direction:column;flex:1}.header-left p.header-description{margin-top:10px;font-size:14px;color:#555;line-height:1.5;font-family:Inter,sans-serif}.header-employee .vertical_line{height:20px;width:10px;background-color:#016c96}.header-container{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap}.search-container{flex:1;max-width:250px}.toggle-wrapper{display:flex;justify-content:center;margin:20px 0 40px}.employee-toggle{display:inline-flex;background-color:#f5f5f5;border-radius:40px;padding:4px}.toggle-btn{border:none;outline:none;background:transparent;padding:10px 24px;border-radius:40px;font-size:14px;font-weight:500;color:#a0a0a0;cursor:pointer;transition:all .3s ease}.toggle-btn.active{background-color:#24324a;color:#fff;box-shadow:0 2px 6px #00000026}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}.employee-card{background:#fff;transition:transform .2s ease;position:relative}.employee-card:hover{transform:translateY(-5px)}.employee-top{display:flex;align-items:flex-start;padding:15px 20px;background-color:#f9f9f9;position:relative}.employee-photo{width:55px;height:55px;border-radius:50%;object-fit:cover;flex-shrink:0}.employee-info{flex:1;margin-left:15px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.employee-info h4{font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-bottom:5px}.employee-info .role{color:#186ebc;background-color:#e6f7ff;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block;margin-bottom:10px;white-space:nowrap}.employee-actions{position:absolute;bottom:5px;right:10px;display:flex;gap:5px}.employee-actions button{width:36px;height:36px;border:none;border-radius:50%;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease}.employee-actions img{width:26px;height:26px}.email-btn:hover{background:#e3f2ff;transform:scale(1.1)}.call-btn:hover{background:#e8f8ea;transform:scale(1.1)}.employee-bottom{font-size:13px;color:#555;display:flex;justify-content:space-between;padding:10px}.employee-bottom .label{color:#aaa;font-size:12px;font-weight:500}.employee-bottom .value{color:#000;font-size:15px;font-weight:500}.employee-bottom .bottom-detail1{text-align:left}.employee-bottom .bottom-detail2{text-align:right}.edit-btn{position:absolute;top:10px;right:10px;padding:4px 10px;font-size:12px;font-weight:500;background-color:#24324a;color:#fff;border-radius:4px;text-decoration:none;opacity:0;transform:translateY(-6px);transition:all .25s ease-in-out;z-index:10;box-shadow:0 2px 5px #00000026}.employee-card:hover .edit-btn{opacity:1;transform:translateY(0)}.edit-btn:hover{background-color:#007bff;box-shadow:0 3px 6px #0003;transform:scale(1.05)}@media (max-width: 1024px){.container{padding:30px 25px}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}}@media (max-width: 768px){.container{padding:20px 15px}.header-employee{flex-direction:column;align-items:flex-start;gap:10px}.toggle-wrapper{margin-top:10px}.employee-toggle{width:100%;justify-content:space-around}.toggle-btn{flex:1;padding:8px 10px;font-size:13px}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.employee-top{flex-direction:column;align-items:center;text-align:center;padding:10px}.employee-info{align-items:center;margin-left:0}.employee-bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;text-align:left;font-size:12px}.employee-bottom .label{font-size:11px}.employee-bottom .value{font-size:13px}.edit-btn{top:6px;right:6px;font-size:11px;padding:3px 8px}}@media (max-width: 480px){.toggle-btn{font-size:12px;padding:6px 8px}.employee-photo{width:45px;height:45px}.employee-info h4{font-size:14px}.employee-info .role{font-size:11px;padding:2px 6px}.employee-actions img{width:22px;height:22px}.employee-card{padding-bottom:10px}}@media (max-width: 770px){.header-container{flex-direction:row;justify-content:start;flex-wrap:nowrap}.search-container{flex:1;min-width:140px}.add-btn{padding:8px 14px;font-size:13px}}@media (max-width: 370px){.header-container{flex-direction:column;align-items:stretch;gap:8px}.search-container,.add-btn{width:100%;text-align:center}}@media (max-width: 768px){.header-left p.header-description{display:none}.header-employee h2{font-size:22px;text-align:center}}@media (max-width: 480px){.header-employee h1{font-size:20px}}.dots{position:absolute;top:10px;right:10px;cursor:pointer}.card-middle,.card-middle2,.card-middle3{display:flex;flex-direction:row;color:#fff;justify-content:center;align-items:center;gap:20px;padding:6px 0;width:100%;height:25px;font-size:13px}.card-middle{background:linear-gradient(to right,#1f4e5f,#2a6b7c)}.card-middle2{background:linear-gradient(to right,#2e6b3f,#4aa35f)}.card-middle3{background:linear-gradient(to right,#7b2f2f,#b34747)}.card-bottom{text-align:center;font-size:12px;font-family:Inter,sans-serif;color:#555;max-height:60px}.leave-tabs{display:flex;gap:12px;padding:6px;margin-bottom:40px;border-radius:12px;background-color:#f0f1f5;justify-content:flex-start}.tab{flex:1;text-align:center;padding:12px 0;font-weight:500;border-radius:10px;cursor:pointer;background-color:#2f3d541a;color:#2f3d54b3;transition:all .3s ease}.tab:hover{background-color:#2f3d5426;color:#2f3d54e6}.tab.active{background:linear-gradient(135deg,#4e5d78,#2f3d54);color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.employee-wrapper{position:relative;display:inline-block}.dots{cursor:pointer;position:absolute;top:8px;right:8px}.dots{cursor:pointer;position:absolute;top:10px;right:10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.dots:hover{background-color:#f5f5f5}.popup-menu{position:absolute;top:9px;right:35px;background:#fff;border-radius:10px;box-shadow:0 6px 20px #00000014;width:150px;display:flex;flex-direction:column;overflow:hidden;animation:fadeSlide .25s ease-out;z-index:99;border:1px solid #eee}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.popup-menu button{padding:8px 12px;border:none;background:#fff;text-align:left;cursor:pointer;font-size:13px;color:#333;transition:all .2s ease;display:flex;align-items:center;gap:6px}.popup-menu .approve:hover{background:#22c55e;color:#fff}.popup-menu .reject:hover{background:#ef4444;color:#fff}.popup-menu .forward:hover{background:#3b82f6;color:#fff}.employee-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.attendance-toggle{display:flex;align-items:center;gap:12px;background:#fff;border-radius:50px;padding:8px 16px;min-width:180px;box-shadow:0 2px 6px #0000001a;font-family:Arial,sans-serif;position:relative;right:20px}.attendance-toggle:hover{cursor:pointer}.clock-img{width:32px;height:32px;border-radius:50%;background:#28a745;display:flex;justify-content:center;align-items:center}.clock-img img{width:16px;height:16px;object-fit:contain}.attendace-summary h1{font-size:14px;font-weight:600;margin:0;color:#333}.attendace-summary p.total-hours{font-size:12px;margin:2px 0 0;color:#666}.total-hours .time{color:#28a745;font-weight:600;margin-left:4px}@media (max-width: 480px){.attendance-toggle{padding:6px 12px;gap:8px}.clock-img{width:28px;height:28px}.clock-img img{width:14px;height:14px}.attendace-summary h1{font-size:12px}.attendace-summary p.total-hours{font-size:10px}}.detail-row{font-size:small;text-align:center;margin-bottom:5px}.container .form-group .icon2{position:absolute;top:35%;left:12px;font-size:.8rem;color:#888;pointer-events:none}@media (max-width: 600px){.holidays-container{flex-direction:column;gap:40px;justify-content:center;align-items:center}.text-start{margin-left:17px}}.table-view{width:100%;overflow-x:auto;margin-top:20px;border-radius:8px;box-shadow:0 2px 10px #0000000d;background-color:#fff}.leave-table{width:100%;border-collapse:collapse;min-width:800px}.leave-table thead{background-color:#1976d2}.leave-table th{padding:12px 15px;text-align:left;font-weight:600;font-size:14px;color:#fff;border-bottom:1px solid #e5e7eb}.leave-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.leave-table tbody tr:hover{background-color:#f9fafb}.leave-table td{padding:12px 15px;font-size:14px;color:#555}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;text-transform:capitalize}.status-badge.approved{background-color:#22c55e}.status-badge.rejected{background-color:#ef4444}.status-badge.latest{background-color:#fbbf24;color:#000}.btn-approve,.btn-reject,.btn-forward{padding:5px 10px;border:none;border-radius:6px;font-size:13px;cursor:pointer;margin-right:5px;transition:background .2s,color .2s}.btn-approve{background-color:#4682e2;color:#fff}.btn-approve:hover{background-color:#4f46e5}.btn-forward{position:relative;top:3px}.btn-reject{background-color:#f87171;color:#fff}.btn-forward{background-color:#ddbd09;color:#fff}.btn-reject:hover{background-color:#ef4444}@media (max-width: 768px){.leave-table{min-width:100%}.leave-table th,.leave-table td{padding:8px 10px;font-size:13px}.btn-approve,.btn-reject,.btn-forward{padding:4px 8px;font-size:12px}.view-toggle{display:flex;flex-direction:row}}.view-toggle{background-color:#f6f6f6;padding:10px;border-radius:30px}.services-grid{display:grid;grid-template-columns:repeat(8,minmax(100px,1fr));gap:25px;justify-items:start;perspective:1000px}.service-card{background-color:#fff;border-radius:12px;padding:12px;width:100%;max-width:120px;text-align:center;cursor:pointer;transition:transform .4s ease,box-shadow .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;box-shadow:0 2px 5px #00000014;z-index:1;position:relative}.service-card:hover{transform:translateY(-15px) scale(1.1);box-shadow:0 15px 35px #0003;z-index:10}.service-image{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;transition:transform .4s ease}.service-card:hover .service-image{transform:scale(1.3)}.service-image img{width:70%;height:70%;object-fit:contain;transition:transform .4s ease}.service-card:hover .service-image img{transform:scale(1.1)}.service-name{font-size:12px;font-weight:500;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeInOverlay .3s ease}.service-popup{background-color:#fff;border-radius:14px;padding:25px;width:380px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:12px;position:relative;animation:popupFadeIn .3s ease}.close-btn{position:absolute;top:10px;right:14px;background:none;border:none;font-size:22px;cursor:pointer;color:#555;transition:color .2s ease}.service-popup h4{font-size:18px;margin:0 0 5px;font-weight:600;text-align:left}.service-popup textarea{width:100%;resize:none;padding:8px;border-radius:6px;border:1px solid #ddd;font-size:13px;height:80px}.service-popup .request-btn{background-color:#007bff;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.service-popup .close-btn{color:#000}.service-popup .request-btn:hover{background-color:#0056b3}@keyframes popupFadeIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.profile-section{display:flex;align-items:center;gap:15px}.profile-info{display:flex;align-items:center;gap:8px}.profile-text{display:flex;flex-direction:column;align-items:flex-end;margin-right:8px}.user-name{font-weight:600;color:#fff;font-size:14px}.user-role{color:#ddd;font-size:12px}.profile-image,.profile-initial{width:38px;height:38px;border-radius:50%;background-color:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.attendance-container{display:flex;justify-content:center;align-items:center;border-radius:50px;background:#fff;padding:1px 12px;box-shadow:0 3px 8px #0000001a;width:170px;cursor:pointer;transition:all .3s ease}.attendance-container:hover{transform:scale(1.02)}.attendance-content{display:flex;align-items:center;gap:10px}.clock-circle{border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.clock-circle i{font-size:18px;color:#fff}.attendance-right{display:flex;flex-direction:column;justify-content:center;gap:3px}.attendance-label{font-size:13px;font-weight:600;margin:0}.attendance-total{font-size:12px;color:#555;margin:0}.attendance-loader{width:25px;height:25px;border:3px solid #f3f3f3;border-top:3px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.attendance-container{padding:6px 10px;width:140px}.clock-circle{width:32px;height:32px}.clock-circle i{font-size:15px}.attendance-label{font-size:12px}.attendance-total{font-size:11px}.profile-image,.profile-initial{width:34px;height:34px;font-size:13px}.user-name{font-size:13px}.user-role{font-size:11px}}@media (max-width: 480px){.attendance-container{padding:5px 8px;width:130px}.clock-circle{width:28px;height:28px}.clock-circle i{font-size:13px}.attendance-label{font-size:11px}.attendance-total{font-size:9px}.user-name,.user-role{display:none}.profile-section{gap:10px}}.header-employee .subtitle{font-size:.95rem;color:#777;margin-top:4px}.error-message{padding:15px;background:#ffe6e6;color:#d93025;border-radius:8px;border:1px solid #ffb3b3;font-size:.95rem;margin-bottom:20px}.no-letters{text-align:center;padding:50px 20px;color:#666}.no-letters i{font-size:48px;color:#ccc;margin-bottom:12px}.no-letters h3{font-size:1.3rem;margin-bottom:6px;color:#333}.letters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.letter-card{border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 6px #0000000f}.letter-card:hover{transform:translateY(-5px);box-shadow:0 6px 14px #0000001f}.letter-header{display:flex;align-items:center;margin-bottom:15px}.file-icon{width:55px;height:55px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;background:#4682e214}.file-icon i{font-size:26px}.letter-type h4{margin:0;color:#222;font-size:1.1rem;font-weight:600}.letter-type span{font-size:.85rem;color:#777;text-transform:capitalize}.letter-details{font-size:.9rem;color:#555}.letter-details .detail-item{display:flex;align-items:center;margin-bottom:6px}.letter-details .detail-item i{margin-right:8px;color:#4682e2;width:16px}.click-hint{margin-top:15px;padding:8px;background:linear-gradient(90deg,#4682e2,#5a9ff5);border-radius:6px;font-size:.85rem;color:#fff;text-align:center;transition:.3s ease}.letter-card:hover .click-hint{background:linear-gradient(90deg,#5a9ff5,#4682e2)}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0a0f19d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:fadeIn .3s ease}.letter-popup{background:#fff;border-radius:14px;padding:30px;max-width:700px;width:90%;max-height:90vh;overflow:auto;position:relative;box-shadow:0 10px 25px #00000040;animation:scaleIn .25s ease}.close-btn{position:absolute;top:14px;right:14px;border:none;background:#f3f3f3;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer;color:#444;transition:all .3s ease}.close-btn:hover{background:#4682e2;color:#fff}.popup-header h3{margin-bottom:6px;color:#222;font-weight:600}.popup-header p{color:#666;font-size:.9rem}.image-container{text-align:center;margin:25px 0}.image-container img{max-width:100%;max-height:70vh;border-radius:10px;box-shadow:0 4px 10px #00000026;transition:transform .3s ease}.image-container img:hover{transform:scale(1.02)}.popup-actions{display:flex;justify-content:center;gap:12px}.popup-actions button{padding:10px 22px;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-download{background-color:#4682e2;color:#fff}.btn-download:hover{background-color:#2e6cd0}.btn-close{background-color:#aaa;color:#fff}.btn-close:hover{background-color:#888}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.status-badge{padding:4px 8px;border-radius:4px;font-weight:700;text-transform:capitalize}.status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-approved{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}:root{--primary-color: #cf0a2c;--secondary-color: #f8d0d7;--text-color: #ffffff;--text-color2:#3b3a3a;--bg-color: #F3F4F6;--card-bg: #000000}.logo{position:relative;left:-9px}body{font-family:Inter,sans-serif;font-size:14px;background-color:var(--bg-color);color:var(--text-color2);margin:0;padding:0;min-height:100vh}.dashboard-container{display:flex;flex-direction:column;min-height:100vh}.top-nav{position:fixed;top:0;left:-1rem;right:0;height:4rem;background-color:var(--card-bg);padding:0 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E5E7EB;z-index:1000}.top-nav .logo{font-size:1.5rem;font-weight:700;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.top-nav .logo i{font-size:1.5rem}.admin-info{display:flex;gap:1rem;font-weight:500}.sidebar{width:14rem;background-color:var(--card-bg);padding:4rem 1rem 1.5rem;border-right:1px solid #E5E7EB;position:fixed;top:20px;bottom:0;left:0;display:flex;flex-direction:column;gap:.5rem}.sidebar a,.sidebar .dropdown-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-color);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:background-color .2s;cursor:pointer}.sidebar a:hover,.sidebar .dropdown-toggle:hover,.sidebar a.active{background-color:var(--secondary-color);color:var(--primary-color)}.sidebar a i,.dropdown-toggle i{width:1.25rem;text-align:center}.logout-link{margin-top:auto;background-color:var(--primary-color);color:#fff!important}.logout-link:hover{background-color:#0f766e}.dropdown{position:relative;display:flex;flex-direction:column}.dropdown-content.vertical{display:none;flex-direction:column;margin-left:1.5rem;padding-top:.25rem}.dropdown:hover .dropdown-content.vertical{display:flex}.dropdown-content.vertical a{padding:.5rem 1rem;font-size:.875rem;color:var(--text-color);border-radius:.375rem}.dropdown-content.vertical a:hover{background-color:var(--secondary-color);color:var(--primary-color)}.main-content{min-height:calc(100vh - 60px);display:flex;flex-direction:column;padding:20px;box-sizing:border-box;margin-top:4rem}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: 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-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( 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;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.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%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.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%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;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{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.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-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.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;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.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:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.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;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-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)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(./assets/images/bg-44.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;width:100%;max-width:450px;padding:40px;margin:20px}.login-header{text-align:center;margin-bottom:30px}.login-header img{margin-bottom:20px}.login-title{text-align:center;color:#2d3748;font-weight:500;font-size:18px;margin-bottom:30px}.login-form{width:100%}.form-label{display:block;margin-bottom:8px;color:#4a5568;font-weight:500;font-size:14px}.form-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-input::placeholder{color:#a0aec0}.form-submit{text-align:center;margin-top:32px}.submit-btn{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.submit-btn:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);transform:translateY(-2px);box-shadow:0 4px 12px #4299e14d}.submit-btn:active{transform:translateY(0)}@media (max-width: 480px){.login-card{padding:30px 20px;margin:10px}.login-title{font-size:20px}.form-input{padding:10px 14px;font-size:14px}.submit-btn{padding:12px 24px;font-size:14px}}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-input.error{border-color:#e53e3e}.form-input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-message{color:#e53e3e;font-size:12px;margin-top:4px;display:block}.success-message{color:#38a169;text-align:center;margin-top:16px;font-size:14px}.d-flex{display:flex;justify-content:space-between;align-items:center}