body{background-color:#f9f9f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-form-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:10px}.login-box{background-color:#fff;border-radius:12px;box-shadow:0 6px 24px #00000014;display:flex;max-width:900px;min-height:400px;overflow:hidden;transition:all .3s ease;width:90%}.login-box:before{background:url(/static/media/amaglelogo.01fc86c95c667220789a.jpg) no-repeat 50%;background-position:50%;background-size:contain;content:"";flex-shrink:0;min-height:350px;width:50%}.login-form{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 40px}.login-form h2{color:#111;font-size:28px;margin-bottom:10px}.login-form p{color:#555;font-size:14px;margin-bottom:30px}.login-form input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;margin-bottom:18px;padding:12px;width:100%}.login-form .error{color:red;font-size:14px;margin-bottom:15px}.login-form button{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease}.login-form button:disabled{background-color:#a5b4fc;cursor:not-allowed}.login-form button:hover:not(:disabled){background-color:#1d4ed8}.login-form .link{color:#2563eb;cursor:pointer;font-weight:500;margin-top:15px;text-align:center}.login-form .link:hover{text-decoration:underline}@media (max-width:1024px){.login-box{width:85%}.login-form{padding:50px 30px}}@media (max-width:768px){.login-box{box-shadow:0 4px 10px #0000000d;flex-direction:column;max-width:500px;width:95%}.login-box:before{background-color:#f5f5f5;background-size:120px auto;height:150px;min-height:150px;width:100%}.login-form{padding:25px 20px}.login-form h2{font-size:22px;text-align:center}.login-form p{font-size:13px;margin-bottom:20px;text-align:center}.login-form input{font-size:14px}.login-form button{font-size:15px;padding:10px}}@media (max-width:480px){.login-box{border-radius:0;box-shadow:none;width:100%}.login-form{padding:20px 15px}.login-form h2{font-size:20px;margin-bottom:8px}.login-form button{font-size:14px;width:100%}}.session-timer-container{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;gap:8px;padding:8px 14px;position:relative}.session-timer-container.warning{animation:pulse-warning 1.5s infinite;background:#f39c1233;border-color:#f39c12}@keyframes pulse-warning{0%,to{box-shadow:0 0 0 0 #f39c1266}50%{box-shadow:0 0 0 8px #f39c1200}}.session-timer-label{align-items:center;color:#000c;display:flex;font-size:20px;gap:4px}.session-timer-icon{font-size:14px}.session-timer-value{font-family:Courier New,monospace;font-size:16px;font-weight:800;min-width:55px;text-align:center}.session-timer-progress{background:#ffffff1a;border-radius:0 0 8px 8px;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.session-timer-progress-bar{border-radius:0 0 8px 8px;height:100%;transition:width 1s linear,background-color .5s ease}.session-expired-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.session-expired-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px 50px;text-align:center;width:90%}.session-expired-icon{animation:shake .5s ease-in-out;font-size:64px;margin-bottom:16px}@keyframes shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.session-expired-modal h2{color:#e74c3c;font-size:24px;margin-bottom:12px}.session-expired-modal p{color:#666;font-size:14px;line-height:1.6}.session-expired-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#e74c3c;height:40px;margin:24px auto 0;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.session-warning-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.session-warning-modal{background:#fff;border-left:5px solid #f39c12;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:380px;padding:30px 40px;text-align:center;width:90%}.session-warning-icon{animation:pulse 1s infinite;font-size:48px;margin-bottom:12px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.session-warning-modal h3{color:#f39c12;font-size:20px;margin-bottom:12px}.session-warning-modal p{color:#555;font-size:14px;line-height:1.5;margin-bottom:4px}.session-warning-time{color:#e74c3c!important;font-family:Courier New,monospace;font-size:36px!important;font-weight:800!important;margin:16px 0!important}.session-warning-note{color:#888!important;font-size:12px!important;font-style:italic}.session-warning-close{background:#f39c12;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 40px;transition:all .3s ease}.session-warning-close:hover{background:#e67e22;box-shadow:0 4px 12px #e67e2266;transform:translateY(-2px)}@media (max-width:768px){.session-timer-label span:last-child{display:none}.session-timer-container{padding:6px 10px}.session-timer-value{font-size:14px;min-width:48px}}@media (max-width:480px){.session-timer-label{display:none}}body{background:#f8f9fc;font-family:ui-monospace;margin:0}.admin-container{background:#f1f1f1;display:flex;min-height:100vh;position:relative;transition:all .3s ease}.sidebar{background:#fff;border-radius:10px;border-radius:16px;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;scrollbar-width:thin;top:64px;transition:transform .3s ease,width .3s ease;width:200px;z-index:1000}.sidebar,.sidebar.active{transform:translateX(0)}.sidebar.collapsed{transform:translateX(-100%)}.sidebar-logo{display:block;height:120px;margin:0 auto;width:120px}.sidebar nav ul{list-style:none;margin:15px;padding:0}.sidebar nav li{margin-bottom:16px}.nav-btn{align-items:center;background:#f1f6ff;border:none;border-radius:8px;box-shadow:0 1px 3px #00000026;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin:0 auto;overflow-y:auto;padding:6px 0;transition:background .15s,color .15s;width:100%}.nav-btn-active,.nav-btn:focus,.nav-btn:hover{background:#1e4fc4;color:#fff}.scrollbar-thin{scrollbar-color:#ccc #0000;scrollbar-width:thin}.icon-logo{display:inline-block;height:20px;margin-left:8px;margin-right:8px;width:20px}.admin-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-left:200px;margin-top:55px;min-height:calc(100vh - 60px);padding:20px;transition:margin-left .3s ease}.admin-content.full-width{margin-left:0}.topbar-admin{background:#f5f5f5;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #00000026;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1001}.topbar-admin,.topbar-left{align-items:center;display:flex}.topbar-left{font-size:15px}.topbar-left .sidebar-logo{border:1px solid #1e3a8a;border-radius:50%;height:50px;justify-content:center;margin-right:10px;width:50px}.topbar-admin h2{color:#1e4fc4;font-size:18px;font-weight:1000;margin:0}.topbar-right{align-items:center;display:flex}.topbar-right span{color:#333;cursor:pointer;font-size:20px;margin-right:15px}.topbar-right img{border-radius:50%;cursor:pointer;height:45px;width:45px}.profile-container{display:inline-block;position:relative}.profile-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #00000026;display:flex;flex-direction:column;min-width:150px;padding:5px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.profile-dropdown button{background:none;border:none;cursor:pointer;font-size:14px;padding:10px;text-align:left;transition:background .2s}.profile-dropdown button:hover{color:blue}.profile-section{background:#f8f9fa;border:1px solid #ddd;border-radius:10px;margin-bottom:20px;padding:15px;width:700px}.profile-section h3{color:#2c3e50;margin-bottom:10px}.profile-section p{font-size:14px;margin:5px 0}@media (max-width:768px){.profile-section{border-radius:8px;margin:10px auto;padding:12px;width:95%}.profile-section h3{font-size:16px}.profile-section p{font-size:13px}}@media (max-width:480px){.profile-section{border-radius:6px;margin:8px auto;padding:10px;width:90%}.profile-section h3{font-size:15px}.profile-section p{font-size:12px}}.dashboard-card-admins{gap:20px;width:100%}.card-admin{background:#f9fafb;border-radius:16px;box-shadow:0 2px 8px #c8d9f8;padding:18px}.sidebar-overlay{background:#0006;display:none;height:calc(100% - 60px);left:0;position:fixed;top:60px;width:100%;z-index:999}.sidebar-overlay.active{display:block}@media (max-width:1024px){.admin-content{margin-left:220px}.dashboard-card-admins{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.sidebar{-webkit-overflow-scrolling:touch;background:#f5f5f5;border-radius:8px;border-right:1px solid #ddd;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;gap:5px;height:auto;left:0;max-height:calc(75vh - 50px);max-width:140px;overflow-x:hidden;overflow-y:auto;padding:5px;position:fixed;top:65px}.sidebar.active{transform:translateX(0);transition:transform .3s ease-in-out}.sidebar-header{border-bottom:1px solid #ddd;color:#1e4fc4;font-size:12px;font-weight:600;margin-bottom:10px;padding-bottom:8px;text-align:center}.sidebar nav ul{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.sidebar nav li{margin:0;width:100%}.nav-btn{align-items:center;background:none;border:none;border-bottom:1px solid #eee;box-shadow:none;color:#333;display:flex;font-size:12px;font-weight:500;gap:10px;padding:8px 0;text-align:left}.nav-btn:last-child{border-bottom:none}.nav-btn-active,.nav-btn:hover{background:none;color:#1e4fc4}.admin-content{align-items:stretch;margin-left:0;margin-top:70px;padding:12px}.dashboard-card-admins{gap:10px;grid-template-columns:1fr;position:absolute;top:70px;transform:translateX(150px);width:calc(100% - 120px)}.topbar-admin{height:60px;padding:0 15px}}@media (max-width:480px){.sidebar{max-height:calc(60vh - 50px);max-width:88px;padding:3px}.nav-btn{font-size:8px;gap:5px;justify-content:center;padding:6px 0;text-align:center}.dashboard-card-admins{transform:translateX(85px);width:calc(100% - 100px)}.card-admin{width:100%}.topbar-admin h2,.topbar-left h2{font-size:12px}.topbar-right span{font-size:18px;margin-right:10px}.topbar-right img{height:34px;width:34px}.topbar-left .sidebar-logo{border-color:#000;border-radius:50%;height:38px;margin-left:-5px;margin-right:5px;object-fit:cover;width:38px}}.menu-btn{background:none;border:none;cursor:pointer;display:none;font-size:30px;margin-left:-3px;margin-right:3px}@media (max-width:1024px){.menu-btn{display:block}}.submenu{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:6px;margin-left:12px;margin-top:6px;padding-left:8px}.sub-btn{word-wrap:break-word;background-color:none;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;text-align:left;transition:all .3s ease}.sub-btn:hover{color:#1f4bda;transform:translateX(4px)}.nav-btn-active{background:#007b83!important;box-shadow:inset 0 0 6px #007b8366;color:#fff!important;font-weight:600}@media (max-width:768px){.submenu{gap:2px}.sub-btn{font-size:10px;padding:4px}}@media (max-width:480px){.sub-btn{font-size:6px;padding:3px;text-align:center}}.candidate-results{border:1px solid #e6e6e6;border-radius:6px;box-shadow:0 4px 12px #0000000f;margin-top:8px;max-height:240px;z-index:1100}.candidate-result-item{border-bottom:1px solid #f2f2f2;padding:10px 12px}.candidate-result-item:hover{background:#f7f9ff}.no-results{color:#666;padding:10px}.selected-candidate,.selected-interviewers{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:8px;width:100%}.selected-interviewer-item{background:#fff;border:1px solid #eef2f7;border-radius:6px;margin-top:6px;padding:6px 8px}.remove-interviewer-btn{background:#0000;color:#b00;font-size:16px;line-height:1}@media (max-width:768px){.schedule-interview-form{padding:12px;width:94%}}.search-container{align-items:center}.search-container input[type=text]{border:1px solid #ddd;border-radius:6px;flex:1 1;outline:none;padding:8px 10px}.search-btn{background:#1e4fc4;border-radius:6px;padding:8px 12px}.search-btn[disabled]{cursor:not-allowed;opacity:.6}.form-header{margin-bottom:12px}.close-btn{font-size:22px;line-height:1}.form-section{margin-bottom:12px}.form-group{margin-top:8px}.form-actions{margin-top:10px}.send-invite-btn{background:#007b83;padding:10px 14px}.cancel-btn{background:#0000;border:1px solid #ddd;color:#333;padding:8px 12px}@media (max-width:768px){.candidate-results{max-height:160px}.candidate-result-item{padding:8px}.selected-interviewer-item{font-size:13px}}@media (max-width:480px){.candidate-results{max-height:120px}.candidate-result-item{font-size:12px;padding:6px}.schedule-interview-form{padding:10px}}.change-password-form{display:flex;flex-direction:column;gap:15px}.change-password-form .form-group{display:flex;flex-direction:column;gap:5px}.change-password-form label{color:#333;font-size:14px;font-weight:600}.change-password-form input{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:10px;transition:border-color .2s}.change-password-form input:focus{border-color:#1e4fc4;box-shadow:0 0 0 2px #1e4fc41a}.message-box{border-radius:6px;font-size:14px;padding:10px;text-align:center}.message-box.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-box.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.profile-container-emp{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000014;margin:40px auto 40px 200px;max-width:600px;padding:30px;text-align:center;width:500px}.profile-container-emp h2{color:#2c3e50;font-weight:600;margin-bottom:20px}.profile-container-emp form{flex-direction:column;gap:15px}.profile-container-emp input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 14px;transition:all .3s ease}profile-container-emp label{color:#333;font-size:14px;font-weight:800;margin-bottom:auto;text-align:left}.profile-container-emp input:focus{border-color:#00b894;box-shadow:0 0 0 2px #00b8941a;outline:none}.profile-container-emp button{background:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:all .3s ease}.profile-container-emp button:hover{background:#019875}.profile-container-emp button:disabled{background:#b2bec3;cursor:not-allowed}.profile-container-emp p{font-size:14px;margin:5px 0}.profile-container-emp .success,.profile-container-emp p:has(+button){color:#2ecc71}.profile-container-emp .error{color:#e74c3c}@media (max-width:480px){.profile-container-emp{margin:20px;padding:20px}}.divider{background-color:#e0e0e0;height:2px;margin:15px 0}.onboarding-container{background-color:#f0f8ff;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;font-family:Arial,sans-serif;margin:30px auto 30px 150px;padding:20px 30px;width:700px}.epd-panel-content{color:#0d6efd;margin-top:200px}.message{background-color:#d4edda;border-radius:5px;color:#155724;padding:10px}.onboarding-container h2{color:#0d6efd;font-size:22px;margin-bottom:25px;text-align:center}.required{color:red;margin-left:2px}form fieldset{background-color:#fff;border:1px solid #cce5ff;border-radius:8px;margin-bottom:20px;padding:20px 25px}form fieldset legend{color:#0d6efd;font-size:1.1rem;font-weight:700;padding:0 10px}form input,form select{border:1px solid #b0c4de;border-radius:6px;box-sizing:border-box;font-size:14px;margin:8px 0;padding:10px 12px;width:100%}form input[type=file]{padding:3px}.file-description{background-color:#0000001a}.nested{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:15px}.nested h4{color:#0d6efd;font-size:15px;margin-bottom:10px}.buttons{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.buttons button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:.3s}.navigation-buttons button:hover{opacity:.85}.buttons button[type=button]{background-color:#007bff;color:#fff}.buttons button[type=submit]{background-color:#0d6efd;color:#fff}.onboarding-container label{font-size:14px;font-weight:700}fieldset .nested{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;padding:15px}fieldset .nested h4{color:#333;font-size:1.1rem;margin-top:0}.navigation-buttons button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:6px 12px}fieldset button:hover{background:#0056b3}#sameAddress{accent-color:#009688;cursor:pointer;height:18px;margin-right:8px;width:18px}div.navigation-buttons{display:flex;justify-content:space-between}.nested button{background:red;color:#fff}.checkbox-container input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #4caf50;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:background-color .2s ease,border-color .2s ease;width:18px}.checkbox-row{align-items:center;display:flex;gap:8px}form fieldset button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 14px}form fieldset button:hover{background-color:#0056b3}@media (max-width:768px){.onboarding-container{margin:auto auto 20px 180px;padding:18px;width:70%}.onboarding-container h2{font-size:20px}form fieldset{padding:15px}form input,form select{font-size:13px;padding:8px 10px}.buttons{flex-direction:column}.buttons button{width:100%}}@media (max-width:480px){.onboarding-container{border-radius:8px;font-size:12px;margin:-15px auto auto 88px;padding:10px;width:75%}.onboarding-container h2{font-size:14px}.onboarding-container label{font-size:10px}.onboarding-container input{height:25px;margin:2px}form fieldset legend{font-size:.8rem}.buttons button{font-size:12px;padding:5px}.navigation-buttons button{padding:4px 8px}}.separation-container{background:#f0f8ff;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;font-family:Arial,sans-serif;margin:40px auto 40px 120px;max-width:8700px;padding:25px;width:150%}.separation-container h2{color:#007bff;font-size:22px;margin-bottom:20px;text-align:center}.separation-form{display:flex;flex-direction:column;gap:10px}.separation-form input,.separation-form select,.separation-form textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:15px;margin-top:0;outline:none;padding:12px;transition:border .3s;width:100%}.separation-form input:focus,.separation-form select:focus,.separation-form textarea:focus{border-color:teal;box-shadow:0 0 4px #00808066}.separation-form label{color:#333;font-size:14px;font-weight:700;margin-bottom:-5px}textarea{min-height:90px}.submit-btn{background-color:teal;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;text-align:center;transition:background .3s ease;width:100%}.submit-btn:hover{background-color:#066}.message{font-weight:700;text-align:center}.message.success{color:green}.message.error{color:red}@media (max-width:768px){.separation-container{margin:auto auto 20px 190px;padding:18px;width:100%}.separation-container h2{font-size:20px}.separation-form input,.separation-form select,.separation-form textarea{font-size:14px;padding:10px}.submit-btn{font-size:15px;padding:10px}}@media (max-width:480px){.separation-container{border-radius:8px;margin:-15px auto auto 88px;padding:8px;width:75%}.separation-container h2{font-size:14px}.separation-form label{font-size:10px}.separation-form input{gap:-5px;height:30px;margin:auto}.submit-btn{font-size:14px;padding:10px}}.feedback-form{background-color:#f9faff;border-radius:12px;box-shadow:0 4px 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:30px auto;max-width:800px;padding:25px 30px;width:700px}.feedback-form h2{color:#0f4c75;margin-bottom:20px;text-align:center}.error{background-color:#ffe5e5;border-radius:6px;color:#ff4d4f;margin-bottom:15px;padding:10px;text-align:center}.feedback-form form,.form-group{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:#1b262c}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:6px;font-size:15px;outline:none;padding:10px 12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3282b8}.form-group textarea{min-height:60px}.rating-input{display:flex;gap:12px;margin-top:5px}.rating-option{align-items:center;color:#1b262c;cursor:pointer;display:flex;font-weight:500;gap:4px}.rating-option input[type=radio]{accent-color:#3282b8;cursor:pointer}.feedback-form button{background-color:#3282b8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background-color .3s}.feedback-form button:hover{background-color:#0f4c75}.form-buttons{display:flex;gap:15px;justify-content:space-between;margin-top:10px}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2710%27%20height%3D%276%27%20viewBox%3D%270%200%2010%206%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M0%200l5%206%205-6H0z%27%20fill%3D%27%233282b8%27/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px 6px;padding-right:30px}textarea{border-radius:6px;margin-top:5px}@media (max-width:600px){.feedback-form{padding:20px}.rating-input{gap:8px}}.feedback-details{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-family:Arial,sans-serif;margin:30px auto;max-width:900px;padding:25px;width:800px}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.feedback-header h2{color:#0b3b5d;font-size:26px;font-weight:600}.feedback-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;padding:8px 16px;transition:.2s ease}.feedback-actions button:first-child{background:#007bff;color:#fff}.feedback-actions button:nth-child(2){background:#dc3545;color:#fff}.feedback-actions button:last-child{background:#6c757d;color:#fff}.feedback-actions button:hover{opacity:.85}.feedback-info{border-left:4px solid #007bff;margin-bottom:30px;padding-left:15px}.info-row{display:flex;font-size:15px;padding:8px 0}.info-row .label{color:#333;font-weight:600}.recommendation-badge{border-radius:20px;font-size:14px;font-weight:700;padding:5px 12px}.recommendation-badge.orange{background-color:#fd7e14}.feedback-content{margin-top:20px}.feedback-content h3{color:#0b3b5d;font-size:22px;margin-bottom:15px}.rating-section{background:#f7faff;border:1px solid #e1e7ef;border-radius:10px;margin-bottom:15px;padding:15px}.rating-section h4{color:#0056b3;font-size:18px;margin-bottom:8px}.rating-value{color:#333;font-weight:700;margin-bottom:5px}.comments{color:#444;font-size:14px}.additional-comments{background:#fff8e6;border-left:4px solid #f0ad4e;border-radius:8px;margin-top:20px;padding:15px}.additional-comments h4{font-size:18px;margin-bottom:8px}.error,.loading{font-weight:600;margin-top:30px}.error{color:#dc3545}.pending-feedbacks-page{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:Poppins,sans-serif;max-width:900px;padding:25px}.page-header h1{color:#2c3e50;font-size:28px;font-weight:700}.page-header p{color:#7f8c8d;font-size:15px;margin-top:-5px}.close-btn{background-color:#ff4d4f;border-radius:4px;color:#fff;float:right;font-size:14px;padding:5px 12px}.close-btn:hover{background-color:#ff7875}.error,.loading{color:#444;padding:30px}.error{color:#e74c3c}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{color:#2ecc71;font-size:60px;margin-bottom:10px}.empty-state h2{font-size:22px;font-weight:600}.empty-state p{color:#7f8c8d}.pending-feedbacks-summary{display:flex;gap:20px;margin:20px 0}.summary-card{background:#f8faff;border:1px solid #e3e7f1;border-radius:10px;flex:1 1;padding:18px;text-align:center;transition:.3s}.summary-card:hover{box-shadow:0 3px 10px #0000001f;transform:translateY(-3px)}.summary-number{color:#3498db;font-size:30px;font-weight:700}.summary-label{color:#7f8c8d;font-size:14px}.pending-feedbacks-table-container{margin-top:20px;max-width:900px;overflow-x:auto}.pending-feedbacks-table{background:#fff;border-collapse:collapse;border-radius:10px;margin-top:10px;overflow:hidden;width:100%}.pending-feedbacks-table th{background:#3498db;color:#fff;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.pending-feedbacks-table td{border-bottom:1px solid #ecf0f1;font-size:14px;padding:12px 15px}.pending-feedbacks-table tr:hover{background:#f5faff}.datetime{display:flex;flex-direction:column}.time{color:#7f8c8d;font-size:13px}.status-badge{border-radius:20px;color:#fff;padding:6px 12px}.status-badge.completed{background:#2ecc71}.status-badge.scheduled{background:#f1c40f}.status-badge.cancelled{background:#e74c3c}.submit-feedback-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 14px;transition:.3s}.submit-feedback-btn:hover{background:#2980b9;transform:translateY(-2px)}.admin-hr-dashboard{background-color:#f5f7fa;border-radius:10px;box-shadow:0 3px 8px #0000001a;color:#333;font-family:Arial,sans-serif;margin-left:30px;padding:20px}.ahr-dashboard-title{font-size:22px;font-weight:700;margin-bottom:5px}.ahr-dashboard-welcome{color:#555;font-size:16px;margin-bottom:20px}.ahr-dashboard-content{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.ahr-card{background-color:#fff;border-radius:10px;box-shadow:0 3px 8px #0000001a;padding:20px;transition:transform .2s;width:350px}.ahr-card:hover{transform:translateY(-5px)}.ahr-card-title{font-size:20px;font-weight:600;margin-bottom:10px}.ahr-card-desc{color:#666;font-size:14px;margin-bottom:15px}.ahr-card-btn{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.ahr-card-btn:hover{background-color:#066}.ahr-dashboard-tabs{margin-bottom:20px}.ahr-tab-buttons{display:flex;gap:10px}.ahr-tab-btn{background-color:#e0e0e0;border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.ahr-tab-btn.active{background-color:teal;color:#fff}.ahr-tab-btn:hover:not(.active){background-color:#b2b2b2}.ahr-tab-content{background-color:#fff;border-radius:10px;box-shadow:0 3px 8px #0000001a;padding:20px}.ahr-feedback-analytics{display:flex;flex-direction:column;gap:15px}.ahr-feedback-title{font-size:22px;font-weight:600;margin-bottom:15px}.ahr-schedule-selector{align-items:center;display:flex;gap:10px;margin-bottom:20px}.ahr-schedule-selector label{font-weight:500}#ahrScheduleSelect{border:1px solid #ccc;border-radius:5px;min-width:200px;padding:6px 10px}.ahr-loading{color:#888;font-size:14px}.recommendation-summary{background:#fff;border-radius:10px;box-shadow:0 6px 18px #1e293b0f;color:#21313f;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;margin-top:12px;max-width:720px;padding:16px}.recommendation-summary h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.error,.loading,.no-data{border-radius:8px;font-size:14px;padding:18px;text-align:center}.loading{background:#fbfdff;color:#6b7280}.error{background:#fff1f2;color:#b91c1c}.no-data{background:#f8fafc}.summary-container{align-items:stretch;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between}.summary-item{align-items:center;border-radius:10px;display:flex;flex:1 1;flex-direction:column;min-width:120px;padding:14px}.summary-count{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:6px}.summary-label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.summary-item.select{background:linear-gradient(180deg,#ecfdf5,#e6fff5);border:1px solid #22c55e1f}.summary-item.hold{background:linear-gradient(180deg,#fffbeb,#fff7e6);border:1px solid #f59e0b1f}.summary-item.reject{background:linear-gradient(180deg,#fff1f2,#fff1f1);border:1px solid #ef444414}.summary-item.select .summary-count{color:#059669}.summary-item.hold .summary-count{color:#b45309}.summary-item.reject .summary-count{color:#dc2626}@media (max-width:1024px) and (min-width:768px){.admin-hr-dashboard{margin-left:0;padding:16px}.ahr-dashboard-title{font-size:22px}.ahr-dashboard-welcome{font-size:15px}.ahr-dashboard-content{gap:16px;justify-content:center}.ahr-card{padding:18px;width:48%}.ahr-tab-buttons{flex-wrap:wrap}.ahr-tab-btn{font-size:14px;padding:7px 14px}.ahr-tab-content{padding:16px}.ahr-schedule-selector{flex-wrap:wrap;gap:8px}#ahrScheduleSelect{min-width:180px}.recommendation-summary{max-width:100%}.summary-container{flex-wrap:wrap}.summary-item{flex:1 1 45%}}@media (max-width:767px){.admin-hr-dashboard{border-radius:0;margin-left:90px;padding:12px;width:65%}.ahr-dashboard-title{font-size:15px}.ahr-dashboard-welcome{font-size:14px}.ahr-dashboard-content{flex-direction:column;gap:14px}.ahr-card{padding:12px;width:90%}.ahr-card-title{font-size:15px}.ahr-card-desc{font-size:13px}.ahr-card-btn{text-align:center;width:100%}.ahr-tab-buttons{flex-direction:column;gap:8px}.ahr-tab-btn{font-size:14px;width:100%}.ahr-tab-content{padding:14px}.ahr-schedule-selector{align-items:flex-start;flex-direction:column;gap:6px}#ahrScheduleSelect{width:100%}.ahr-schedule-selector label{font-size:14px;font-weight:500}.ahr-feedback-title{font-size:15px}.recommendation-summary{max-width:100%;padding:14px}.recommendation-summary h3{font-size:16px}.summary-container{flex-direction:column;gap:10px}.summary-item{padding:12px}.summary-count{font-size:15px}.summary-label{font-size:11px}}.progress-tracker-container,.pt-container{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);margin-top:20px;overflow:hidden;padding:0}.pt-header{background:linear-gradient(135deg,#0f766e08,#0ea5e908);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 28px}.pt-header,.pt-header-left{align-items:center;display:flex}.pt-header-left{gap:14px}.pt-avatar{align-items:center;background:linear-gradient(135deg,#0f766e,#14b8a6);background:linear-gradient(135deg,var(--primary),#14b8a6);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0f766e40;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:48px;justify-content:center;letter-spacing:.5px;width:48px}.pt-header-info{display:flex;flex-direction:column}.pt-candidate-name{color:#0f172a;color:var(--gray-900);font-size:18px;font-weight:800;letter-spacing:-.2px;margin:0}.pt-designation{color:#94a3b8;color:var(--gray-400);font-size:13px;font-weight:500;margin-top:2px}.pt-progress-pill{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:14px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;gap:12px;padding:10px 16px}.pt-pill-ring{flex-shrink:0;height:44px;position:relative;width:44px}.pt-pill-svg{height:44px;transform:rotate(-90deg);width:44px}.pt-pill-track{fill:none;stroke:#f1f5f9;stroke:var(--gray-100);stroke-width:3}.pt-pill-fill{fill:none;stroke:#0f766e;stroke:var(--primary);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}.pt-pill-percent{align-items:center;color:#0f766e;color:var(--primary);display:flex;font-size:10.5px;font-weight:800;inset:0;justify-content:center;position:absolute}.pt-pill-text{display:flex;flex-direction:column;line-height:1.2}.pt-pill-text strong{color:#0f172a;color:var(--gray-900);font-size:16px;font-weight:800}.pt-pill-text span{color:#94a3b8;color:var(--gray-400);font-size:11px;font-weight:500}.pt-progress-bar-wrap{padding:20px 28px 8px}.pt-progress-bar{background:#f1f5f9;background:var(--gray-100);border-radius:3px;height:6px;margin:0 14px;position:relative}.pt-progress-fill{background:linear-gradient(90deg,#0f766e,#14b8a6);background:linear-gradient(90deg,var(--primary),#14b8a6);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .8s cubic-bezier(.4,0,.2,1)}.pt-progress-node{align-items:center;display:flex;flex-direction:column;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.pt-node-dot{background:#fff;border:3px solid #cbd5e1;border:3px solid var(--gray-300);border-radius:50%;box-shadow:0 0 0 2px #fff;height:16px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:16px}.pt-node-label{color:#94a3b8;color:var(--gray-400);font-size:10px;font-weight:700;margin-top:6px}.pt-node-completed .pt-node-dot,.pt-node-past .pt-node-dot{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);box-shadow:0 0 0 2px #fff,0 0 0 4px #10b98126}.pt-node-past .pt-node-label{color:#10b981;color:var(--success)}.pt-node-scheduled .pt-node-dot{animation:ptPulse 2s ease-in-out infinite;background:#3b82f6;background:var(--info);border-color:#3b82f6;border-color:var(--info);box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f626}.pt-node-scheduled .pt-node-label{color:#3b82f6;color:var(--info)}.pt-node-not_scheduled .pt-node-dot{background:#fff;border-color:#cbd5e1;border-color:var(--gray-300)}.pt-node-cancelled .pt-node-dot{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);box-shadow:0 0 0 2px #fff,0 0 0 4px #ef44441f}.pt-node-cancelled .pt-node-label{color:#ef4444;color:var(--danger)}@keyframes ptPulse{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f626}50%{box-shadow:0 0 0 2px #fff,0 0 0 8px #3b82f60f}}.pt-rec-summary{margin-top:20px;padding:0 28px}.pt-rec-summary-label{color:#94a3b8;color:var(--gray-400);font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.pt-rec-summary-cards{display:flex;gap:10px}.pt-rec-card{align-items:center;border:1px solid;border-radius:10px;border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;padding:14px 10px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pt-rec-card:hover{box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pt-rec-card-icon{margin-bottom:6px}.pt-rec-card-value{font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.pt-rec-card-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pt-rec-select{background:linear-gradient(180deg,#ecfdf5,#f0fdf4);border-color:#10b98126}.pt-rec-select .pt-rec-card-icon{color:#10b981;color:var(--success)}.pt-rec-select .pt-rec-card-label,.pt-rec-select .pt-rec-card-value{color:#059669}.pt-rec-hold{background:linear-gradient(180deg,#fffbeb,#fefce8);border-color:#f59e0b26}.pt-rec-hold .pt-rec-card-icon{color:#f59e0b;color:var(--warning)}.pt-rec-hold .pt-rec-card-label,.pt-rec-hold .pt-rec-card-value{color:#b45309}.pt-rec-reject{background:linear-gradient(180deg,#fef2f2,#fff1f2);border-color:#ef44441a}.pt-rec-reject .pt-rec-card-icon{color:#ef4444;color:var(--danger)}.pt-rec-reject .pt-rec-card-label,.pt-rec-reject .pt-rec-card-value{color:#dc2626}.pt-rounds-list{display:flex;flex-direction:column;padding:20px 28px 8px}.pt-round-card{animation:ptFadeIn .4s cubic-bezier(.16,1,.3,1) both;display:flex;gap:16px;position:relative}.pt-round-card:first-child{animation-delay:.05s}.pt-round-card:nth-child(2){animation-delay:.1s}.pt-round-card:nth-child(3){animation-delay:.15s}.pt-round-card:nth-child(4){animation-delay:.2s}.pt-round-card:nth-child(5){animation-delay:.25s}@keyframes ptFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pt-round-left{flex-direction:column}.pt-round-left,.pt-round-seq-wrap{align-items:center;display:flex;flex-shrink:0;width:28px}.pt-round-seq-wrap{background:#f1f5f9;background:var(--gray-100);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:50%;height:28px;justify-content:center;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:1}.pt-round-seq{color:#64748b;color:var(--gray-500);font-size:11px;font-weight:800}.pt-round-connector{background:#e2e8f0;background:var(--gray-200);flex:1 1;margin:4px 0;min-height:16px;width:2px}.pt-round-completed .pt-round-seq-wrap{background:#ecfdf5;background:var(--success-soft);border-color:#10b981;border-color:var(--success)}.pt-round-completed .pt-round-seq{color:#059669}.pt-round-completed .pt-round-connector{background:#10b981;background:var(--success);opacity:.3}.pt-round-scheduled .pt-round-seq-wrap{animation:ptPulse 2s ease-in-out infinite;background:#eff6ff;background:var(--info-soft);border-color:#3b82f6;border-color:var(--info)}.pt-round-scheduled .pt-round-seq{color:#2563eb}.pt-round-cancelled .pt-round-seq-wrap{background:#fef2f2;background:var(--danger-soft);border-color:#ef4444;border-color:var(--danger)}.pt-round-cancelled .pt-round-seq{color:#dc2626}.pt-round-not_scheduled .pt-round-seq-wrap{background:#f8fafc;background:var(--gray-50);border-color:#e2e8f0;border-color:var(--gray-200);border-style:dashed}.pt-round-not_scheduled .pt-round-seq{color:#94a3b8;color:var(--gray-400)}.pt-round-body{background:#f8fafc;background:var(--gray-50);border:1px solid #f1f5f9;border:1px solid var(--gray-100);border-radius:10px;border-radius:var(--radius-md);flex:1 1;margin-bottom:10px;padding:12px 16px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pt-round-body:hover{background:#fff;border-color:#e2e8f0;border-color:var(--gray-200);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm)}.pt-round-completed .pt-round-body{border-left:3px solid #10b981;border-left:3px solid var(--success)}.pt-round-scheduled .pt-round-body{background:rgba(59,130,246,.015);border-left:3px solid #3b82f6;border-left:3px solid var(--info)}.pt-round-cancelled .pt-round-body{border-left:3px solid #ef4444;border-left:3px solid var(--danger);opacity:.65}.pt-round-not_scheduled .pt-round-body{border-left:3px dashed #cbd5e1;border-left:3px dashed var(--gray-300)}.pt-round-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.pt-round-name{color:#1e293b;color:var(--gray-800);font-size:14px;font-weight:700}.pt-status-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:650;gap:5px;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.pt-status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.pt-status-completed{background:#ecfdf5;background:var(--success-soft);color:#059669}.pt-status-completed .pt-status-dot{background:#059669;box-shadow:0 0 0 2px #05966926}.pt-status-scheduled{background:#eff6ff;background:var(--info-soft);color:#2563eb}.pt-status-scheduled .pt-status-dot{background:#2563eb;box-shadow:0 0 0 2px #2563eb26}.pt-status-not_scheduled{background:#f1f5f9;background:var(--gray-100);color:#64748b;color:var(--gray-500)}.pt-status-not_scheduled .pt-status-dot{background:#94a3b8;background:var(--gray-400);box-shadow:0 0 0 2px #94a3b826}.pt-status-cancelled{background:#fef2f2;background:var(--danger-soft);color:#dc2626}.pt-status-cancelled .pt-status-dot{background:#dc2626;box-shadow:0 0 0 2px #dc262626}.pt-status-unknown{background:#f1f5f9;background:var(--gray-100);color:#64748b;color:var(--gray-500)}.pt-status-unknown .pt-status-dot{background:#94a3b8;background:var(--gray-400)}.pt-round-recs{display:flex;flex-wrap:wrap;gap:6px}.pt-mini-rec{align-items:center;border:1px solid;border-radius:6px;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:650;gap:4px;padding:3px 9px}.pt-mini-select{background:#ecfdf5;background:var(--success-soft);border-color:#10b98126;color:#059669}.pt-mini-hold{background:#fffbeb;background:var(--warning-soft);border-color:#f59e0b26;color:#b45309}.pt-mini-reject{background:#fef2f2;background:var(--danger-soft);border-color:#ef44441a;color:#dc2626}.pt-rec-pending{align-items:center;color:#94a3b8;color:var(--gray-400);display:inline-flex;font-size:12px;font-style:italic;gap:5px}.pt-rec-pending svg{opacity:.5}.pt-footer{display:flex;justify-content:flex-end;padding:20px 28px 24px}.pt-proceed-btn{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 14px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;gap:8px;padding:12px 28px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pt-proceed-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.pt-proceed-btn:active{transform:translateY(0)}.pt-warning{align-items:flex-start;background:#fffbeb;background:var(--warning-soft);border:1px solid #f59e0b26;border-radius:10px;border-radius:var(--radius-md);display:flex;gap:12px;max-width:400px;padding:14px 18px}.pt-warning-icon{color:#b45309;flex-shrink:0;margin-top:1px}.pt-warning-text{display:flex;flex-direction:column;gap:2px}.pt-warning-text strong{color:#92400e;font-size:13px;font-weight:700}.pt-warning-text span{color:#a16207;font-size:12.5px;line-height:1.4}.pt-error-state{align-items:center;color:#94a3b8;color:var(--gray-400);display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.pt-error-state p{color:#ef4444;color:var(--danger);font-size:14px;font-weight:600;margin:12px 0 16px}.pt-retry-btn{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:6px;border-radius:var(--radius-sm);color:#475569;color:var(--gray-600);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:8px 20px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pt-retry-btn:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300)}.pt-skeleton-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;gap:14px;padding:24px 28px}.pt-skeleton-avatar{animation:ptShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:14px;border-radius:var(--radius-lg);flex-shrink:0;height:48px;width:48px}.pt-skeleton-lines{display:flex;flex:1 1;flex-direction:column;gap:8px}.pt-skeleton-pill{border-radius:14px;border-radius:var(--radius-lg);flex-shrink:0;height:44px;width:120px}.pt-skeleton-line,.pt-skeleton-pill{animation:ptShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%}.pt-skeleton-line{border-radius:6px;height:12px}.pt-sk-long{width:55%}.pt-sk-short{width:30%}.pt-sk-med{width:45%}.pt-skeleton-bar{animation:ptShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:3px;height:6px;margin:20px 42px 0}.pt-skeleton-round{display:flex;gap:16px;padding:12px 28px}.pt-skeleton-round-dot{animation:ptShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:50%;flex-shrink:0;height:28px;width:28px}.pt-skeleton-round-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding-top:4px}@keyframes ptShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.progress-tracker-container,.pt-container{max-width:100%}}@media (max-width:768px){.pt-header{align-items:flex-start;flex-direction:column;padding:20px}.pt-progress-pill{align-self:flex-start}.pt-progress-bar-wrap{padding:16px 20px 8px}.pt-node-label{display:none}.pt-rec-summary{padding:0 20px}.pt-rounds-list{padding:16px 20px 8px}.pt-round-body{padding:10px 12px}.pt-round-top{align-items:flex-start;flex-direction:column;gap:6px}.pt-footer{justify-content:stretch;padding:16px 20px 20px}.pt-proceed-btn{justify-content:center;width:100%}.pt-warning{max-width:100%}.pt-skeleton-header{padding:20px}.pt-skeleton-round{padding:12px 20px}.pt-skeleton-bar{margin:16px 34px 0}}.ahr-list-container{background:#f9fafb;min-height:100vh;padding:20px}.ahr-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ahr-list-header h2{color:#1f2937;font-size:22px;font-weight:600}.ahr-list-header button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:.3s}.ahr-list-header button:hover{background:#1e40af}.ahr-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden;width:100%}.ahr-table thead{background:#f3f4f6}.ahr-table th{color:#374151;font-size:14px;font-weight:600;padding:12px;text-align:left}.ahr-table td{border-top:1px solid #e5e7eb;color:#4b5563;font-size:14px;padding:12px}.ahr-table tr:hover{background:#f9fafb}.ahr-table select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:6px 10px}.ahr-table button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px;transition:.3s}.ahr-table button:hover{background:#059669}.ahr-list-container div{color:#6b7280;font-size:16px}@media (max-width:1024px){.ahr-table td,.ahr-table th{font-size:13px;padding:10px}.ahr-list-header h2{font-size:20px}}@media (max-width:768px){.ahr-list-header{align-items:flex-start;flex-direction:column;gap:10px}.ahr-list-header button{width:100%}.ahr-table{display:block;overflow-x:auto;white-space:nowrap}.ahr-table thead{display:none}.ahr-table tbody tr{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:block;margin-bottom:12px;padding:12px}.ahr-table tbody td{border:none;display:flex;justify-content:space-between;padding:8px 0}.ahr-table tbody td:before{color:#374151;content:attr(data-label);font-weight:600}}.feedback-list{background:#f4f8ff;font-family:Segoe UI,sans-serif;max-width:900px;min-height:100vh;padding:25px}.feedback-list h2{color:#003c71;font-size:26px;font-weight:700;margin-bottom:20px;text-align:left}.action-buttons{display:flex;gap:12px;margin-bottom:20px}.summary-number{background:#8fb7d6;border-radius:12px;color:#0a57ca;font-size:14px;font-weight:600;padding:6px 12px}.action-buttons button{background:#005fa3;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:10px 18px;transition:.3s ease}.action-buttons button:hover{background:#004777}.feedback-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 12px #00000014;overflow:hidden;width:100%}.feedback-table th{background:#003c71;color:#fff;font-size:15px;font-weight:600;padding:12px;text-align:left}.feedback-table td{border-bottom:1px solid #e5e5e5;font-size:14px;padding:12px}.feedback-table tr:hover{background:#f0f6ff}.feedback-table button{background:#0078d4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;margin-right:8px;padding:6px 12px;transition:.3s}.feedback-table button:hover{background:#005fa3}.feedback-table button:last-child{background:#d9534f}.feedback-table button:last-child:hover{background:#c9302c}.recommendation-badge{border-radius:12px;color:#fff;font-weight:600;padding:5px 10px}.recommendation-badge.green{background-color:#28a745}.recommendation-badge.orange{background-color:#f80}.recommendation-badge.red{background-color:#dc3545}.recommendation-badge.gray{background-color:#6c757d}.error,.loading{border-radius:6px;font-size:18px;margin-top:20px;padding:20px;text-align:center}.loading{background:#e8f1ff;color:#003c71}.error{background:#ffe1e1;color:#b20000}.disabled-btn{cursor:not-allowed;opacity:.5}.container{margin-left:80px;max-width:1200px;padding:20px}.header{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}.form{display:flex;flex-direction:column;gap:30px;width:600px}.section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.sectionTitle{border-bottom:3px solid #3498db;color:#3498db;font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:10px}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.formGroup{display:flex;flex-direction:column}.label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.input,.select{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:12px;transition:border-color .3s}.submitButton{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:15px 30px;transition:background-color .3s}.submitButton:disabled{cursor:not-allowed;opacity:.6}.loadingText{color:#3498db;font-size:16px;margin:20px 0;text-align:center}.span2{grid-column:span 2}@media (max-width:768px){.container{padding:10px}.header{font-size:24px}.sectionTitle{font-size:20px}.grid{grid-template-columns:1fr}}.schedule-interview-form{background:#fff;border-radius:10px;box-shadow:0 8px 30px #0000002e;max-width:95%;padding:18px;width:800px}.schedule-interview-modal{align-items:center;bottom:0;justify-content:center;left:0;right:0;top:0}.schedule-interview-form1{background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000024;box-sizing:border-box;margin-left:150px;padding:30px;position:relative;width:700px}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px;padding-right:36px;position:relative}.form-header h2{font-size:22px;margin:0}.close-btn{align-items:center;background:#0000;border-radius:50%;color:#666;display:inline-flex;font-size:20px;height:34px;justify-content:center;padding:0;position:absolute;right:6px;top:6px;transition:background .12s ease,color .12s ease,transform .08s ease;width:34px}.close-btn:focus,.close-btn:hover{background:#0000000d;color:#333;outline:none;transform:translateY(-1px)}@media (max-width:480px){.close-btn{font-size:22px;height:40px;right:8px;top:8px;width:40px}}.form-section{margin-bottom:22px}.form-section h3{color:#1f70b8;font-size:16px;font-weight:700;margin-bottom:10px}.form-group{margin-bottom:12px;position:relative}.form-group label{color:#2c3e50;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #dadada;border-radius:5px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.form-group textarea{resize:vertical}.search-container{display:flex;gap:8px}.search-container input{border:1px solid #dadada;border-radius:5px;flex:1 1;font-size:14px;padding:8px 10px}.search-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px;white-space:nowrap}.search-btn:hover{background:#2980b9}.search-btn:disabled{background:#bdc3c7;cursor:not-allowed}.candidate-results{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 8px #00000014;margin-top:6px;max-height:220px;overflow-y:auto;z-index:20}.candidate-result-item{border-bottom:1px solid #eee;cursor:pointer;padding:10px;transition:background .15s}.candidate-result-item:hover{background:#f4f7fb}.candidate-result-item:last-child{border-bottom:none}.candidate-name{color:#2c3e50}.candidate-email{color:#7f8c8d;margin-top:3px}.no-results{color:#7f8c8d;font-style:italic;padding:14px;text-align:center}.selected-candidate{background:#eef7ff;border:1px solid #cde5ff;border-radius:6px;font-size:14px;margin-top:10px;padding:10px}.selected-interviewers{background-color:#fafafa;border:1px solid #eee;border-radius:6px;margin-top:10px;padding:12px}.selected-interviewer-item{align-items:center;background-color:#eaf6ff;border:1px solid #cfeefa;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;margin:6px 0;padding:8px 10px}.selected-interviewer-item span{flex:1 1}.remove-interviewer-btn{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;margin-left:8px;transition:background .15s,transform .08s;width:24px}.remove-interviewer-btn:hover{background:#ff5252;transform:scale(1.05)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.send-invite-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.send-invite-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.7}.cancel-btn{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px}@media (max-width:600px){.schedule-interview-form1{margin-left:85px;max-width:96vw;padding:14px;width:77%}h2{font-size:18px}.search-btn{padding:8px 10px;width:100%}.form-section h3,.search-btn{font-size:12px}.search-container input{font-size:12px;height:30px}.search-container{flex-direction:column}.selected-interviewer-item{align-items:flex-start;flex-direction:column;gap:8px}.remove-interviewer-btn{align-self:flex-end;margin-left:0}}:root{--primary:#0f766e;--primary-hover:#0d6962;--primary-soft:#ccfbf1;--primary-ghost:#0f766e14;--accent:#0ea5e9;--danger:#ef4444;--danger-soft:#fef2f2;--warning:#f59e0b;--warning-soft:#fffbeb;--success:#10b981;--success-soft:#ecfdf5;--info:#3b82f6;--info-soft:#eff6ff;--purple:#8b5cf6;--purple-soft:#f5f3ff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f,0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000012,0 10px 10px -5px #00000008;--transition:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.35s cubic-bezier(0.4,0,0.2,1);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ip-page{background:#f8fafc;background:var(--gray-50);min-height:100vh;overflow:hidden;position:relative}.ip-bg-blob{border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none;position:fixed;z-index:0}.ip-bg-blob-1{background:radial-gradient(circle,#0d9488 0,#0000 70%);height:600px;right:-100px;top:-200px;width:600px}.ip-bg-blob-2{background:radial-gradient(circle,#0ea5e9 0,#0000 70%);bottom:-150px;height:500px;left:-100px;width:500px}.ip-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);margin:32px auto;max-width:1440px;padding:0;position:relative;width:96%;z-index:1}.ip-header{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.ip-header,.ip-header-left{align-items:center;display:flex}.ip-header-left{gap:14px}.ip-header-icon{align-items:center;background:linear-gradient(135deg,#0f766e,#14b8a6);background:linear-gradient(135deg,var(--primary),#14b8a6);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 14px #0f766e4d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ip-header h2{color:#0f172a;color:var(--gray-900);font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1.2;margin:0}.ip-subtitle{color:#94a3b8;color:var(--gray-400);font-size:13px;font-weight:500;margin:2px 0 0}.ip-search-box{align-items:center;display:flex;gap:10px}.ip-search-input-wrap{align-items:center;display:flex;position:relative}.ip-search-icon{color:#94a3b8;color:var(--gray-400);left:14px;pointer-events:none;position:absolute}.ip-search-input-wrap input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);color:#1e293b;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13.5px;padding:10px 38px 10px 42px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:340px}.ip-search-input-wrap input::placeholder{color:#94a3b8;color:var(--gray-400)}.ip-search-input-wrap input:focus{border-color:#0f766e;border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1a;outline:none}.ip-search-clear{align-items:center;background:#f1f5f9;background:var(--gray-100);border:none;border-radius:50%;color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:10px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:22px}.ip-search-clear:hover{background:#e2e8f0;background:var(--gray-200);color:#334155;color:var(--gray-700)}.ip-search-btn{background:linear-gradient(135deg,#0f766e,#14b8a6);background:linear-gradient(135deg,var(--primary),#14b8a6);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0f766e40;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13.5px;font-weight:600;padding:10px 22px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.ip-search-btn:hover{box-shadow:0 4px 14px #0f766e59;transform:translateY(-1px)}.ip-search-btn:active{transform:translateY(0)}.ip-table-wrapper{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden}.ip-table{border-collapse:collapse;min-width:860px;width:100%}.ip-table thead{background:#f8fafc;background:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200)}.ip-table th{color:#64748b;color:var(--gray-500);font-size:11px;font-weight:700;letter-spacing:.6px;padding:8px 5px;text-align:left;text-transform:uppercase;white-space:nowrap}.ip-th-sl{width:50px}.ip-th-name{min-width:220px}.ip-th-contact{min-width:150px}.ip-th-role{min-width:160px}.ip-th-exp{width:70px}.ip-th-status{width:150px}.ip-th-action{width:100px}.ip-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);color:#334155;color:var(--gray-700);font-size:13.5px;padding:8px 5px;vertical-align:middle}.ip-row{cursor:pointer;position:relative;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.ip-row:hover{background:#f8fafc;background:var(--gray-50)}.ip-row:after{background:#0000;border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:3px}.ip-row:hover:after{background:#0f766e;background:var(--primary)}.ip-row-expanded{background:#0f766e14!important;background:var(--primary-ghost)!important}.ip-row-expanded:after{background:#0f766e!important;background:var(--primary)!important}.ip-row:last-child td{border-bottom:none}.ip-sl-num{align-items:center;background:#f1f5f9;background:var(--gray-100);border-radius:6px;border-radius:var(--radius-sm);color:#64748b;color:var(--gray-500);display:inline-flex;font-size:11.5px;font-weight:700;height:26px;justify-content:center;width:26px}.ip-row-expanded .ip-sl-num{background:#ccfbf1;background:var(--primary-soft);color:#0f766e;color:var(--primary)}.ip-avatar,.ip-td-name{align-items:center;display:flex}.ip-avatar{background:linear-gradient(135deg,#ccfbf1,#ccfbf1);background:linear-gradient(135deg,var(--primary-soft),#ccfbf1);border:1.5px solid #0f766e1f;border-radius:10px;border-radius:var(--radius-md);color:#0f766e;color:var(--primary);flex-shrink:0;font-size:12px;font-weight:800;height:38px;justify-content:center;letter-spacing:.5px;width:38px}.ip-name-wrap{display:flex;flex-direction:column;margin-left:12px;min-width:0}.ip-name-text{color:#0f172a;color:var(--gray-900);font-size:13.5px;font-weight:650}.ip-name-email,.ip-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-name-email{color:#94a3b8;color:var(--gray-400);font-size:12px;margin-top:1px}.ip-contact-item{font-feature-settings:"tnum";color:#475569;color:var(--gray-600);font-size:13px;font-variant-numeric:tabular-nums}.ip-role-text{color:#334155;color:var(--gray-700);font-size:13px}.ip-exp-badge{background:#f1f5f9;background:var(--gray-100);color:#475569;color:var(--gray-600);font-size:12px;font-weight:700;padding:3px 10px}.ip-exp-badge,.ip-status-badge{align-items:center;border-radius:20px;display:inline-flex}.ip-status-badge{font-size:11.5px;font-weight:650;gap:6px;letter-spacing:.1px;padding:5px 12px;white-space:nowrap}.ip-status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.ip-status-applied{background:#eff6ff;background:var(--info-soft);color:#2563eb}.ip-status-applied .ip-status-dot{background:#2563eb;box-shadow:0 0 0 2px #2563eb33}.ip-status-interview_scheduled{background:#fffbeb;background:var(--warning-soft);color:#d97706}.ip-status-interview_scheduled .ip-status-dot{background:#d97706;box-shadow:0 0 0 2px #d9770633}.ip-status-offered{background:#f5f3ff;background:var(--purple-soft);color:#7c3aed}.ip-status-offered .ip-status-dot{background:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.ip-status-hired{background:#ecfdf5;background:var(--success-soft);color:#059669}.ip-status-hired .ip-status-dot{background:#059669;box-shadow:0 0 0 2px #05966933}.ip-status-rejected{background:#fef2f2;background:var(--danger-soft);color:#dc2626}.ip-status-rejected .ip-status-dot{background:#dc2626;box-shadow:0 0 0 2px #dc262633}.ip-status-pending{background:#f1f5f9;background:var(--gray-100);color:#475569;color:var(--gray-600)}.ip-status-pending .ip-status-dot{background:#64748b;background:var(--gray-500);box-shadow:0 0 0 2px #64748b33}.ip-status-withdrew_application{background:#fefce8;color:#a16207}.ip-status-withdrew_application .ip-status-dot{background:#a16207;box-shadow:0 0 0 2px #a1620733}.ip-status-lg{font-size:13px;padding:7px 16px}.ip-view-btn{align-items:center;background:#0000;border:1.5px solid #0f766e40;border-radius:6px;border-radius:var(--radius-sm);color:#0f766e;color:var(--primary);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12.5px;font-weight:650;gap:5px;padding:7px 14px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.ip-view-btn:hover{background:#0f766e;background:var(--primary);border-color:#0f766e;border-color:var(--primary);box-shadow:0 2px 8px #0f766e40;color:#fff}.ip-expand-row td{background:#f8fafc;background:var(--gray-50);border-bottom:none!important;padding:0!important}.ip-expand-inner{animation:ipSlideDown .35s cubic-bezier(.16,1,.3,1);padding:4px 24px 28px}@keyframes ipSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.ip-details-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);overflow:hidden}.ip-detail-banner{align-items:center;background:linear-gradient(135deg,#0f766e0a,#0ea5e90a);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;gap:18px;padding:24px 28px}.ip-detail-avatar-lg{align-items:center;background:linear-gradient(135deg,#0f766e,#14b8a6);background:linear-gradient(135deg,var(--primary),#14b8a6);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0f766e40;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:800;height:60px;justify-content:center;letter-spacing:.5px;width:60px}.ip-detail-banner-info h3{color:#0f172a;color:var(--gray-900);font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0}.ip-detail-banner-info p{color:#64748b;color:var(--gray-500);font-size:13.5px;margin:4px 0 10px}.ip-detail-banner-tags{display:flex;flex-wrap:wrap;gap:6px}.ip-skill-tag{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:20px;color:#475569;color:var(--gray-600);font-size:11.5px;font-weight:600;padding:3px 10px}.ip-grid-section{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr);padding:0}.ip-grid-item{border-right:1px solid #f1f5f9;border-right:1px solid var(--gray-100);padding:24px 28px}.ip-grid-item:last-child{border-right:none}.ip-grid-item-header{align-items:center;border-bottom:1.5px solid #ccfbf1;border-bottom:1.5px solid var(--primary-soft);color:#0f766e;color:var(--primary);display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:18px;padding-bottom:12px;text-transform:uppercase}.ip-grid-item-header svg{flex-shrink:0}.ip-info-grid{gap:12px}.ip-info-grid,.ip-info-item{display:flex;flex-direction:column}.ip-info-item{gap:2px}.ip-info-label{color:#94a3b8;color:var(--gray-400);font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.ip-info-value{color:#1e293b;color:var(--gray-800);font-size:13.5px;font-weight:500;line-height:1.4;word-break:break-word}.ip-info-muted{color:#94a3b8!important;color:var(--gray-400)!important;font-style:italic;font-weight:400!important}.ip-info-highlight{color:#0f766e!important;color:var(--primary)!important;font-weight:700!important}.ip-resume-link{align-items:center;color:#3b82f6;color:var(--info);display:inline-flex;font-size:13px;font-weight:650;gap:5px;text-decoration:none;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ip-resume-link:hover{color:#0f766e;color:var(--primary);gap:7px}.ip-status-editor{align-items:center;background:#f8fafc;background:var(--gray-50);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 28px}.ip-status-editor-label{align-items:center;color:#334155;color:var(--gray-700);display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;text-transform:uppercase}.ip-status-editor-label svg{color:#0f766e;color:var(--primary)}.ip-status-display{align-items:center;display:flex;gap:12px}.ip-status-edit-form{align-items:center;display:flex;gap:10px}.ip-status-select{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:6px;border-radius:var(--radius-sm);color:#334155;color:var(--gray-700);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;min-width:180px;padding:8px 14px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ip-status-select:focus{border-color:#0f766e;border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1a;outline:none}.ip-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12.5px;font-weight:650;gap:5px;padding:8px 16px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.ip-btn-save{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 8px #10b9814d;color:#fff}.ip-btn-save:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.ip-btn-cancel{background:#e2e8f0;background:var(--gray-200);color:#475569;color:var(--gray-600)}.ip-btn-cancel:hover{background:#cbd5e1;background:var(--gray-300)}.ip-btn-edit{background:#eff6ff;background:var(--info-soft);border:1px solid #3b82f626;color:#3b82f6;color:var(--info)}.ip-btn-edit:hover{background:#3b82f6;background:var(--info);border-color:#3b82f6;border-color:var(--info);box-shadow:0 2px 8px #3b82f64d;color:#fff}.ip-timeline-section{padding:24px 28px 28px}.ip-timeline-header{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:20px}.ip-timeline-header svg{color:#0f766e;color:var(--primary)}.ip-timeline{display:flex;flex-direction:column;gap:0}.ip-timeline-item{display:flex;gap:16px;position:relative}.ip-timeline-connector{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:20px}.ip-timeline-dot{background:#cbd5e1;background:var(--gray-300);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #cbd5e1;box-shadow:0 0 0 2px var(--gray-300);flex-shrink:0;height:14px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:14px;z-index:1}.ip-timeline-item.completed .ip-timeline-dot{background:#10b981;background:var(--success);box-shadow:0 0 0 2px #10b981,0 0 0 4px #10b98126;box-shadow:0 0 0 2px var(--success),0 0 0 4px #10b98126}.ip-timeline-item.scheduled .ip-timeline-dot{animation:ipPulse 2s ease-in-out infinite;background:#3b82f6;background:var(--info);box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f626;box-shadow:0 0 0 2px var(--info),0 0 0 4px #3b82f626}.ip-timeline-item.cancelled .ip-timeline-dot{background:#ef4444;background:var(--danger);box-shadow:0 0 0 2px #ef4444,0 0 0 4px #ef444426;box-shadow:0 0 0 2px var(--danger),0 0 0 4px #ef444426}@keyframes ipPulse{0%,to{box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f626;box-shadow:0 0 0 2px var(--info),0 0 0 4px #3b82f626}50%{box-shadow:0 0 0 2px #3b82f6,0 0 0 8px #3b82f614;box-shadow:0 0 0 2px var(--info),0 0 0 8px #3b82f614}}.ip-timeline-line{background:#e2e8f0;background:var(--gray-200);flex:1 1;margin-top:4px;min-height:20px;width:2px}.ip-timeline-card{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);flex:1 1;margin-bottom:14px;padding:16px 20px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ip-timeline-card:hover{background:#fff;border-color:#cbd5e1;border-color:var(--gray-300);box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md)}.ip-timeline-item.completed .ip-timeline-card{border-left:3px solid #10b981;border-left:3px solid var(--success)}.ip-timeline-item.scheduled .ip-timeline-card{background:#3b82f605;border-left:3px solid #3b82f6;border-left:3px solid var(--info)}.ip-timeline-item.cancelled .ip-timeline-card{border-left:3px solid #ef4444;border-left:3px solid var(--danger);opacity:.7}.ip-timeline-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ip-timeline-round{color:#1e293b;color:var(--gray-800);font-size:14px;font-weight:700}.ip-timeline-badge{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.badge-completed{background:#ecfdf5;background:var(--success-soft);color:#059669}.badge-scheduled{background:#eff6ff;background:var(--info-soft);color:#2563eb}.badge-cancelled{background:#fef2f2;background:var(--danger-soft);color:#dc2626}.ip-timeline-card-body{display:flex;flex-direction:column;gap:8px}.ip-timeline-detail{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:13px;gap:8px}.ip-timeline-detail svg{color:#94a3b8;color:var(--gray-400);flex-shrink:0}.ip-timeline-notes{align-items:flex-start;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--gray-200);color:#64748b;color:var(--gray-500);display:flex;font-size:12.5px;font-style:italic;gap:8px;line-height:1.5;margin-top:6px;padding-top:10px}.ip-timeline-notes svg{flex-shrink:0;margin-top:1px}.ip-no-data{border-bottom:none!important;padding:0!important}.ip-empty-state{align-items:center;color:#94a3b8;color:var(--gray-400);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.ip-empty-state p{color:#64748b;color:var(--gray-500);font-size:16px;font-weight:700;margin:16px 0 4px}.ip-empty-state span{color:#94a3b8;color:var(--gray-400);font-size:13px}.ip-loading-state{padding:20px}.ip-skeleton-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;gap:14px;padding:14px 0}.ip-skeleton-row:last-child{border-bottom:none}.ip-skeleton-avatar{animation:ipShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:10px;border-radius:var(--radius-md);flex-shrink:0;height:38px;width:38px}.ip-skeleton-lines{display:flex;flex:1 1;flex-direction:column;gap:8px}.ip-skeleton-line{animation:ipShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:6px;height:12px}.ip-skeleton-line-long{width:60%}.ip-skeleton-line-short{width:35%}.ip-skeleton-badge{animation:ipShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:20px;flex-shrink:0;height:26px;width:100px}@keyframes ipShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ip-table-wrapper::-webkit-scrollbar{height:6px}.ip-table-wrapper::-webkit-scrollbar-track{background:#0000}.ip-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:3px}.ip-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}@media (max-width:1024px){.ip-grid-section{gap:0;grid-template-columns:1fr}.ip-grid-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);border-right:none}.ip-grid-item:last-child{border-bottom:none}}@media (max-width:768px){.ip-page{padding:0}.ip-container{margin:16px auto;width:100%}.ip-header{align-items:stretch;flex-direction:column}.ip-search-input-wrap input{width:100%}.ip-detail-banner,.ip-search-box{flex-direction:column}.ip-detail-banner{text-align:center}.ip-detail-banner-tags{justify-content:center}.ip-status-display,.ip-status-editor{align-items:flex-start;flex-direction:column}.ip-status-display{gap:10px}.ip-status-edit-form{flex-wrap:wrap;width:100%}.ip-status-select{flex:1 1;min-width:0}.ip-expand-inner{padding:4px 12px 20px}.ip-grid-item,.ip-timeline-section{padding:18px 16px}.ip-timeline-card{padding:12px 14px}}.attendance-container{background:#f8f9fa;font-family:Arial,sans-serif;margin-top:20px;max-width:900px;padding:20px;width:800px}.attendance-title{color:#0d6efd;margin-bottom:20px}.attendance-success{background:#d4edda;color:#155724}.attendance-error,.attendance-success{border-radius:5px;margin-bottom:20px;padding:10px}.attendance-error{background:#f8d7da;color:#721c24}.attendance-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:24px;padding:20px}.attendance-card-title{color:#333;margin-top:0}.attendance-summary{display:flex;flex-wrap:wrap;justify-content:space-around}.attendance-box{text-align:center}.attendance-label{color:#6c757d;margin-bottom:5px}.attendance-value{font-size:24px;font-weight:700}.attendance-action{margin-top:20px;text-align:center}.attendance-btn{background:#0d6efd;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px}.attendance-btn:disabled{cursor:not-allowed;opacity:.6}.attendance-complete{color:#28a745;font-weight:700}.attendance-table{border-collapse:collapse;width:100%}.attendance-table td,.attendance-table th{padding:10px;text-align:left}.attendance-table tr{border-bottom:1px solid #dee2e6}.attendance-status{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px}.status-absent{background:#fff3cd;color:#856404}@media (min-width:768px) and (max-width:1024px){.attendance-container{margin-left:100px;margin-top:-20px;max-width:100%;padding:16px;width:100%}.attendance-summary{justify-content:space-between}.attendance-value{font-size:22px}.attendance-card{padding:16px}}@media (max-width:767px){.attendance-container{margin-top:2px;padding:12px;width:100%}.attendance-title{font-size:15px;text-align:center}.attendance-summary{flex-direction:column;gap:12px}.attendance-box{background:#f1f3f5;border-radius:6px;padding:0}.attendance-value{font-size:12px}.attendance-btn{font-size:15px;padding:12px;width:100%}.attendance-table{font-size:13px}.attendance-table td,.attendance-table th{padding:8px}.attendance-error,p{font-size:12px}}@media (max-width:480px){.attendance-title{font-size:15px}.attendance-card-title{font-size:12px}.attendance-card{padding:8px}.attendance-table,.attendance-table tbody,.attendance-table td,.attendance-table th,.attendance-table thead,.attendance-table tr{table-layout:fixed;text-align:center;text-overflow:ellipsis;width:100%}.attendance-table tr{border:1px solid #dee2e6;border-radius:6px;margin-bottom:12px}.attendance-table td{justify-content:space-between;padding:6px 0}.attendance-table td:before{color:#6c757d;content:attr(data-label);font-weight:700}.attendance-status{font-size:11px}.attendance-error,p{font-size:12px}}.tabs-container{border-bottom:2px solid #eee;display:flex;gap:10px;padding-bottom:5px}.tab-btn{border-bottom:3px solid #0000;color:#666;font-size:16px;transition:all .3s ease}.tab-btn.active{border-bottom:3px solid #007bff;color:#007bff}.tab-btn:hover{color:#007bff}.filter-grid{display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex:1 1;flex-direction:column;min-width:150px}.filter-group label{color:#555;font-size:14px;margin-bottom:5px}.attendance-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px}.containerStyle-Lm{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:80px;min-height:100vh;padding:24px;width:800px}.headerStyle-lm{color:#0d6efd;margin-bottom:24px}.formStyle-lm{display:flex;flex-direction:column;gap:18px}.inputStyle-lm{border:1px solid #ced4da;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.inputStyle-lm:disabled{background:#e9ecef;cursor:not-allowed}.labelStyle-lm{color:#495057;display:block;font-weight:600;margin-bottom:6px}.textareaStyle-lm{min-height:80px;resize:vertical;width:750px}.buttonStyle-lm{background:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:background-color .2s}.approveButtonStyle-lm{background:"#28a745";font-size:"14px";margin-right:"8px";padding:"8px 16px"}.rejectButtonStyle-lm{background:"#dc3545";font-size:"14px";padding:"8px 16px"}.cancelButtonStyle-lm{background:"#6c757d";font-size:"14px";padding:"8px 16px"}.panelStyle-lm{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:24px}.successStyle-lm{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin-bottom:20px;padding:12px}.errorStyle-lm{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:20px;padding:12px}.tabBar-lm{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:0}.tabStyle-lm{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-weight:600;padding:12px 24px;transition:color .2s,border-color .2s}.tabActive-lm{border-bottom:2px solid #0d6efd;color:#0d6efd}.tableStyle-lm{margin-top:16px}.noDataStyle-lm{margin:0}.loadingStyle-lm,.noDataStyle-lm{color:#6c757d;padding:40px;text-align:center}.tableStyle-lm{border-collapse:collapse;margin-top:10px;width:100%}.thStyle-lm{border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px;text-align:left}.tdStyle-lm{border-bottom:1px solid #dee2e6;padding:12px}.trStyle-lm{transition:background-color .2s}.statusBadge-lm{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.balanceGrid-lm{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.balanceCard-lm{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.balanceCardTitle-lm{color:#495057;margin-top:0}.balanceCardNumber-lm{color:#0d6efd;font-size:36px;margin:10px 0}.balanceCardText-lm{color:#6c757d;margin:0 0 5px}.balanceCardSmallText-lm{color:#adb5bd}.requestCard-lm{align-items:flex-start;background:#fdfdff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.commentInput-lm{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px;width:200px}@media screen and (max-width:1024px){.containerStyle-Lm{margin-left:140px;margin-top:-20px;padding:20px;width:100%}.panelStyle-lm{padding:20px}.textareaStyle-lm{width:100%}.tabStyle-lm{font-size:14px;padding:10px 18px}.balanceGrid-lm{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.balanceCardNumber-lm{font-size:30px}.requestCard-lm{flex-direction:column;gap:12px}.commentInput-lm{width:100%}}@media screen and (max-width:767px){.containerStyle-Lm{margin-left:73px;margin-top:-20px;padding:14px;width:245px}.headerStyle-lm{font-size:15px;text-align:center}.panelStyle-lm{border-radius:10px;padding:16px}.formStyle-lm{gap:14px}.labelStyle-lm{font-size:13px}.inputStyle-lm{font-size:14px;height:35px;padding:10px;width:100%}.buttonStyle-lm,.textareaStyle-lm{font-size:12px;width:100%}.buttonStyle-lm{height:35px;padding:12px}.tabBar-lm{overflow-x:auto;white-space:nowrap}.tabStyle-lm{flex-shrink:0;font-size:13px;padding:10px 14px}.tableStyle-lm{display:block;overflow-x:auto;white-space:nowrap}.tdStyle-lm,.thStyle-lm{font-size:13px;padding:10px}.balanceGrid-lm{gap:14px;grid-template-columns:1fr}.balanceCardNumber-lm{font-size:28px}.requestCard-lm{flex-direction:column;gap:10px}.commentInput-lm{width:100%}.errorStyle-lm{font-size:13px;height:10px}}@media screen and (max-width:480px){.headerStyle-lm{font-size:15px}.balanceCardNumber-lm{font-size:20px}.tabStyle-lm{font-size:12px;padding:8px 12px}}.holiday-container{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:70px;min-height:100vh;padding:24px}.hm-header{color:#0d6efd;margin-bottom:24px}.hm-panel{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:24px}.hm-form{display:flex;flex-direction:column}.hm-label{color:#495057;display:block;font-size:15px;font-weight:600;margin-bottom:5px}.hm-input{border:1px solid #ced4da;border-radius:4px;font-size:12px;padding:10px;width:100%}.hm-button{background:#0d6efd;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px}.hm-mb-20{margin-bottom:20px}.hm-button-secondary{background:#6c757d}.hm-button:hover{opacity:.9}.hm-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.hm-error,.hm-success{margin-bottom:20px;padding:12px}.hm-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.hm-tab-bar{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:0}.hm-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-weight:600;padding:12px 24px}.hm-tab.active{border-bottom:2px solid #0d6efd;color:#0d6efd}.hm-table{border-collapse:collapse;margin-top:10px;width:100%}.hm-table th{border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px;text-align:left}.hm-table td{border-bottom:1px solid #dee2e6;padding:12px}.hm-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:5px;padding:6px 12px}.hm-action-btn-warning{background:#ffc107;color:#000}.hm-action-btn-danger{background:#dc3545;color:#fff}.hm-action-btn.edit{background:#0d6efd;color:#fff}.hm-action-btn.delete{background:#dc3545;color:#fff}.hm-modal-new-type-leave{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.hm-modal-new-type-leave1{background:#fff;border-radius:8px;height:280px;max-width:90%;padding:20px;width:300px}.hm-modal-overlay-pupblic-holiday{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.hm-modal-container-public-holiday{background:#fff;border-radius:8px;max-width:90%;padding:20px;width:400px}.hm-modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.hm-modal-backdrop1{background:#fff;border-radius:8px;height:220px;max-width:90%;padding:20px;width:300px}h3{color:#0d6efd;margin-bottom:15px;margin-top:0}@media (max-width:1024px){.holiday-container{margin-left:140px;margin-top:-20px;padding:20px}.hm-header{font-size:24px;margin-bottom:20px}.hm-panel{padding:20px}}@media (max-width:768px){.holiday-container{padding:16px}.hm-header{font-size:20px;text-align:center}.hm-panel{padding:18px}.hm-tab-bar{overflow-x:auto;white-space:nowrap}.hm-tab{font-size:14px;padding:10px 16px}.hm-table{display:block;overflow-x:auto;white-space:nowrap}.hm-table td,.hm-table th{font-size:14px;padding:10px}.hm-button{font-size:15px;width:100%}.hm-action-btn{font-size:13px;padding:6px 10px}}@media (max-width:480px){.holiday-container{margin-left:80px;margin-top:-20px;padding:12px}.hm-header{font-size:18px}.hm-panel{border-radius:10px;padding:14px}.hm-input,.hm-label{font-size:13px}.hm-input{padding:8px}.hm-table,.hm-table tbody,.hm-table td,.hm-table th,.hm-table thead,.hm-table tr{display:block;width:100%}.hm-table thead{display:none}.hm-table tr{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:12px;padding:10px}.hm-table td{border-bottom:1px solid #e9ecef;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.hm-table td:last-child{border-bottom:none}.hm-table td:before{color:#495057;content:attr(data-label);font-weight:600}.hm-action-btn{margin-bottom:6px;width:100%}.hm-modal-backdrop1,.hm-modal-container-public-holiday,.hm-modal-new-type-leave1{height:auto;width:95%}}.admin-summary-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:80px;padding:20px;width:800px}.admin-summary-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 24px #00000014;margin-bottom:24px;padding:24px}.admin-summary-header{color:#0d6efd;margin-bottom:24px}.admin-summary-form{align-items:center;display:flex;gap:15px}.admin-summary-select{border:1px solid #ced4da;border-radius:8px;flex:1 1;font-size:16px;padding:12px}.admin-summary-button{background-color:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.admin-summary-button:disabled{background-color:#6c757d;cursor:not-allowed}.admin-summary-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;margin-bottom:16px;padding:12px}.admin-summary-no-data{color:#6c757d;padding:20px;text-align:center}.admin-summary-tabs{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:20px}.admin-summary-tab{background:none;border:none;border-bottom:2px solid #0000;color:#495057;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.admin-summary-tab-active{border-bottom:2px solid #0d6efd;color:#0d6efd}.admin-summary-table{border-collapse:collapse;width:100%}.admin-summary-table-header{border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px;text-align:left}.admin-summary-table-cell{border-bottom:1px solid #dee2e6;padding:12px}.admin-summary-section-title{color:#495057;margin-bottom:16px;margin-top:24px}.admin-summary-leave-balance-card{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.admin-summary-balance-item{background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 4px #0000000d;min-width:150px;padding:16px;text-align:center}.admin-summary-balance-value{color:#0d6efd;font-size:24px;font-weight:700}.admin-summary-balance-label{color:#6c757d;font-size:14px;margin-top:4px}.admin-summary-balance-details{display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.admin-summary-used{color:#dc3545}.admin-summary-remaining{color:#28a745}.admin-summary-status-badge{border-radius:12px;font-size:12px;font-weight:700;padding:4px 10px}.admin-summary-status-present{background:#d4edda;color:#155724}.admin-summary-status-wfh{background:#d1ecf1;color:#0c5460}.admin-summary-status-absent{background:#f8d7da;color:#721c24}.admin-summary-status-approved{background:#d4edda;color:#155724}.admin-summary-status-rejected{background:#f8d7da;color:#721c24}.admin-summary-status-pending{background:#fff3cd;color:#856404}.admin-summary-status-default{background:#e2e3e5;color:#383d41}@media (max-width:1024px){.admin-summary-container{margin-left:140px;margin-top:-20px;padding:16px;width:100%}.admin-summary-header{font-size:24px;margin-bottom:20px}.admin-summary-form{padding:20px}}@media (max-width:768px){.admin-summary-container{padding:16px;width:100%}.admin-summary-header{font-size:20px;text-align:center}.admin-summary-form{align-items:stretch;flex-direction:column}.admin-summary-select{font-size:15px}.admin-summary-button{font-size:15px;width:100%}.admin-summary-tabs{overflow-x:auto;white-space:nowrap}.admin-summary-tab{font-size:14px;padding:10px 16px}.admin-summary-leave-balance-card{justify-content:center}.admin-summary-balance-item{min-width:140px}.admin-summary-table{overflow-x:auto;white-space:nowrap}.admin-summary-table-cell,.admin-summary-table-header{font-size:14px;padding:10px}}@media (max-width:480px){.admin-summary-container{margin:-20px 72px 72px;padding:8px;width:78%}.admin-summary-card{border-radius:12px;padding:16px}.admin-summary-header{font-size:15px;text-align:center}.admin-summary-form{flex-direction:column;gap:10px}.admin-summary-select{font-size:12px;padding:10px}.admin-summary-button{font-size:12px;height:35px;width:100%}.admin-summary-tabs{overflow-x:auto;white-space:nowrap}.admin-summary-tab{font-size:12px;padding:8px 12px}.admin-summary-leave-balance-card{flex-direction:column}.admin-summary-balance-item{min-width:0;min-width:auto}.admin-summary-balance-value{font-size:20px}.admin-summary-table,.admin-summary-table tbody,.admin-summary-table td,.admin-summary-table th,.admin-summary-table thead,.admin-summary-table tr{width:100%}.admin-summary-table thead{display:none}.admin-summary-table tr{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;margin-bottom:14px;padding:12px}.admin-summary-table-cell{align-items:center;border-bottom:1px solid #e9ecef;display:flex;font-size:13px;justify-content:space-between;padding:6px 5px}.admin-summary-table-cell:last-child{border-bottom:none}.admin-summary-table-cell:before{color:#495057;content:attr(data-label);font-weight:600}.admin-summary-status-badge{font-size:11px;padding:4px 8px}.admin-summary-error{font-size:12px;padding:10px}}.payroll-container-admin{color:#1e293b;font-family:Inter,sans-serif;margin:30px auto;max-width:1100px;padding:20px;width:800px}.title{color:#0f172a;font-size:26px;font-weight:700;margin-bottom:25px}.section-title{color:#0f172a;font-size:20px;font-weight:600;margin:20px 0 15px;text-align:left}.search-bar{align-items:center;display:flex;gap:10px;margin-bottom:25px}.payroll-input{border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px}.input,.payroll-input{flex:1 1;font-size:15px;outline:none;transition:all .2s ease-in-out}.input{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.btn-pyrollM{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 18px;transition:background .2s ease-in-out}.btn-pyrollM.primary{background:#2563eb;color:#fff}.btn-pyrollM.primary:hover{background:#1e40af}.btn-pyrollM.secondary{background:#8e8f91a8;color:#374151}.btn-pyrollM.secondary:hover{background:#e5e7eb}.btn-pyrollM.small{font-size:13px;padding:6px 12px}.table{margin-bottom:25px}.td,.th{border:1px solid #e5e7eb;font-size:14px;padding:12px 14px;text-align:left}.th{background:#f9fafb;color:#111827;font-weight:600}tr:nth-child(2n){background:#fafafa}.error{color:#dc2626;font-weight:500;margin-bottom:10px}.details{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-top:25px;padding:20px}.salary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:20px 0}.box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:14px;text-align:center}.no-history{color:#6b7280;font-size:14px}@media (max-width:1023px){.payroll-container-admin{margin-left:140px;padding:16px;width:100%}.title{font-size:24px;margin-bottom:20px}.section-title{font-size:18px;margin:18px 0 12px}.search-bar{flex-wrap:wrap}.input{font-size:14px;padding:10px 14px}.btn-pyrollM{font-size:14px;padding:9px 14px}.td,.th{font-size:13px;padding:10px 12px}.salary-cards{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.details{padding:16px}}@media (max-width:767px){.payroll-container-admin{margin-left:75px;margin-top:-20px;width:67%}.title{font-size:15px;margin-bottom:16px}.section-title{font-size:12px;margin:14px 0 10px}.search-bar{align-items:stretch;flex-direction:column}.btn-pyrollM,.input{font-size:14px}.btn-pyrollM{padding:10px;width:100%}.table{display:block;overflow-x:auto;white-space:nowrap}.td,.th{padding:10px}.box,.td,.th{font-size:13px}.box{padding:12px}.details{padding:14px}.error,.no-history{font-size:13px;text-align:center}}.payroll-container-salaryslip{color:#333;font-family:Arial,sans-serif;margin:0 auto 0 40px;max-width:1200px;padding:20px}.title{color:#2c3e50;font-size:24px;margin-bottom:20px;text-align:center}.table{margin-top:20px}.table td,.table th{border:1px solid #ddd;font-size:14px;padding:10px 12px}.table th{background-color:#f4f6f9;font-weight:700}.table tr:nth-child(2n){background-color:#fafafa}.table tr:hover{background-color:#f1f1f1}.btn-salary-slip{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 12px;transition:background .2s ease-in-out}.btn-salary-slip.primary-salaryslip{background-color:#248bcf;color:#fff;gap:10px;height:30px;margin-right:20px}.btn-salary-slip.primary-salaryslip:hover{background-color:#2980b9}.btn-salary-slip.secondary{background-color:#7f8c8d;color:#fff}.btn-salary-slip.secondary:hover{background-color:#636e72}.btn-salary-slip.small{font-size:12px;padding:4px 10px}.modal-overlay{background:#0009;z-index:999}.salary-slip{background:#fff;border-radius:8px;box-shadow:0 6px 18px #0003;margin-top:100px;max-height:90vh;overflow-y:auto;padding:20px;position:relative;width:500px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header{border-bottom:2px solid #ddd;height:30px;margin-bottom:15px;padding-bottom:10px}.logo{color:#3498db;font-size:18px;font-weight:700}.company-address{color:#555;font-size:14px;text-align:right}.slip-title{color:#2c3e50;font-size:18px;font-weight:700;margin:15px 0;text-align:center}.details-table{border-collapse:collapse;margin-bottom:20px;width:100%}.details-table td{border:1px solid #ddd;font-size:14px;padding:8px}.earnings-deductions{border-collapse:collapse;margin-bottom:15px;width:100%}.earnings-deductions td,.earnings-deductions th{border:1px solid #ddd;font-size:14px;padding:8px}.earnings-deductions th{background-color:#f4f6f9;font-weight:700;text-align:center}.earnings-deductions td{text-align:left}.earnings-deductions tr:nth-child(2n){background-color:#fafafa}.note{color:#888;font-size:12px}.company-logo{max-width:40px}.auth-error{align-items:center;background-color:#ffebee;border-left:4px solid #f44336;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:20px;margin-left:100px;padding:15px;width:500px}.auth-error p{color:#d32f2f;font-weight:500;margin:0}.search-input-salary-slip{border:1px solid #141313;border-radius:4px;margin-right:10px;outline:none;padding:8px;width:430px}.search-box-salaryslip{align-items:center;display:flex;margin-left:100px}.salary-slip{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;text-rendering:optimizeLegibility}.details-table,.earnings-deductions{border-collapse:initial}.details-table td,.earnings-deductions td,.earnings-deductions th{padding:8px 12px}.company-logo{max-width:120px}.salary-slip{color-scheme:exact;font-family:Arial,sans-serif;font-size:12px;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:750px}.details-table,.earnings-deductions{border-collapse:collapse;border-spacing:0}.details-table td,.earnings-deductions td,.earnings-deductions th{border:1px solid #000!important;font-size:11px;padding:6px 8px}.company-logo{height:auto;height:30px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:contain;width:100px;width:30px}.details-table td,.earnings-deductions td,.earnings-deductions th,.slip-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;text-rendering:optimizeLegibility}.slip-close-btn-salary-slip{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;font-size:14px;padding:5px 12px}@media print{body *{visibility:hidden}.salary-slip,.salary-slip *{visibility:visible}.salary-slip{background:#fff;border-radius:0;box-shadow:none;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.no-print{display:none!important}body{background:#fff}}@media (max-width:1024px){.payroll-container-salaryslip{margin-left:130px;max-width:100%;padding:16px}.title{font-size:22px}.search-box-salaryslip{flex-wrap:wrap;justify-content:center;margin-left:0}.search-input-salary-slip{margin-bottom:10px;max-width:380px;width:100%}.table td,.table th{font-size:13px;padding:8px}.salary-slip{margin-top:60px;max-width:650px;padding:16px;width:90%}.logo{font-size:16px}.company-address{font-size:13px}.slip-title{font-size:16px}.auth-error{margin-left:0;width:100%}}@media (max-width:767px){.payroll-container-salaryslip{margin-left:72px;margin-top:-20px;padding:8px;width:78%}.title{font-size:15px}.search-box-salaryslip{align-items:stretch;flex-direction:column;margin-left:5px;width:100%}.search-input-salary-slip{margin-bottom:10px;margin-right:0;width:93%}.table{display:inline-block;overflow-x:auto;white-space:nowrap}.table td,.table th{font-size:12px;padding:6px}.primary-salaryslip{background-color:#248bcf;color:#fff;height:30px}.btn-salary-slip{font-size:12px;padding:5px 10px}.modal-overlay{padding:10px}.salary-slip{border-radius:6px;margin-top:20px;padding:12px;width:100%}.header{align-items:center;gap:6px;height:auto}.company-address{font-size:12px;text-align:center}.slip-title{font-size:15px}.details-table td,.earnings-deductions td,.earnings-deductions th{font-size:11px;padding:6px}.company-logo{height:26px;width:26px}.auth-error{flex-direction:column;margin-left:0;text-align:center;width:87.3%}.slip-close-btn-salary-slip{font-size:12px;padding:4px 10px}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr{display:block}.responsive-table tr{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:14px;margin-left:5px;padding:10px}.responsive-table td{align-items:center;border:none;display:flex;font-size:12px;justify-content:space-between;padding:6px 4px}.responsive-table td:before{color:#555;content:attr(data-label);flex:1 1;font-weight:600;text-align:left}.responsive-table td>*{flex:1 1;text-align:right}.responsive-table td[data-label=Action]{justify-content:center;padding-top:10px}}.salary-structure-management{box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:24px;margin:0 auto;max-width:1400px;padding:24px}.page-header{border-bottom:1px solid #e5e7eb;padding-bottom:16px}.page-header h2{color:#111827}.message{border-left:4px solid;border-radius:8px;font-size:14px;padding:12px 20px}.message.success{background-color:#ecfdf5;border-color:#10b981}.message.error{background-color:#fef2f2;border-color:#ef4444;color:#991b1b}.tabs{border-bottom:2px solid #e5e7eb;gap:4px}.tab-btn{font-weight:600;margin-bottom:-2px;padding:12px 24px}.tab-btn:hover{color:#2563eb}.card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px}.form-card{margin:0 auto;max-width:1000px}.filter-bar{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px}.filter-bar label{color:#374151;font-weight:500}.filter-bar select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e5e7eb;padding:14px 16px;text-align:left}.table th{background-color:#f3f4f6;color:#374151;font-size:14px;font-weight:600}.table tr:hover{background-color:#f9fafb}.actions-cell{display:flex;gap:8px}.btn{font-size:14px;font-weight:600;padding:10px 20px}.btn.primary{margin-top:20px;width:100%}.btn.btn-danger{background-color:#ef4444;color:#fff}.btn.btn-danger:hover{background-color:#dc2626}.btn-sm{font-size:12px;padding:6px 12px}.btn-add-small{background-color:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;margin-top:10px;padding:8px 16px;transition:background .2s}.btn-add-small:hover{background-color:#d1d5db}.btn-remove{background:#fee2e2;border:none;border-radius:4px;color:#b91c1c;cursor:pointer;font-weight:600;padding:6px 12px}.form-group{margin-bottom:24px}.form-group label{margin-bottom:8px}.form-group input,.form-group select{padding:12px}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 2px #2563eb33}.section-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:20px}.section-header{padding-bottom:12px}.section-header h4{color:#1f2937;font-size:18px;margin:0}.search-input{border-radius:6px;padding:8px 12px;width:220px}.component-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.component-grid{grid-template-columns:1fr}}.component-col h5{color:#6b7280;font-size:14px;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.master-section{max-height:300px;overflow-y:auto;padding-right:5px}.checkbox-grid{display:flex;flex-direction:column;gap:8px}.checkbox-label{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;padding:10px 12px;transition:all .2s}.checkbox-label:hover{border-color:#2563eb}.checkbox-label.selected{background-color:#eff6ff;border-color:#2563eb}.checkbox-label input[type=checkbox]{accent-color:#2563eb;height:16px;margin-right:12px;width:16px}.item-info{display:flex;justify-content:space-between;width:100%}.item-name{font-weight:500}.item-value{color:#4b5563;font-weight:600}.custom-section{display:flex;flex-direction:column;gap:10px}.custom-row{grid-gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:10px;grid-template-columns:1fr .6fr 60px 1.5fr auto;padding:12px}.custom-row input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:8px}.custom-name{font-weight:500}.custom-val{text-align:right}.pct-checkbox{align-items:center;background:#f3f4f6;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px}.text-muted{color:#9ca3af;font-size:12px;font-weight:400}.no-data{color:#9ca3af;font-style:italic;padding:20px}.no-data.small{font-size:12px;padding:10px}.modal-overlay{bottom:0;right:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{font-size:18px;margin:0}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:24px}.modal-body{padding:20px}.detail-list{list-style:none;margin:0 0 20px;padding:0}.modal-footer{margin-top:20px;text-align:right}.detail-list li{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.detail-list li:last-child{border-bottom:none}@media (max-width:1023px){.salary-structure-management{padding:16px}}@media (max-width:767px){.tabs{overflow-x:auto;padding-bottom:5px;white-space:nowrap}.filter-bar{align-items:stretch;flex-direction:column}.custom-row{gap:8px;grid-template-columns:1fr 1fr}.custom-desc{grid-column:span 2}.btn-remove{justify-self:end}}.payroll-management{color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:20px;margin:0 auto;max-width:1200px;padding:20px;width:800px}.controls-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.month-selector{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.input-group{display:flex;flex:1 1;flex-direction:column;gap:5px}.input-group label{color:#374151;font-weight:500}.input-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px;transition:border-color .2s}.input-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.btn.primary-payroll-management{background-color:#2563eb;color:#fff;margin-top:30px}.btn.secondary{margin-top:30px}.content-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.status-badge{font-weight:500;padding:4px 8px}.status-badge.processed{background-color:#d1fae5;color:#065f46}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.failed{background-color:#fee2e2;color:#b91c1c}.payroll-details{overflow:hidden}.detail-row.highlight{background:#eff6ff;border-left:4px solid #2563eb;border-radius:6px;padding:10px}.detail-row.highlight .label{color:#1e40af}.detail-row.highlight span:last-child{color:#1e40af;font-weight:600}@media (max-width:1023px){.payroll-management{margin-left:130px;padding:16px;width:90%}.page-header h2{font-size:24px}.page-header p{font-size:15px}.month-selector{gap:12px}.input-group input{font-size:13px;padding:9px}.input-group label{font-size:12px}.btn{font-size:14px;padding:9px 14px}.tabs{flex-wrap:wrap;gap:5px}.tab-btn{font-size:14px;padding:8px 14px}.details-header h3,.section-header h3{font-size:16px}.record-count{font-size:13px}.data-table td,.data-table th{font-size:13px;padding:10px 12px}.details-card{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.detail-row span:last-child{font-size:15px}}@media (max-width:767px){.payroll-management{gap:8px;margin-left:72px;padding:14px;width:75%}.page-header h2{font-size:15px}.page-header p{font-size:12px}.controls-section{padding:12px}.month-selector{align-items:stretch;flex-direction:column}.button-group{flex-direction:column;width:100%}.btn{font-size:12px;width:100%}.tabs{overflow-x:auto;white-space:nowrap}.tab-btn{font-size:13px;padding:8px 12px}.table-container{overflow-x:auto}.data-table td,.data-table th{font-size:12px;padding:9px}.action-btn{font-size:11px;padding:5px 10px}.details-card{grid-template-columns:1fr;padding:12px}.detail-row span:last-child{font-size:14px}.detail-row.highlight{padding:8px}.no-data{font-size:13px;padding:25px}}.salary-history{color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:20px;margin:0 auto;max-width:1200px;padding:20px;width:800px}.employee-history-controls{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.employee-id-input{display:flex;flex-direction:column;gap:10px}.employee-id-input label{color:#374151;font-weight:500}.employee-id-input input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;transition:border-color .2s}.employee-id-input input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.button-group{display:flex;gap:10px}.hike-percentage{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.hike-percentage.positive{background-color:#d1fae5;color:#065f46}.history-details{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.detail-row .positive-value{color:#059669;font-weight:600}.hike-badge{border-radius:12px;display:inline-block;font-size:14px;font-weight:500;padding:4px 8px}.hike-badge.positive{background-color:#d1fae5;color:#065f46}@media (max-width:768px){.salary-history{padding:15px}.employee-id-input{align-items:stretch}.button-group,.employee-id-input{flex-direction:column}.details-card{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.data-table{font-size:14px}.data-table td,.data-table th{padding:8px 10px}}.employee-selector{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.employee-selector label{color:#374151;font-weight:500}.selector-controls{display:flex;flex-direction:column;gap:15px}.employee-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;transition:border-color .2s}.employee-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.employee-select option{padding:5px}@media (max-width:1023px){.salary-history{margin-left:130px;padding:16px;width:80%}.page-header h2{font-size:24px}.page-header p{font-size:15px}.tabs{flex-wrap:wrap;gap:6px}.tab-btn{font-size:14px;padding:8px 14px}.employee-id-input input,.employee-select{font-size:13px;padding:9px}.btn{font-size:14px;padding:9px 14px}.details-header h3,.section-header h3{font-size:16px}.record-count{font-size:13px}.data-table td,.data-table th{font-size:13px;padding:10px 12px}.details-card{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.detail-row span:last-child{font-size:15px}.hike-badge{font-size:13px}}@media (max-width:767px){.salary-history{gap:8px;margin-left:72px;padding:14px;width:75%}.page-header h2{font-size:15px}.page-header p{font-size:12px}.tabs{overflow-x:auto;white-space:nowrap}.tab-btn{font-size:12px;padding:8px 12px}.employee-id-input,.selector-controls{gap:8px;height:35px}.button-group{flex-direction:column;width:100%}.btn{font-size:13px;width:100%}.table-container{overflow-x:auto}.data-table td,.data-table th{font-size:12px;padding:9px}.action-btn{font-size:11px;padding:5px 10px}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.details-card{grid-template-columns:1fr;padding:12px}.detail-row span:last-child{font-size:14px}.hike-badge,.hike-percentage{font-size:12px}.no-data{font-size:13px;padding:25px}.employee-selector label{font-size:12px}}.designation-management{color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:20px;margin:0 auto;max-width:1200px;padding:20px}.page-header{border-bottom:1px solid #eaeaea;margin-bottom:10px;padding-bottom:15px;text-align:center}.page-header h2{color:#1f2937;font-size:28px;font-weight:700;margin:0}.page-header p{color:#6b7280;font-size:16px;margin-top:8px}.message{border-radius:6px;font-weight:500;margin-bottom:15px;padding:12px 15px}.message.success{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.message.error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#b91c1c}.tabs-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.tab-btn{transition:all .2s ease}.tab-btn:hover{color:#4b5563}.company-selector{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.company-selector label{color:#374151;font-weight:500}.company-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px;padding:8px;transition:border-color .2s}.company-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.section-header h3{color:#374151;font-size:18px;font-weight:600;margin:0}.record-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:14px;padding:4px 10px}.btn{transition:all .2s ease}.btn-primary-designation{background-color:#2563eb;border:none;border-radius:4px;color:#fff;margin-top:0;padding:8px 12px}.btn:hover{transform:translateY(-1px)}.btn:disabled{transform:none}.btn.primary{background-color:#2563eb;color:#fff}.btn.primary:hover{background-color:#1d4ed8}.btn.secondary{background-color:#6b7280;color:#fff}.btn.secondary:hover{background-color:#4b5563}.btn.danger{background-color:#ef4444;color:#fff}.btn.danger:hover{background-color:#dc2626}.table-container{border:1px solid #e5e7eb;border-radius:8px}.data-table th{position:-webkit-sticky;position:sticky;top:0}.data-table tr:last-child td{border-bottom:none}.action-btn{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-right:5px;padding:6px 12px;transition:background-color .2s ease}.action-btn:hover{background-color:#1d4ed8}.action-btn-danger{background-color:#ef4444}.action-btn-danger:hover{background-color:#dc2626}.form-group{margin-bottom:15px}.form-group label{font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.designation-details{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.details-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.details-header h3{color:#374151;font-size:18px;font-weight:600;margin:0}.details-card{grid-gap:20px;background:#f9fafb;border-radius:8px;gap:20px;padding:15px}.detail-row .label{font-size:14px}.detail-row span:last-child{font-size:16px}.detail-row .highlight{color:#2563eb;font-weight:600}.actions{display:flex;gap:10px;margin-top:20px}.exists-result{border-radius:6px;font-weight:500;margin-top:15px;padding:15px}.exists-result.true{background-color:#d1fae5;color:#065f46}.exists-result.false{background-color:#fee2e2;color:#b91c1c}.no-data{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280}.no-data p{font-style:italic;margin:0}@media (max-width:1023px){.designation-management{margin-left:130px;padding:16px}.page-header h2{font-size:24px}.page-header p{font-size:15px}.tabs{flex-wrap:wrap;gap:6px}.tab-btn{font-size:14px;padding:8px 14px}.company-selector{flex-wrap:wrap;gap:12px}.company-select{font-size:13px;min-width:180px}.details-header h3,.section-header h3{font-size:16px}.record-count{font-size:13px}.data-table td,.data-table th{font-size:13px;padding:10px 12px}.btn{font-size:14px;padding:9px 14px}.details-card{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.detail-row span:last-child{font-size:15px}}@media (max-width:767px){.designation-management{gap:4px;margin-left:70px;padding:12px;width:75%}.page-header h2{font-size:15px}.page-header p{font-size:12px}.tabs{overflow-x:auto;white-space:nowrap}.tab-btn{padding:8px 12px}.details-header h3,.section-header h3,.tab-btn{font-size:12px}.company-selector{align-items:stretch;flex-direction:column}.company-select{width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.table-container{overflow-x:auto}.data-table td,.data-table th{font-size:12px;padding:9px}.action-btn{font-size:11px;margin-right:0;padding:5px 10px}.form-group input,.form-group select{font-size:12px;height:35px;padding:9px;width:100%}.actions{flex-direction:column}.btn{font-size:13px;width:100%}.details-card{grid-template-columns:1fr;padding:12px}.detail-row span:last-child{font-size:14px}.no-data{font-size:13px;padding:25px}.company-selector label,.message.error{font-size:12px}h3{font-size:13px}.btn.danger,.btn.primary,.btn.secondary,.form-group label{font-size:12px}}.dashboard-card-admins{display:flex;flex-wrap:wrap;gap:25px;padding:25px}.card-admin{background:#fff;border-radius:18px;box-shadow:0 8px 20px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.card-admin:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-8px)}.card-admin:before{background:linear-gradient(90deg,#4f46e5,#06b6d4,#10b981);content:"";height:6px;left:0;position:absolute;top:0;width:100%}.card-admin-icon{font-size:42px;margin-bottom:15px}.card-admin-title{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:15px}.card-admin-count{color:#4f46e5;font-size:20px;font-weight:700;margin-bottom:15px}.card-admin-total{color:#666;font-size:14px;font-weight:500;margin-bottom:12px}.card-admin div{color:#4a5568;margin-bottom:8px}.card-admin-progress{background:#e2e8f0;border-radius:10px;height:10px;margin:15px 0;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:10px;height:100%;transition:width .8s ease}.view-employees-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:8px 16px}.view-employees-btn:hover{background:#3730a3}.card-admin ul{margin:10px 0;padding-left:20px}.card-admin ul li{color:#374151;margin-bottom:8px}.card-admin a{color:#4f46e5;display:inline-block;font-weight:600;margin-top:10px;text-decoration:none;transition:.3s}.card-admin a:hover{color:#06b6d4}.card-admin:first-child .card-admin-icon{color:#4f46e5}.card-admin:nth-child(2) .card-admin-icon{color:#f59e0b}.card-admin:nth-child(3) .card-admin-icon{color:#ef4444}.card-admin:nth-child(4) .card-admin-icon{color:#10b981}@media (max-width:768px){.dashboard-card-admins{gap:15px;padding:15px}.card-admin{padding:20px}.card-admin-title{font-size:16px}.card-admin-count{font-size:24px}}.employee-page{background:#f4f7fc;min-height:100vh;padding:25px;width:80%}.employee-page h2{color:#1e293b;font-size:28px;font-weight:700}.employee-page h2,.search-container{margin-bottom:20px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:12px 15px;width:350px}.search-input:focus{border-color:#2563eb;box-shadow:0 0 8px #2563eb33}.employee-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 5px 15px #00000014;overflow:hidden;width:100%}.employee-table th{background:#2563eb;color:#fff;font-size:14px;padding:14px;text-align:left}.employee-table td{border-bottom:1px solid #e5e7eb;padding:12px}.employee-table tr:hover{background:#f8fafc}.view-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.view-btn:hover{background:#1d4ed8}.hide-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.hide-btn:hover{background:#b91c1c}.employee-details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:25px}.employee-details h3{border-bottom:2px solid #2563eb;color:#2563eb;margin:20px 0 15px;padding-bottom:5px}.employee-details h4{color:#334155;margin-top:15px}.employee-details img{border:4px solid #2563eb;border-radius:50%;margin-bottom:20px}.detail-table{border-collapse:collapse;margin-bottom:20px;width:100%}.detail-table td{border:1px solid #dbeafe;padding:10px}.detail-table td:first-child{background:#eff6ff;font-weight:600;width:250px}.address-card,.bank-card,.document-card,.education-card{background:#f8fafc;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:15px;padding:15px}.employee-details hr{border:none;border-top:1px solid #d1d5db;margin:15px 0}@media (max-width:768px){.employee-table{display:block;overflow-x:auto}.search-input{width:100%}.detail-table td:first-child{width:150px}}.epd-container{background:#f8f9fc;box-sizing:border-box;display:flex;font-family:ui-monospace;min-height:100vh}.epd-mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;font-size:30px;left:15px;margin-left:-3px;margin-right:3px;position:fixed;top:15px;z-index:1100}@media (max-width:1024px){.epd-mobile-menu-btn{display:block;margin-left:100px}}.epd-sidebar{background:#fff;border-radius:10px;bottom:0;box-shadow:0 2px 8px #0000000d;left:0;overflow-x:hidden;overflow-y:auto;padding:10px;position:fixed;scrollbar-width:thin;top:61px;transition:transform .3s ease,width .3s ease;width:200px;z-index:1000}.epd-sidebar,.epd-sidebar.mobile-open{transform:translateX(0)}.epd-sidebar.collapsed{transform:translateX(-100%)}.epd-sidebar-header{margin-bottom:15px;text-align:center}.epd-topbar-logo{display:block;height:60px;margin-left:-20px;object-fit:contain;width:60px}.epd-sidebar-title{color:#1e4fc4;font-size:18px;font-weight:1000;margin-top:10px}.epd-sidebar-subtitle{color:#666;font-size:14px}.epd-nav-list{list-style:none;margin:15px;padding:0}.epd-nav-item{margin-bottom:16px}.epd-nav-btn{background:#f1f6ff;border:none;border-radius:8px;box-sizing:border-box;color:#000;cursor:pointer;display:block;font-size:14px;font-weight:500;margin:0 auto;padding:6px 0;text-decoration:none;transition:background .15s,color .15s;width:90%}.epd-nav-btn.active,.epd-nav-btn:hover{background:#1e4fc4;color:#fff}.epd-main{align-items:center;background:#f8f9fc;display:flex;flex:1 1;flex-direction:column;margin-left:200px;margin-top:55px;min-height:calc(100vh - 60px);padding:20px;transition:margin-left .3s ease}.epd-main.full-width{margin-left:0}.epd-topbar{align-items:center;background:#f5f5f5;border-bottom:none;box-shadow:none;display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1001}.epd-quote-box{color:#2c3e50;font-size:16px;font-weight:500;line-height:1.4}.epd-profile-section{align-items:center;display:flex;gap:15px}.epd-notification{color:#333;cursor:pointer;font-size:20px}.epd-profile-img{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;width:40px}.epd-profile-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #00000026;display:flex;flex-direction:column;min-width:150px;padding:5px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.epd-btn{background:none;border:none;color:#000;cursor:pointer;font-size:14px;padding:10px;text-align:left}.epd-btn:hover{color:blue}.epd-panel-content h1{color:#1e4fc4;font-size:18px;font-weight:1000;margin:0 0 10px}.epd-panel-content-employee-dashboard h1{color:#1e4fc4;font-size:22px;font-weight:1000;margin:0 0 10px}.epd-dashboard-grid{display:flex;flex-wrap:wrap;gap:20px;width:100%}.epd-dashboard-card{cursor:pointer}.epd-dashboard-card,.epd-recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:18px}.epd-recent-activity{border:1px solid #e9ecef}.epd-sidebar-overlay{background:#0006;display:none;height:calc(100% - 60px);left:0;position:fixed;top:60px;width:100%;z-index:999}.epd-sidebar-overlay.active{display:block}@media (min-width:768px) and (max-width:1024px){.epd-panel-content-employee-dashboard{font-size:20px;margin-left:100px}.epd-sidebar{width:220px}.epd-main{margin-left:220px}.epd-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.epd-sidebar{background:#f9feff;border-radius:8px;border-right:1px solid #ddd;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;gap:5px;left:0;max-height:calc(75vh - 50px);max-width:140px;overflow-x:hidden;overflow-y:auto;padding:5px;position:fixed;top:65px}.epd-nav-btn{align-items:center;background:none;border:none;border-bottom:1px solid #eee;box-shadow:none;color:#333;display:flex;font-size:12px;font-weight:500;gap:10px;padding:8px 0;text-align:left}.epd-nav-btn.active,.epd-nav-btn:hover{background:none;color:#1e4fc4}.epd-main{align-items:stretch;height:100%;margin-left:90px;margin-top:70px;padding:12px;width:64%}.epd-dashboard-grid{gap:10px;grid-template-columns:1fr;position:absolute;top:70px;transform:translateX(150px);width:calc(100% - 120px)}.epd-topbar{height:60px;padding:0 15px}}@media (max-width:480px){.epd-sidebar{max-height:calc(60vh - 50px);max-width:88px;padding:3px;top:61px}.epd-nav-btn{font-size:8px;gap:5px;justify-content:center;padding:6px 0;text-align:center}.epd-dashboard-grid{transform:translateX(85px);width:calc(100% - 100px)}.epd-dashboard-card{width:100%}.epd-topbar h2{font-size:12px}.epd-profile-img{height:34px;width:34px}.epd-quote-box{font-size:11px;margin-left:10px}.epd-topbar-logo{display:block;margin-left:-10px}.epd-nav-list{margin:2px}.epd-sidebar-title{color:#1e4fc4;font-size:10px;font-weight:1000;margin-top:10px}.epd-sidebar-subtitle{color:#666;font-size:8px}.epd-nav-list{margin-top:-20px;padding:2px}}.profile-container-user{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000014;margin:40px auto;max-width:600px;padding:30px;text-align:center;width:500px}.profile-container-user h2{color:#2c3e50;font-weight:600;margin-bottom:20px}.profile-container-user form{flex-direction:column;gap:10px}.profile-container-user input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 14px;transition:all .3s ease}.profile-container-user input:focus{border-color:#00b894;box-shadow:0 0 0 2px #00b8941a;outline:none}.profile-container-user button{background:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:all .3s ease}.profile-container-user label{color:#333;font-size:14px;font-weight:800;margin-bottom:auto;text-align:left}.profile-container-user button:hover{background:#019875}.profile-container-user button:disabled{background:#b2bec3;cursor:not-allowed}.profile-container-user p{font-size:14px;margin:5px 0}.profile-container-user .success,.profile-container-user p:has(+button){color:#2ecc71}.profile-container-user .error{color:#e74c3c}@media (max-width:480px){.profile-container-user{margin:20px;padding:20px}}.dashboard-container{background:#f5f7fa;min-height:100vh;padding:20px}.dashboard-title{margin-bottom:20px;text-align:center}.dashboard-grid{display:flex;flex-wrap:wrap;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:20px}.card h3{margin-bottom:10px}.btn{background:#3498db;margin-top:10px;padding:8px 12px}.btn:hover{background:#2980b9}.PersonalDetails-container{background-color:#f4f6f8;display:flex;justify-content:center}.PersonalDetails-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:25px 30px;width:600px}.PersonalDetails-title{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.PersonalDetails-fieldset{border:1px solid #ddd;border-radius:6px;padding:15px}.PersonalDetails-image-section{margin-bottom:20px;text-align:center}.PersonalDetails-image-preview{border:2px solid #ddd;border-radius:50%;height:140px;object-fit:cover;width:140px}.PersonalDetails-image-input{display:block;font-size:14px;margin:12px auto 0}.PersonalDetails-legend{font-size:14px;font-weight:600;padding:0 8px}.PersonalDetails-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px;margin-top:14px}.PersonalDetails-input,.PersonalDetails-select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.PersonalDetails-input:focus,.PersonalDetails-select:focus{border-color:#1976d2;outline:none}.PersonalDetails-input:disabled,.PersonalDetails-select:disabled{background-color:#f1f1f1;cursor:not-allowed}.PersonalDetails-button-row{display:flex;gap:12px;justify-content:center;margin-top:22px}.PersonalDetails-btn-update{background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 22px}.PersonalDetails-btn-update:hover{background-color:#125aa0}.PersonalDetails-btn-save{background-color:#2e7d32;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 22px}.PersonalDetails-btn-save:hover{background-color:#1b5e20}.PersonalDetails-btn-cancel{background-color:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 22px}.PersonalDetails-btn-cancel:hover{background-color:#8e0000}@media screen and (max-width:1280px){.PersonalDetails-card{padding:22px 26px;width:600px}.PersonalDetails-title{font-size:20px}.PersonalDetails-legend{font-size:15px;font-weight:600;padding:0 8px}.PersonalDetails-image-preview{height:130px;width:130px}}@media (min-width:768px) and (max-width:1024px){.PersonalDetails-container{margin-left:100px;padding:16px;width:100%}.PersonalDetails-card{max-width:680px;padding:22px 24px;width:100%}.PersonalDetails-title{font-size:20px}.PersonalDetails-legend{font-size:14px}.PersonalDetails-image-preview{height:120px;width:120px}.PersonalDetails-label{font-size:13px}.PersonalDetails-input,.PersonalDetails-select{font-size:13px;padding:9px 12px}.PersonalDetails-button-row{gap:10px}.PersonalDetails-btn-cancel,.PersonalDetails-btn-save,.PersonalDetails-btn-update{font-size:13.5px;padding:10px 18px}}@media screen and (max-width:767px){.PersonalDetails-container{margin-top:-20px;width:100%}.PersonalDetails-card{border-radius:8px;padding:18px;width:100%}.PersonalDetails-title{font-size:15px;margin-bottom:14px}.PersonalDetails-image-section{margin-bottom:15px}.PersonalDetails-image-preview{height:90px;width:90px}.PersonalDetails-image-input{font-size:12px}.PersonalDetails-legend{font-size:13px}.PersonalDetails-label{font-size:10px}.PersonalDetails-input,.PersonalDetails-select{font-size:10px;height:35px;padding:10px;width:100%}.PersonalDetails-fieldset{padding:14px}.PersonalDetails-button-row{flex-direction:column;gap:10px}.PersonalDetails-btn-cancel,.PersonalDetails-btn-save,.PersonalDetails-btn-update{font-size:10px;height:35px;padding:12px;width:100%}}@media screen and (max-width:480px){.PersonalDetails-title{font-size:15px}.PersonalDetails-image-preview{height:80px;width:80px}.PersonalDetails-fieldset{padding:12px}}.Education-container{background-color:#f4f6f8;display:flex;justify-content:center}.Education-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;max-width:720px;padding:25px 30px;width:600px}.Education-title{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.Education-fieldset{border:1px solid #ddd;border-radius:6px;padding:15px}.Education-legend{color:#1976d2;font-size:14px;font-weight:600;padding:0 8px}.Education-section{border-bottom:1px solid #eee;padding:12px 0}.Education-section:last-child{border-bottom:none}.Education-label{display:block;font-size:14px;font-weight:500;margin-bottom:5px;margin-top:10px}.Education-input,.Education-select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.Education-input:focus,.Education-select:focus{border-color:#1976d2;outline:none}.Education-input:disabled,.Education-select:disabled{background-color:#f1f1f1}.Education-btn-add{background:#eee;font-size:14px;margin-top:15px;padding:8px 14px}.Education-btn-add,.Education-btn-remove{border:none;border-radius:6px;cursor:pointer}.Education-btn-remove{background:#c62828;color:#fff;font-size:13px;margin-top:10px;padding:6px 14px}.Education-button-row{display:flex;gap:12px;justify-content:center;margin-top:22px}.Education-btn-update{background:#1976d2}.Education-btn-save,.Education-btn-update{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 22px}.Education-btn-save{background:#2e7d32}.Education-btn-cancel{background:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 22px}@media screen and (min-width:768px) and (max-width:1024px){.Education-card{max-width:650px;padding:20px 24px;width:90%}.Education-title{font-size:19px}.Education-legend{font-size:13.5px}.Education-section{padding:10px 0}.Education-btn-add{font-size:13.5px;padding:7px 12px}.Education-btn-remove{font-size:12.5px;padding:5px 12px}.Education-button-row{gap:10px}.Education-btn-cancel,.Education-btn-save,.Education-btn-update{font-size:13.5px;padding:9px 20px}}@media screen and (max-width:767px){.Education-container{width:100%}.Education-card{border-radius:8px;padding:18px 20px;width:100%}.Education-title{font-size:15px;margin-bottom:16px}.Education-fieldset{padding:10px}.Education-legend{color:#1976d2;font-size:12px}.Education-label{font-size:10px}.Education-input,.Education-select{font-size:10px;height:30px;padding:9px 10px;width:100%}.Education-btn-add{text-align:center;width:100%}.Education-btn-remove{width:100%}.Education-button-row{flex-direction:column;gap:8px}.Education-btn-cancel,.Education-btn-save,.Education-btn-update{font-size:10px;height:35px;padding:10px;width:100%}}.AddressDetails-container{background-color:#f4f6f8;display:flex;justify-content:center}.AddressDetails-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;max-width:720px;padding:25px 30px;width:600px}.AddressDetails-title{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.AddressDetails-fieldset{border:1px solid #ddd;border-radius:6px;margin-bottom:20px;padding:15px}.AddressDetails-legend{font-size:14px;font-weight:600;padding:0 8px}.AddressDetails-field{margin-bottom:12px}.AddressDetails-label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.AddressDetails-input,.AddressDetails-select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.AddressDetails-input:focus{border-color:#1976d2;outline:none}.AddressDetails-input:disabled{background-color:#f1f1f1}.AddressDetails-checkbox-row{align-items:center;display:flex;margin-bottom:12px}.AddressDetails-checkbox-label{font-size:14px;margin-left:8px}.AddressDetails-button-row{display:flex;gap:12px;justify-content:center;margin-top:20px}.AddressDetails-btn-update{background:#1976d2}.AddressDetails-btn-save,.AddressDetails-btn-update{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 22px}.AddressDetails-btn-save{background:#2e7d32}.AddressDetails-btn-cancel{background:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 22px}@media (min-width:768px) and (max-width:1024px){.AddressDetails-container{margin-left:100px;padding:16px;width:100%}.AddressDetails-card{max-width:100%;padding:22px;width:100%}.AddressDetails-title{font-size:20px}}@media (max-width:767px){.AddressDetails-container{width:100%}.AddressDetails-card{border-radius:8px;padding:18px}.AddressDetails-title{font-size:15px}.AddressDetails-label{font-size:10px}.AddressDetails-input,.AddressDetails-select{font-size:10px;height:30px;padding:9px 10px;width:100%}.AddressDetails-checkbox-label{font-size:10px}.AddressDetails-button-row{flex-direction:column;gap:10px}.AddressDetails-btn-cancel,.AddressDetails-btn-save,.AddressDetails-btn-update{font-size:14px;height:30px;padding:10px;width:100%}}@media (max-width:480px){.AddressDetails-card{padding:10px}.AddressDetails-title{font-size:15px}.AddressDetails-fieldset{padding:10px}.AddressDetails-legend{font-size:10px}}.EmploymentDetails-container{background-color:#f4f6f8;display:flex;justify-content:center}.EmploymentDetails-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;max-width:720px;padding:25px 30px;width:600px}.EmploymentDetails-title{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.EmploymentDetails-fieldset{border:1px solid #ddd;border-radius:6px;padding:15px}.EmploymentDetails-legend{font-size:14px;font-weight:600;padding:0 8px}.EmploymentDetails-label{display:block;font-size:14px;font-weight:500;margin-bottom:5px;margin-top:12px}.EmploymentDetails-input,.EmploymentDetails-select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.EmploymentDetails-input:focus,.EmploymentDetails-select:focus{border-color:#1976d2;outline:none}.EmploymentDetails-input:disabled,.EmploymentDetails-select:disabled{background-color:#f1f1f1}.EmploymentDetails-button-row{display:flex;gap:12px;justify-content:center;margin-top:22px}.EmploymentDetails-btn-update{background:#1976d2}.EmploymentDetails-btn-save,.EmploymentDetails-btn-update{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 22px}.EmploymentDetails-btn-save{background:#2e7d32}.EmploymentDetails-btn-cancel{background:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 22px}@media (min-width:768px) and (max-width:1024px){.EmploymentDetails-container{margin-left:100px;padding:16px;width:100%}.EmploymentDetails-card{max-width:100%;padding:22px;width:100%}.EmploymentDetails-title{font-size:20px}}@media (max-width:767px){.EmploymentDetails-container{width:100%}.EmploymentDetails-card{border-radius:8px;padding:18px}.EmploymentDetails-title{font-size:15px}.EmploymentDetails-label{font-size:10px;margin-bottom:0}.EmploymentDetails-input,.EmploymentDetails-select{font-size:10px;height:30px;padding:9px 10px;width:100%}.EmploymentDetails-button-row{flex-direction:column;gap:10px}.EmploymentDetails-btn-cancel,.EmploymentDetails-btn-save,.EmploymentDetails-btn-update{font-size:10px;height:30px;width:100%}}@media (max-width:480px){.EmploymentDetails-card{padding:15px;width:100%}.EmploymentDetails-title{font-size:15px}.EmploymentDetails-fieldset{padding:10px}.EmploymentDetails-legend{font-size:12px}}@media (min-width:768px) and (max-width:1024px){.details-form-container{margin-left:100px;padding:18px;width:100%}.details-form{max-width:100%;padding:22px;width:100%}.details-form-title{font-size:20px}}@media (max-width:767px){.details-form-container{width:100%}.details-form{border-radius:8px;padding:16px}.details-form-title{font-size:15px}.details-fieldset{padding:16px}.details-fieldset legend{font-size:12px}.details-fieldset label{font-size:10px}.details-fieldset input,.details-fieldset select,.details-fieldset textarea{font-size:10px;height:30px;padding:9px 10px;width:100%}.details-button-row{flex-direction:column;gap:10px}.details-cancel-btn,.details-save-btn,.details-update-btn{font-size:10px;height:30px;padding:12px;width:100%}}@media (max-width:480px){.details-form{padding:15px}.details-form-title{font-size:15px}.details-fieldset{padding:14px}.details-fieldset legend{font-size:12px}}.details-form-container{background-color:#f5f7fa;display:flex;justify-content:center}.details-form{background:#fff;border-radius:10px;box-shadow:0 4px 14px #0000001a;max-width:900px;padding:25px 30px;width:600px}.details-form-title{color:#0a3d62;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.details-fieldset{border:1px solid #dcdcdc;border-radius:8px;margin-bottom:20px;padding:20px}.details-fieldset legend{color:#1e3799;font-weight:600;padding:0 10px}.details-fieldset label{color:#333;display:block;font-weight:500;margin-bottom:4px;margin-top:12px}.details-fieldset input,.details-fieldset select,.details-fieldset textarea{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px 10px;width:100%}.details-fieldset input:disabled,.details-fieldset select:disabled,.details-fieldset textarea:disabled{background-color:#f1f2f6;cursor:not-allowed}.details-fieldset input[type=checkbox]{margin-right:6px;width:auto}.details-doc-section,.details-edu-section{border:1px dashed #ccc;border-radius:6px;margin-bottom:15px;padding:10px}.details-button-row{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.details-cancel-btn,.details-save-btn,.details-update-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 22px;transition:background-color .3s ease}.details-update-btn{background-color:#1e90ff;color:#fff}.details-update-btn:hover{background-color:#1c86ee}.details-save-btn{background-color:#2ecc71;color:#fff}.details-save-btn:hover{background-color:#27ae60}.details-cancel-btn{background-color:#e74c3c;color:#fff}.details-cancel-btn:hover{background-color:#c0392b}.details-doc-section button,.details-edu-section button{border:none;border-radius:5px;cursor:pointer;font-size:13px;margin-top:8px;padding:5px 15px}.details-doc-section .details-cancel-btn,.details-edu-section .details-cancel-btn{background-color:#e74c3c;color:#fff}.details-doc-section .details-cancel-btn:hover,.details-edu-section .details-cancel-btn:hover{background-color:#c0392b}.details-doc-section .details-save-btn,.details-edu-section .details-save-btn{background-color:#2ecc71;color:#fff}.details-doc-section .details-save-btn:hover,.details-edu-section .details-save-btn:hover{background-color:#27ae60}.details-doc-section .details-update-btn,.details-edu-section .details-update-btn{background-color:#1e90ff;color:#fff}.details-doc-section .details-update-btn:hover,.details-edu-section .details-update-btn:hover{background-color:#1c86ee}@media (max-width:768px){.details-form{padding:20px}.details-button-row{flex-direction:column}.details-cancel-btn,.details-save-btn,.details-update-btn{width:100%}}@media (min-width:768px) and (max-width:1024px){.details-form-container{padding:18px}.details-form{max-width:100%;padding:22px;width:100%}.details-form-title{font-size:20px}.details-fieldset{padding:18px}}@media (max-width:767px){.details-form-container{margin-top:-20px;width:100%}.details-form{border-radius:8px;padding:18px}option{font-size:8px}.details-form-title{font-size:15px}.details-fieldset{padding:16px}.details-fieldset legend{font-size:14px}.details-fieldset label{font-size:10px}.details-fieldset input,.details-fieldset select,.details-fieldset textarea{font-size:10px;height:30px;width:100%}.details-doc-section,.details-edu-section{padding:10px}.details-button-row{flex-direction:column;gap:10px}.details-cancel-btn,.details-save-btn,.details-update-btn{font-size:10px;height:30px;padding:12px;width:100%}.details-doc-section button,.details-edu-section button{height:30px;padding:10px;width:100%}}@media (max-width:480px){.details-form{padding:15px;width:100%}.details-form-title{font-size:15px}.details-fieldset{padding:14px}.details-fieldset legend{font-size:12px}.details-doc-section,.details-edu-section{padding:8px}}.lm-container{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:24px;width:800px}.lm-header{color:#0d6efd;margin-bottom:24px}.lm-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.lm-error,.lm-success{margin-bottom:20px;padding:12px}.lm-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.lm-tab-bar{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:0}.lm-tab{background:none;border:none;color:#6c757d;cursor:pointer;font-weight:600;padding:12px 24px;transition:color .2s,border-color .2s}.lm-tab.active{border-bottom:2px solid #0d6efd;color:#0d6efd}.lm-panel{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:24px}.lm-loading,.lm-no-data{color:#6c757d;padding:40px;text-align:center}.lm-form{display:flex;flex-direction:column;gap:18px}.lm-label{color:#495057;display:block;font-weight:600;margin-bottom:6px}.lm-input{border:1px solid #ced4da;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.lm-input-disabled{background:#e9ecef}.lm-textarea{border:1px solid #ced4da;border-radius:6px;font-size:16px;min-height:80px;resize:vertical;width:100%}.lm-row{display:flex;gap:15px}.lm-col{flex:1 1}.lm-btn-primary{background:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:background-color .2s}.lm-table{border-collapse:collapse;margin-top:10px;width:100%}.lm-table th{border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px;text-align:left}.lm-table td{border-bottom:1px solid #dee2e6;padding:12px}.lm-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.lm-balance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lm-balance-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.lm-balance-title{color:#495057;margin-top:0}.lm-balance-number{color:#0d6efd;font-size:36px;margin:10px 0}.lm-balance-text{color:#6c757d;margin:0 0 5px}.lm-balance-small{color:#adb5bd}.lm-request-card{align-items:flex-start;background:#fdfdff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.lm-request-info h4{margin:0 0 5px}.lm-request-info p{color:#495057;margin:0 0 5px}.lm-request-reason{color:#6c757d;font-style:italic;margin:0}.lm-request-actions{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.lm-comment-input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px;width:200px}.lm-btn-approve{background:#28a745}.lm-btn-approve,.lm-btn-reject{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.lm-btn-reject{background:#dc3545}.lm-btn-cancel{background:#ffc107;border:none;border-radius:6px;color:#212529;cursor:pointer;font-size:14px;padding:8px 16px}@media (min-width:768px) and (max-width:1024px){.lm-container{margin-left:100px;padding:20px;width:100%}.lm-panel{padding:20px}.lm-row{gap:12px}.lm-balance-number{font-size:16px}.lm-comment-input{width:160px}}@media (max-width:767px){.lm-container{margin-top:-10px;padding:14px;width:100%}.lm-header{font-size:15px;text-align:center}.lm-balance-number,.lm-balance-title,.lm-input{font-size:12px}.lm-tab-bar{overflow-x:auto;white-space:nowrap}.lm-tab{font-size:12px;padding:10px 16px}.lm-panel{padding:16px}.lm-row{flex-direction:column;gap:14px}.lm-btn-primary{font-size:12px;padding:12px;width:100%}.lm-label,.lm-table{font-size:12px}.lm-table thead{display:none}.lm-table tbody tr{background:#fff;border:1px solid #dee2e6;border-radius:8px;display:block;margin-bottom:14px;padding:12px}.lm-table tbody td{align-items:center;display:grid;grid-template-columns:110px 1fr;padding:6px 0}.lm-table tbody td:first-child:before{content:"Type"}.lm-table tbody td:nth-child(2):before{content:"Start"}.lm-table tbody td:nth-child(3):before{content:"End"}.lm-table tbody td:nth-child(4):before{content:"Days"}.lm-table tbody td:nth-child(5):before{content:"Status"}.lm-table tbody td:nth-child(6):before{content:"Actions"}.lm-table tbody td:before{color:#6c757d;font-weight:600}.lm-btn-approve,.lm-btn-cancel,.lm-btn-reject{width:100%}}@media (max-width:480px){.lm-header{font-size:15px}.lm-panel{padding:12px}.lm-balance-number{font-size:12px}.lm-table tbody td{font-size:12px;grid-template-columns:95px 1fr}.lm-status-badge{font-size:11px}}.employee-summary-wrapper{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 24px #00000014;font-family:Arial,sans-serif;padding:20px;width:900px}.employee-summary-title{color:#0d6efd;margin-bottom:20px}.employee-summary-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:24px}.summary-tabs{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:0}.summary-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-weight:600;padding:12px 24px}.summary-tab.active{border-bottom:2px solid #0d6efd;color:#0d6efd}.summary-content{padding:20px 0}.summary-section-wrapper{display:flex;flex-direction:column;gap:24px}.summary-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 24px #00000014;padding:24px}.summary-section-header{border-bottom:2px solid #e9ecef;color:#0d6efd;font-size:20px;margin:0 0 20px;padding-bottom:10px}.employee-info-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;margin-bottom:20px;padding-bottom:15px}.employee-avatar{align-items:center;background:#0d6efd;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:80px;justify-content:center;margin-right:20px;width:80px}.employee-name{color:#0d6efd;font-size:24px;margin:0 0 5px}.employee-code{color:#6c757d;font-size:16px;margin:0}.leave-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.leave-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:16px;text-align:center}.leave-type{color:#495057;margin:0 0 10px}.leave-available{color:#0d6efd;font-size:32px;font-weight:700;margin:0 0 5px}.leave-available-text{color:#6c757d;font-size:14px;margin:0}.leave-total-used{color:#adb5bd;font-size:12px;margin-top:5px}.table-wrapper{overflow-x:auto}.summary-table{border-collapse:collapse;width:100%}.summary-table th{border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px;text-align:left}.summary-table td{border-bottom:1px solid #dee2e6;padding:12px}.status-badge{border-radius:12px;font-size:12px;font-weight:700;padding:4px 10px}.status-present{background:#d4edda;color:#155724}.status-wfh{background:#d1ecf1;color:#0c5460}.status-absent{background:#f8d7da;color:#721c24}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-pending{background:#fff3cd;color:#856404}.empty-message{color:#6c757d}.empty-message,.loading-text{padding:20px;text-align:center}.error-text{color:red;padding:20px}@media (min-width:768px) and (max-width:1024px){.employee-summary-wrapper{margin-left:100px;padding:18px;width:100%}.employee-summary-card{padding:20px}.employee-name{font-size:22px}.leave-available{font-size:28px}}@media (max-width:767px){.employee-summary-wrapper{padding:8px;width:100%}.employee-summary-title{font-size:15px;text-align:center}.summary-tabs{overflow-x:auto;white-space:nowrap}.summary-tab{font-size:12px;padding:10px 16px}.employee-summary-card{padding:16px}.employee-info-header{align-items:center;flex-direction:column;text-align:center}.summary-card{padding:16px}.employee-avatar{height:50px;margin-bottom:10px;margin-right:0;width:50px}.employee-code,.employee-name{font-size:14px}.leave-available{font-size:12px}.summary-section-header{font-size:13px;text-align:center}.summary-table{font-size:12px}.summary-table thead{display:none}.leave-type{font-size:12px}.summary-table tbody tr{background:#fff;border:1px solid #dee2e6;border-radius:10px;display:block;margin-bottom:14px;padding:4px}.summary-table tbody td{align-items:center;display:grid;grid-template-columns:120px 1fr;padding:6px 0}.summary-table tbody td:before{color:#6c757d;font-weight:600}.leave-grid{grid-gap:20px;display:grid;gap:20px}.leave-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-right:15px;padding:16px;text-align:center;width:85%}.attendance-table-wrapper .summary-table tbody td:first-child:before{content:"Date"}.attendance-table-wrapper .summary-table tbody td:nth-child(2):before{content:"Login Time"}.attendance-table-wrapper .summary-table tbody td:nth-child(3):before{content:"Logout Time"}.attendance-table-wrapper .summary-table tbody td:nth-child(4):before{content:"Total Hours"}.attendance-table-wrapper .summary-table tbody td:nth-child(5):before{content:"Status"}.leave-table-wrapper .summary-table tbody td:first-child:before{content:"Type"}.leave-table-wrapper .summary-table tbody td:nth-child(2):before{content:"Start Date"}.leave-table-wrapper .summary-table tbody td:nth-child(3):before{content:"End Date"}.leave-table-wrapper .summary-table tbody td:nth-child(4):before{content:"Status"}.leave-table-wrapper .summary-table tbody td:nth-child(5):before{content:"Approved Date"}.leave-table-wrapper .summary-table tbody td:nth-child(6):before{content:"Approved By"}}.calendar-container{font-family:Arial,sans-serif;padding:20px}.calendar-table{border-collapse:collapse;text-align:center;width:100%;width:800px}.calendar-table th{border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:10px 5px}.calendar-card-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:24px}.holiday-title{color:#0d6efd;margin-bottom:20px}.date-title-text{color:#333;margin:0}.date-flex-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-table td{border:1px solid #e9ecef;padding:15px 5px;transition:background-color .2s}.calendar-day{background-color:#fff;color:#212529;font-weight:500}.calendar-day.weekend{background-color:#f8f9fa;color:#6c757d}.calendar-day.public-holiday{background-color:#d4edda;color:#155724;font-weight:600}.calendar-day.optional-holiday{background-color:#fff3cd;color:#856404;font-weight:600}.calendar-day.today{background-color:#0d6efd;border-radius:50%;box-shadow:0 4px 8px #0d6efd4d;color:#fff;font-weight:700}.empty-day{background-color:initial;border:none}.nav-button{align-items:center;background:#0d6efd;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:background-color .2s;width:36px}.nav-button:hover{background-color:#0b5ed7}.calendar-legend{display:flex;flex-wrap:wrap;font-size:14px;gap:15px;justify-content:center;margin-top:20px}.legend{display:"flex";flex-wrap:"wrap";font-size:"14px";gap:"15px";justify-content:"center";margin-top:"20px"}.legend-box{border:1px solid #dee2e6;border-radius:4px;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.legend-box.weekday{background-color:#fff;border:1px solid #ced4da}.legend-box.weekend{background-color:#f8f9fa;color:#6c757d}.legend-box.public-holiday{background-color:#d4edda;color:#155724}.legend-box.optional-holiday{background-color:#fff3cd;color:#856404}.legend-box.today{background-color:#0d6efd;color:#fff}.holiday-list-container{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.holiday-section h4{border-left:4px solid #0d6efd;color:#333;margin-bottom:10px;margin-top:0;padding-left:10px}.holiday-section ul{list-style:none;margin:0;padding:0}.holiday-section li{color:#495057;padding:5px 0}@media (min-width:768px) and (max-width:1024px){.calendar-container{margin-left:100px;margin-top:-20px;padding:10px;width:100%}.calendar-table{font-size:14px;width:100%}.calendar-table td,.calendar-table th{padding:12px 4px}.calendar-day.today{border-radius:10px}}@media (max-width:766px){.calendar-container{font-family:Arial,sans-serif;padding:5px;width:100%}.calendar-table{font-size:13px;width:100%}.calendar-table th{font-size:12px;padding:8px 2px}.calendar-table td{padding:10px 2px}.calendar-card-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:12px}.holiday-title{font-size:15px}.date-title-text{font-size:12px}.date-flex-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.calendar-day{font-size:12px}.calendar-day.today{border-radius:8px;font-size:13px}.nav-button{font-size:16px;height:25px;width:25px}.calendar-legend{display:flex;flex-wrap:wrap;font-size:14px;gap:15px;justify-content:center;margin-top:20px}.legend{font-size:13px;gap:10px}}@media (max-width:480px){.calendar-table{display:block;overflow-x:auto;white-space:nowrap}.calendar-table tbody,.calendar-table thead{display:table;width:100%}.calendar-table td,.calendar-table th{font-size:11px;padding:8px 2px}.calendar-day{padding:8px 0}.calendar-day.today{border-radius:6px}.legend{align-items:flex-start;flex-direction:column;font-size:12px}.holiday-section h4{font-size:16px}.holiday-section li{font-size:13px}}.payroll-container{margin-top:100px;padding:20px;width:800px}.payroll-title{color:#0d6efd;margin-bottom:20px}.payroll-tabs{border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;margin-bottom:20px}.payroll-tab{background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;font-weight:600;margin-right:10px;padding:10px 20px}.payroll-tab-active{border-bottom:2px solid #0d6efd;color:#0d6efd}@media (max-width:992px){.payroll-container{margin-left:80px;margin-top:-20px;padding:18px;width:100%}.payroll-tab{font-size:15px;padding:10px 16px}}@media (max-width:767px){.payroll-container{margin-left:auto;margin-top:2px;padding:8px;width:100%}.payroll-title{font-size:15px;text-align:center}.payroll-tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.payroll-tab{font-size:14px;margin-right:6px;padding:10px 14px}}@media (max-width:480px){.payroll-title{font-size:15px}.payroll-tab{padding:8px 12px}.error-message,.payroll-tab{font-size:12px}}.salary-page{font-family:Times New Roman,serif;padding:20px}.em-salary-slip{background:#fff;padding:20px}.salary-header{align-items:center;display:flex;justify-content:space-between}.company-logo{height:45px}.company-name{font-size:18px;font-weight:700}.salary-title{margin:15px 0;text-align:center}.details-table,.salary-table{border-collapse:collapse;margin-bottom:15px;width:100%}.details-table td,.salary-table td,.salary-table th{border:1px solid #000;padding:6px}.details-table td:nth-child(odd){background:#f5f5f5;font-weight:700}.salary-table th{background:#f0f0f0}.bold-row,.net-row{font-weight:700}.net-row{font-size:15px}.net-words{font-size:13px;font-style:italic}.action-buttons{margin-top:10px;text-align:right}.action-buttons button{cursor:pointer;margin-left:8px;padding:6px 14px}.note{color:gray;font-style:italic;margin-top:10px;text-align:center}.error{color:red}.em-salary-slip{color-scheme:exact;font-family:Arial,sans-serif;font-size:12px;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:750px}@media print{body *{visibility:hidden}.em-salary-slip,.em-salary-slip *{visibility:visible}.em-salary-slip{box-shadow:none;left:0;position:absolute;top:0;width:100%}.no-print{display:none!important}body{background:#fff}}@media (max-width:992px){.em-salary-slip,.salary-page{padding:16px}.company-name{font-size:17px}.salary-title{font-size:16px}}@media (max-width:768px){.salary-page{padding:12px}.salary-header{align-items:center;flex-direction:column;gap:6px;text-align:center}.company-logo{height:40px}.company-name{font-size:16px}.salary-title{font-size:15px}.details-table,.salary-table{font-size:12px}.details-table td,.salary-table td,.salary-table th{padding:5px}.action-buttons{text-align:center}.action-buttons button{margin:6px 0;width:100%}}@media (max-width:480px){.salary-title{font-size:14px}.details-table,.salary-table{overflow-x:auto;white-space:nowrap}.net-row{font-size:14px}.net-words,.note{font-size:12px}}.employee-salary-structure{display:flex;flex-direction:column;gap:20px}.salary-structure-details{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.details-card{display:flex;flex-direction:column}.component-table{border-collapse:collapse;margin-bottom:20px;width:100%}.component-table td,.component-table th{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left}.component-table th{background-color:#f9fafb;color:#374151;font-weight:600}h4{grid-column:1/-1;margin-bottom:10px}@media (max-width:992px){.employee-salary-structure{gap:16px}.salary-structure-details{padding:18px}.btn{font-size:14px;padding:10px 14px}}@media (max-width:768px){.employee-salary-structure{gap:14px}.btn{align-self:stretch;text-align:center;width:100%}.salary-structure-details{padding:16px}.detail-row span:last-child{font-size:14px}.component-table{font-size:13px}.component-table td,.component-table th{padding:6px}}@media (max-width:480px){.component-table{display:block;overflow-x:auto;white-space:nowrap}h4{font-size:15px}.detail-row .label{font-size:11px}.detail-row span:last-child{font-size:13px}.salary-structure-details{padding:14px}}.employee-salary-history{display:flex;flex-direction:column;gap:20px}.tabs{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 20px}.tab-btn.active{border-bottom-color:#2563eb;color:#2563eb}.btn{align-self:flex-start;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 15px}.btn:hover{background-color:#1d4ed8}.btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background-color:#fee2e2;border-radius:6px;color:#ef4444;margin-bottom:15px;padding:10px}.table-container{overflow-x:auto}.data-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid #f3f4f6;padding:12px 15px;text-align:left}.data-table th{color:#374151;font-weight:600}.data-table th,.data-table tr:hover{background-color:#f9fafb}.current-salary{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.details-card{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.detail-row{display:flex;flex-direction:column}.detail-row .label{color:#6b7280;font-size:12px;margin-bottom:5px}.detail-row span:last-child{color:#111827;font-weight:500}@media (max-width:767px){.detail-row span:last-child,.tab-btn{font-size:14px}.tab-btn{padding:8px 12px}.details-card{display:block;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.data-table td,.data-table th{font-size:14px;padding:10px 12px}}.efd-container{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:20px;margin:0 auto;max-width:1360px;padding:20px}.efd-topbar{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:14px;box-shadow:0 4px 18px #0000000d;display:flex;justify-content:space-between;padding:24px}.efd-topbar-title{color:#0d6efd;font-size:28px;margin:0 0 6px}.efd-topbar-subtitle{color:#6c757d;font-size:14px;margin:0}.efd-topbar-btn{background:#0d6efd;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 18px;transition:background .2s}.efd-topbar-btn:hover{background:#0b5ed7}.efd-main-content{display:flex;flex-direction:column;gap:20px}.efd-header-row{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.efd-main-title{border-bottom:2px solid #0d6efd;color:#333;flex:1 1;margin:0;padding-bottom:10px}.efd-back-dashboard-btn{background:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 18px;transition:background .2s ease}.efd-back-dashboard-btn:hover{background:#0b5ed7}.efd-dashboard-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(280px,1fr));margin-bottom:40px}.efd-card{background:#fff;border-radius:12px;border-top:4px solid #0d6efd;box-shadow:0 4px 15px #00000014;padding:25px;text-align:center;transition:transform .2s}.efd-card:hover{transform:translateY(-5px)}.efd-card-pending{border-top-color:#ffc107}.efd-card-icon{font-size:40px;margin-bottom:15px}.efd-card-title{color:#555;font-size:18px;margin-bottom:10px}.efd-card-count{color:#0d6efd;font-size:36px;font-weight:700;margin:10px 0}.efd-card-desc{color:#888;font-size:14px;margin-bottom:20px}.efd-card-btn{background:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.efd-card-btn:hover{background:#0b5ed7}.efd-list-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:25px}.efd-list-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.efd-list-header h2{color:#333;margin:0}.efd-back-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-weight:600;padding:8px 16px}.efd-back-btn:hover{background:#e9ecef}.efd-loading,.efd-no-data{color:#666;font-size:16px;padding:40px;text-align:center}.efd-table-responsive{overflow-x:auto}.efd-table{border-collapse:collapse;min-width:600px;width:100%}.efd-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#555;font-weight:600;padding:12px 15px;text-align:left}.efd-table td{border-bottom:1px solid #eee;color:#333;padding:12px 15px}.efd-table tr:hover{background-color:#f8f9fa}.efd-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.efd-badge-blue{background:#e7f1ff;color:#0d6efd}.efd-badge-green{background:#d1e7dd;color:#198754}.efd-badge-red{background:#f8d7da;color:#dc3545}.efd-badge-orange{background:#fff3cd;color:#664d03}.efd-badge-purple{background:#e0cffc;color:#6f42c1}.efd-action-group{display:flex;gap:8px}.efd-table-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:5px 10px}.efd-table-btn.view{background-color:#e7f1ff;color:#0d6efd}.efd-table-btn.edit{background-color:#fff3cd;color:#664d03}.efd-table-btn:hover{opacity:.8}.efd-feedbacks-wrapper{display:flex;flex-direction:column;gap:30px}.efd-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.efd-section-title{border-bottom:2px solid #0d6efd;color:#0d6efd;display:inline-block;font-size:18px;margin-bottom:15px;padding-bottom:8px}.efd-pending-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.efd-pending-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:box-shadow .2s}.efd-pending-card:hover{box-shadow:0 4px 12px #0000001a}.efd-pending-header{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.efd-pending-header h4{color:#0d6efd;margin:0}.efd-pending-body p{color:#555;font-size:14px;margin:5px 0}.efd-pending-footer{margin-top:15px;text-align:right}.efd-action-btn{background:#198754;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.efd-action-btn:hover{background:#157347}.efd-details-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:25px}.efd-details-row{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;padding:10px 0}.efd-details-label{color:#555;font-weight:600}.efd-details-section h4{color:#0d6efd;margin-bottom:15px;margin-top:10px}.efd-details-item{border-bottom:1px dashed #eee;margin-bottom:15px;padding-bottom:10px}.efd-details-item strong{color:#333;display:block;margin-bottom:5px}.efd-comment{background:#f8f9fa;border-radius:4px;color:#666;font-size:13px;font-style:italic;margin:0;padding:5px}.efd-details-footer{align-items:center;border-top:2px solid #eee;display:flex;justify-content:space-between;margin-top:20px;padding-top:15px}.efd-edit-expired-msg{color:#999;font-size:12px;font-style:italic;padding:10px}.efd-edit-form{margin:0 auto;max-width:800px}.efd-form-group{margin-bottom:15px}.efd-form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.efd-form-control{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.efd-form-control:focus{border-color:#0d6efd;outline:none}textarea.efd-form-control{min-height:60px;resize:vertical}.efd-form-row{border-bottom:1px solid #f0f0f0;gap:20px;margin-bottom:15px;padding-bottom:15px}.efd-form-row .efd-form-group{flex:1 1;margin-bottom:0}.efd-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.efd-btn-primary{background-color:#0d6efd}.efd-btn-primary,.efd-btn-secondary{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.efd-btn-secondary{background-color:#6c757d}.efd-btn-primary:hover{background-color:#0b5ed7}.efd-btn-secondary:hover{background-color:#5a6268}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--secondary-hover:#475569;--success-color:#16a34a;--success-hover:#15803d;--danger-color:#dc2626;--danger-hover:#b91c1c;--warning-color:#f59e0b;--bg-color:#f1f5f9;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--border-radius:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--transition:all 0.2s ease-in-out}.acceptance-container,.dashboard-container,.details-container,.form-container{color:#1e293b;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header h2{color:#1e293b;color:var(--text-main);font-size:1.5rem;font-weight:700}.status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.btn-back,.btn-danger,.btn-link,.btn-primary,.btn-secondary,.btn-success{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out;transition:var(--transition)}.btn-primary{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;border-color:#e2e8f0;border-color:var(--border-color);color:#1e293b;color:var(--text-main)}.btn-secondary:hover{background-color:#f1f5f9;background-color:var(--bg-color)}.btn-success{background-color:#16a34a;background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#15803d;background-color:var(--success-hover)}.btn-danger{background-color:#dc2626;background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#b91c1c;background-color:var(--danger-hover)}.btn-back{background:none;color:#64748b;color:var(--secondary-color);margin-bottom:1rem;padding-left:0}.btn-back:hover{color:#1e293b;color:var(--text-main)}.btn-link{background:none;color:#2563eb;color:var(--primary-color);padding:0}.btn-link:hover{text-decoration:underline}.btn-sm{font-size:.75rem;margin-right:.5rem;padding:.25rem .5rem}.btn-sm:last-child{margin-right:0}.offer-table{background:#fff;background:var(--card-bg);border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.offer-table td,.offer-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}.offer-table th{background-color:#f1f5f9;background-color:var(--bg-color);color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.offer-table tr:last-child td{border-bottom:none}.offer-table tr:hover{background-color:#f8fafc}.form-container{background:#fff;background:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);max-width:800px;padding:2rem}.toggle-group{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);display:flex;margin-bottom:1.5rem;overflow:hidden}.toggle-group button{background:#fff;border:none;border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color);color:#64748b;color:var(--text-muted);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition)}.toggle-group button:last-child{border-right:none}.toggle-group button.active{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.toggle-group button:not(.active):hover{background-color:#f1f5f9;background-color:var(--bg-color)}.grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}input[type=date],input[type=email],input[type=number],input[type=text],select,textarea{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);display:block;font-size:.875rem;transition:all .2s ease-in-out;transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}textarea{min-height:100px;resize:vertical}.dynamic-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.dynamic-section h4{color:#64748b;color:var(--secondary-color);font-size:.9rem;margin-bottom:1rem}label{align-items:center;cursor:pointer;display:flex;font-size:.875rem;margin-bottom:.5rem}label input[type=checkbox]{margin-right:.5rem;width:auto}.card{background:#fff;background:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.card-header h3{font-size:1.25rem;margin:0}.card-actions,.card-body{padding:1.5rem}.card-actions{background-color:#f1f5f9;background-color:var(--bg-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:1rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.info-grid p{margin:0}.info-grid strong{color:#64748b;color:var(--text-muted);display:block;font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.modal{animation:slideDown .3s ease-out;background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);max-width:500px;padding:2rem;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}.modal h3{margin-bottom:1.5rem;margin-top:0}.modal input,.modal textarea{margin-bottom:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.acceptance-container{margin:2rem auto;max-width:800px}.letter-preview{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2.5rem}.letter-preview h2{color:#2563eb;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.details-box{background-color:#f1f5f9;background-color:var(--bg-color);margin-bottom:1.5rem;padding:1rem}.action-panel,.details-box{border-radius:8px;border-radius:var(--border-radius)}.action-panel{background:#fff;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.action-panel h3{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.action-panel .buttons{display:flex;gap:1rem;margin-top:1.5rem}.status-message{border-radius:8px;border-radius:var(--border-radius);font-weight:500;padding:1rem;text-align:center}.status-message.success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.status-message.warning{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.text-center{text-align:center}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.header{align-items:flex-start;gap:1rem}.card-actions,.header{flex-direction:column}.card-actions button{width:100%}}.offer-list-container{background:#f5f7fa;font-family:Inter,sans-serif;min-height:100vh;padding:30px}.ol-header{margin-bottom:30px}.ol-header h2{color:#2c3e50;font-size:24px;margin:0}.ol-header p{color:#7f8c8d;margin-top:5px}.ol-stats-row{display:flex;gap:20px;margin-bottom:30px}.ol-stat-card{background:#fff;border-radius:12px;border-top:4px solid #009688;box-shadow:0 2px 10px #0000000d;flex:1 1;padding:20px;text-align:center}.ol-stat-card h3{color:#2c3e50;font-size:28px;margin:0}.ol-stat-card p{color:#7f8c8d;font-size:14px;margin:5px 0 0}.ol-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.ol-table{border-collapse:collapse;width:100%}.ol-table th{background:#f8f9fa;border-bottom:1px solid #eee;color:#7f8c8d;font-size:12px;padding:14px;text-align:left;text-transform:uppercase}.ol-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:16px;vertical-align:middle}.candidate-name{display:block;font-weight:600}.candidate-email{color:#888;display:block;font-size:12px}.ol-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-green{background:#e8f5e9;color:#2e7d32}.status-red{background:#ffebee;color:#c62828}.status-orange{background:#fff3e0;color:#ef6c00}.status-gray{background:#f5f5f5;color:#666}.ol-actions{display:flex;gap:8px}.btn-accept{background:#009688;border:none;border-radius:6px;color:#fff}.btn-accept,.btn-decline{cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px}.btn-decline{background:#fff;border:1px solid #c62828;border-radius:6px;color:#c62828}.no-data{color:#888;padding:40px;text-align:center}.btn-view{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:5px;padding:5px 10px}.btn-view:hover{background-color:#0056b3}.co-container{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.co-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.co-header h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.co-candidate-info{background-color:#f3f4f6;border-radius:9999px;color:#4b5563;font-size:.875rem;padding:.5rem 1rem}.co-candidate-info strong{color:#111827;margin-left:4px}.co-designation{color:#6b7280;margin-left:6px}.co-grid{grid-gap:2.5rem;align-items:flex-start;display:grid;gap:2.5rem;grid-template-columns:380px 1fr}@media (max-width:1024px){.co-grid{grid-template-columns:1fr}}.co-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-control{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:.65rem .85rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.co-btn-generate{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem;transition:background-color .2s;width:100%}.co-btn-generate:hover{background-color:#2563eb}.co-btn-generate:disabled{background-color:#93c5fd;cursor:not-allowed}.co-preview-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;min-height:800px}.co-preview-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.co-preview-header h4{color:#6b7280;font-size:1rem;font-weight:600;margin:0}.co-btn-send{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:.5rem 1.25rem;transition:background-color .2s}.co-btn-send:hover{background-color:#059669}.co-btn-send:disabled{background-color:#6ee7b7;cursor:not-allowed}.co-preview-content{background-color:#f3f4f6;flex:1 1;overflow-y:auto;padding:2rem}.letter-html-container{background-color:#fff;border-radius:4px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#333;font-family:Times New Roman,Times,serif;line-height:1.6;margin:0 auto;max-width:800px;padding:3rem 4rem}.letter-html-container h1{font-size:24px;margin-bottom:10px}.letter-html-container table{border-collapse:collapse;margin:20px 0;width:100%}.letter-html-container td{border:1px solid #ddd;padding:8px}.co-placeholder{align-items:center;color:#9ca3af;display:flex;height:100%;justify-content:center;padding:2rem;text-align:center}.co-placeholder p{background:#fff;border:1px dashed #d1d5db;border-radius:8px;padding:1.5rem 2rem}.alert{border-radius:8px;font-size:.9rem;margin-top:1rem;padding:.75rem 1rem}.alert-danger{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}@media (max-width:768px){.co-container{padding:1rem}.co-header{align-items:flex-start;flex-direction:column;gap:.5rem}.letter-html-container{padding:2rem 1.5rem}}
/*# sourceMappingURL=main.6ea134db.css.map*/