body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-wrapper{align-items:center;background:linear-gradient(135deg,#223555,#223555);display:flex;font-family:Segoe UI,sans-serif;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:15px;box-shadow:0 10px 40px #00000026;max-width:400px;padding:35px 40px;text-align:center;width:100%}.login-logo img{border-radius:50%;height:70px;margin-bottom:15px;width:70px}.login-card h1{font-size:24px}.subtitle{color:#666;font-size:14px;margin-bottom:20px}.login-card label{display:block;font-weight:500;margin-bottom:6px;text-align:left}.login-card input{border:1px solid #ddd;border-radius:8px;margin-bottom:16px;padding:12px 15px;width:100%}.login-card input:focus{border-color:#223555;box-shadow:0 0 0 2px #22355533;outline:none}.login-btn{background:#223555;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;width:100%}.login-btn:hover{opacity:.9}.forgot-password{color:#223555;font-size:13px;text-decoration:none}.signup-text{font-size:13px;margin-top:20px}.modal-overlay{z-index:2000}.modal-box{animation:pop .3s ease;border-radius:12px;max-width:360px;padding:25px 30px;text-align:center;width:90%}.modal-box h3{margin-bottom:10px}.modal-box.success h3{color:#2ecc71}.modal-box.error h3{color:#e74c3c}.modal-box p{font-size:14px;margin-bottom:20px}.modal-btn{background:#223555;padding:10px 22px}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.registration-container{background:#f9f9f9;border-radius:12px;box-shadow:0 0 10px #0000001a;margin:50px auto;max-width:1000px;padding:30px}.registration-container h2{margin-bottom:20px;text-align:center}.registration-form .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:30px}.registration-form label{display:flex;flex-direction:column;font-weight:500}.registration-form input,.registration-form select{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-top:4px;padding:8px 10px}.form-actions{gap:20px;text-align:center}.form-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:10px 20px}.submit-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.reset-button{background-color:#2196f3;color:#fff}:root{--sidebar-w:260px;--header-h:64px;--banner-h:40px;--blue:#304674;--blue-700:#223555;--blue-800:#1a2b47;--accent:#2aa2a8;--bg:#f6f7fb;--card-bg:#fff;--text-dark:#1f2937;--text-muted:#6b7280}body{color:#1f2937;color:var(--text-dark);font-family:Inter,system-ui,-apple-system,sans-serif}.layout-root,body{background:#f6f7fb;background:var(--bg)}.layout-root{min-height:100vh}.top-bar{background:linear-gradient(135deg,#304674,#223555);background:linear-gradient(135deg,var(--blue),var(--blue-700));box-shadow:0 8px 24px #0000002e;color:#fff;height:64px;height:var(--header-h);inset:0 0 auto 0;justify-content:space-between;padding:0 18px;position:fixed;z-index:1000}.top-bar,.top-bar-left{align-items:center;display:flex}.top-bar-left{gap:12px}.menu-btn{background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:none;height:36px;width:40px}.menu-btn:hover{background:#ffffff40}.logo{height:34px}.Company-name p{font-weight:600;letter-spacing:.3px;margin:0;white-space:nowrap}.user-profile{align-items:center;cursor:pointer;display:flex;gap:10px;position:relative}.user-avatar{border:2px solid #ffffff4d;border-radius:50%;height:38px;object-fit:cover;width:38px}.user-name{font-weight:500}.dropdown-icon{font-size:.75rem;opacity:.85}.dropdown-menu{animation:fadeUp .18s ease;background:#2c2f45;border-radius:14px;box-shadow:0 20px 40px #00000059;padding:10px 0;position:absolute;right:0;top:calc(100% + 10px);width:260px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.profile-header{border-bottom:1px solid #ffffff1f;padding:14px 16px}.avatar-large{border-radius:50%;height:46px;margin-right:12px;width:46px}.profile-header>div{display:flex;flex-direction:column;justify-content:center}.username{color:#fff;font-weight:600;line-height:1.2}.role{color:#c7cbff;font-size:.75rem;letter-spacing:.4px;margin-top:2px}.dropdown-item{color:#f0f0f0;display:block;padding:11px 16px;text-decoration:none;transition:background .2s ease}.dropdown-item:hover{background:#ffffff14}.dropdown-item.logout{color:#ff8a8a;cursor:pointer}@keyframes slide{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.sidebar{background:linear-gradient(180deg,#304674,#1a2b47);background:linear-gradient(180deg,var(--blue),var(--blue-800));bottom:0;box-shadow:8px 0 30px #00000040;color:#fff;overflow-y:auto;pointer-events:auto;position:fixed;top:64px;top:var(--header-h);transform:translateX(-100%);transition:transform .3s ease;width:260px;width:var(--sidebar-w);z-index:1001}.sidebar.open{transform:translateX(0)}.sidebar ul{list-style:none;margin:0;padding:14px 8px}.menu-item,.sidebar ul li a{align-items:center;border-radius:12px;color:#eaeaf2;display:flex;gap:12px;padding:12px 16px;pointer-events:auto;text-decoration:none;touch-action:manipulation;transition:background .2s ease,transform .15s ease}.menu-item:hover,.sidebar ul li a:hover{background:#ffffff14;transform:translateX(3px)}.sidebar ul li a.active{background:linear-gradient(135deg,#2aa2a8,#4ccfd1);background:linear-gradient(135deg,var(--accent),#4ccfd1);color:#0f172a;font-weight:600}.icon{width:18px}.menu-text{font-size:.92rem}.expand-icon{font-size:.8rem;margin-left:auto;opacity:.8}.submenu{padding-left:14px}.submenu a{font-size:.88rem;opacity:.9}.content{margin-top:64px;margin-top:var(--header-h);padding:24px;transition:margin-left .3s ease}.backdrop{background:#00000073;inset:64px 0 0 0;inset:calc(var(--header-h)) 0 0 0;position:fixed;z-index:900}@media (min-width:1024px){.content{margin-left:260px;margin-left:var(--sidebar-w)}.menu-btn{display:none}}@media (max-width:1023px){.menu-btn{align-items:center;display:inline-flex;justify-content:center}.user-name{display:none}}.auth-container{align-items:center;background-color:#00000080;background-image:url(/static/media/abcd.06a96a024408f85dd2fb.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100%}.auth-box{background-color:#fff;border-radius:8px;box-shadow:0 0 15px #0000004d;max-width:400px;padding:30px;text-align:center;width:100%}.auth-form{align-items:center;display:flex;flex-direction:column}.auth-form label{color:#555;display:block;font-size:14px;margin-bottom:8px}.auth-form input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.auth-form button{background-color:#0e0b59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.auth-form button:hover{background-color:#45a049}.success-message{color:#0aa1c7;margin-top:20px}.success-message h3{margin-bottom:10px}.ok{background-color:#0e0b59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.dashboard{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:20px auto;max-width:1200px;padding:20px}h1{color:#333;margin-bottom:20px;text-align:center}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;text-align:center;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 10px #0003}.card h3{color:#555;margin-bottom:10px}.card p{color:#777;margin-bottom:20px}button{background-color:#10b79e;transition:background-color .3s ease}button:hover{background-color:#0056b3}body{background-color:#f4f4f9;margin:0;padding:0}.add-employee-modal{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;left:50%;max-width:700px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.modal-content{padding:20px}h2{margin-bottom:20px}.form-grid{grid-gap:15px;gap:15px}label{color:#555;font-weight:700;margin-bottom:5px}input,select,textarea{border:1px solid #ddd;border-radius:5px;padding:10px}textarea{resize:none}button{border-radius:5px;font-size:16px;padding:10px 20px}.btn-primary{background-color:#007bff;color:#fff}.btn-secondary{background-color:#ddd;color:#333}button:hover{opacity:.9}.overview1-container{padding:20px}.overview1-header h1{color:#304674;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.service-area{display:flex;justify-content:center;width:100%}.service-tiles{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1200px;width:100%}.quicklink-card{background:#fff;border-radius:12px!important;box-shadow:0 4px 12px #0000000d;padding:10px;transition:transform .2s ease,box-shadow .2s ease}.quicklink-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.quicklink-card ul{list-style:none;margin-top:10px;padding-left:0}.quicklink-card li{margin:10px 0}.quicklink-card a{color:#1890ff;font-weight:500;text-decoration:none;transition:color .2s ease}.quicklink-card a:hover{color:#096dd9;text-decoration:underline}@media (max-width:600px){.overview1-header h1{font-size:22px}.service-tiles{gap:15px;grid-template-columns:1fr}.quicklink-card{padding:15px}}@media (min-width:1200px){.service-tiles{gap:25px;grid-template-columns:repeat(4,1fr)}.quicklink-card{padding:20px}}.dashboard-container{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin-top:auto;overflow-x:scroll;overflow-y:auto;scrollbar-width:none}.profile-card1{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;justify-content:space-between;max-width:1200px;padding:20px;width:90%}.profile-card1,.profile-info{align-items:center;display:flex}.profile-pic{border:2px solid #ddd;border-radius:50%;height:100px;margin-right:20px;width:100px}.text-info1 p{margin:5px 0;max-width:300px}.text-info1 h2{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-meta{margin:5px 0;max-width:300px;text-align:center}.dashboard-tiles{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px;max-width:1200px;width:90%}.tile1{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;min-height:250px;min-width:300px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.tile:hover{box-shadow:0 6px 12px #00000026}.tile-header{background:#004085;border-radius:5px 5px 0 0;font-size:18px}.leave-stats p{border-bottom:1px solid #ddd;display:flex;font-size:16px;justify-content:space-between;padding:8px 0}.leave-stats span{color:#004085;font-weight:700}.leave-stats .green{color:#28a745}@media (max-width:768px){.profile-card1,.profile-info{flex-direction:column;text-align:center}.profile-pic{margin-bottom:10px}.profile-meta{margin-top:10px;text-align:center}.dashboard-tiles{grid-template-columns:1fr}.active-menu-item{background-color:#007bff;color:#fff}}.leave-tile{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px;text-align:center}.tile-header{background-color:#0b3b70;border-radius:8px 8px 0 0;color:#fff;font-weight:700;padding:10px;text-align:center}.tile-body{display:flex;flex-direction:column;flex-grow:1}.leave-grid,.tile-body{align-items:center;justify-content:center}.leave-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;text-align:center}.leave-item{border-right:2px solid #ccc;padding:10px}.leave-item:last-child,.leave-item:nth-child(2){border-right:none}.leave-count{color:#333;font-size:24px;font-weight:700}.green{color:green}.service-text{font-size:16px}.service-number{color:#223555;font-size:20px;font-weight:700}.announcement-page{background:linear-gradient(135deg,#f4f7fb,#eef2f7);margin:auto;max-width:1200px;min-height:100vh;padding:24px 16px}.page-title{color:#1f2d5a;font-size:30px;letter-spacing:.5px;margin-bottom:30px}.table-wrapper{width:100%}.announcement-table{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-collapse:initial;border-radius:14px;border-spacing:0;box-shadow:0 12px 30px #00000014;min-width:650px;overflow:hidden;width:100%}.announcement-table thead{background:linear-gradient(135deg,#304674,#1f2d5a);color:#fff}.announcement-table th{font-size:15px;font-weight:600;letter-spacing:.6px;padding:16px;text-align:center;text-transform:uppercase}.announcement-table td{border-bottom:1px solid #e6e9f0;color:#2d3748;font-size:15px;padding:15px;text-align:center}.announcement-table tbody tr{transition:background .25s ease}.announcement-table tbody tr:hover{background:linear-gradient(90deg,#f6f9ff,#fff)}.announcement-table td:first-child{color:#304674;font-weight:600}.view-btn{background:linear-gradient(135deg,#118a7c,#0c6f63);border-radius:22px;box-shadow:0 6px 15px #118a7c4d;font-size:14px;font-weight:500;padding:9px 22px;transition:all .25s ease}.view-btn:hover{background:linear-gradient(135deg,#0c6f63,#118a7c);transform:translateY(-1px)}.announcement-table tbody tr td[colspan]{color:#718096;font-size:16px;font-style:italic;padding:40px}@media (max-width:768px){.announcement-page{padding:16px 12px}.announcement-table{background:#0000;box-shadow:none;min-width:0;min-width:auto}.announcement-table thead{display:none}.announcement-table,.announcement-table tbody,.announcement-table td,.announcement-table tr{display:block;width:100%}.announcement-table tbody tr{background:#fff;border-radius:14px;box-shadow:0 8px 18px #0000000f;margin-bottom:16px;padding:14px}.announcement-table td{border:none;display:flex;font-size:14px;justify-content:space-between;padding:10px 6px}.announcement-table td:before{color:#304674;content:attr(data-label);font-weight:600}.view-btn{margin-top:8px;width:100%}}.holiday1-container{height:100%;margin:auto;overflow:hidden;padding:20px;text-align:center;width:100%}.holiday1-title{color:#1d28bb;font-size:24px;font-weight:700;margin-bottom:20px}.holiday1-table-wrapper{border-radius:8px;box-shadow:0 4px 12px #0000000d;max-height:700px;overflow-x:auto;overflow-y:auto}.holiday1-table{border-collapse:collapse;font-size:15px;margin-top:10px;min-width:500px;width:100%}.holiday1-table td,.holiday1-table th{border:1px solid #ccc;padding:12px;text-align:center;white-space:nowrap}.holiday1-table thead{background-color:#304674!important;color:#fff!important;letter-spacing:.5px;text-transform:uppercase}.holiday1-table tbody tr:nth-child(odd){background-color:#f9f9f9}.holiday1-table td:first-child,.holiday1-table th:first-child{min-width:70px}.holiday1-table td:nth-child(2),.holiday1-table th:nth-child(2){max-width:300px;overflow:hidden;text-overflow:ellipsis}.highlight-upcoming{background-color:#e7f3ff!important}@media (max-width:768px){.holiday1-title{font-size:20px}.holiday1-table{font-size:14px;min-width:400px}.holiday1-table td,.holiday1-table th{padding:8px}}@media (max-width:480px){.holiday1-container{padding:10px}.holiday1-table{font-size:13px;min-width:350px}.holiday1-table-wrapper{max-height:400px}.holiday1-table td,.holiday1-table th{padding:6px}}.policy-container{height:95%;margin:10px auto;overflow:hidden;text-align:center;width:95%}.policy-container h2{color:#223555;font-size:26px;font-weight:700;margin-bottom:20px}.policy-table-wrapper{border-radius:8px;box-shadow:0 4px 12px #0000000d;max-height:800px;overflow-x:auto;overflow-y:auto}.policy-table{border-collapse:collapse;font-size:15px;min-width:600px;width:100%}.policy-table td,.policy-table th{font-size:14px;line-height:1.2;padding:6px 8px}.policy-table th{background-color:#304674;color:#fff;letter-spacing:.5px;text-transform:uppercase}.policy-table td{background-color:#fafafa}.viewButton{background-color:#304674!important;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s ease,transform .2s ease}.viewButton:hover{background-color:#223555!important;transform:translateY(-2px)}@media (max-width:768px){.policy-container h2{font-size:22px}.policy-table{font-size:14px}.policy-table td,.policy-table th{padding:8px}.viewButton{font-size:13px;padding:5px 8px}}@media (max-width:480px){.policy-container{margin:10px}.policy-table{font-size:13px;min-width:450px}.policy-table-wrapper{max-height:400px}}.back26-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:2px;padding:8px 14px;transition:background-color .2s ease-in-out}.back26-button:hover{background-color:#0056b3}.employee-container{margin:0 auto;max-width:1200px;padding:20px;text-align:center;width:100%}h2{color:#333;font-size:24px;margin-bottom:30px}.tile-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;margin:0 auto;width:100%}.tile{align-items:center;background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 6px #0b9b911a;display:flex;flex-direction:column;padding:30px 20px;transition:transform .2s ease,box-shadow .2s ease}.tile:hover{box-shadow:0 6px 12px #0b9b9126;transform:translateY(-5px)}.profile-image{border-radius:50%;height:100px;margin-bottom:15px;overflow:hidden;width:100px}.profile-image img{height:100%;object-fit:cover;width:100%}.tile-info{text-align:center}.tile-info h2{font-size:1.2rem;margin-bottom:5px}.tile-info h3{color:#444;font-size:1rem;margin-bottom:4px}p{font-size:.85rem;margin-bottom:5px;max-width:300px;overflow-wrap:break-word}.error,.loading{margin:20px;text-align:center}@media (max-width:600px){.employee-container h2{font-size:1.5rem}.tile{padding:20px 15px}.profile-image{height:80px;width:80px}.tile-info h2{font-size:1rem}.tile-info h3{font-size:.9rem}}@media (min-width:1200px){.tile-container{grid-template-columns:repeat(2,1fr);justify-content:center}}.session-modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.session-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;max-width:400px;padding:20px 30px;text-align:center}.session-modal h2{color:#d9534f;margin-bottom:10px}.session-modal button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.session-modal button:hover{background:#0056b3}.employee-list{border-radius:10px;font-family:Segoe UI,Arial,sans-serif;margin:20px auto;max-width:1200px;padding:16px}.employee-list h2{color:#304674;font-size:1.6rem;margin-bottom:20px;text-align:center}.department-selection{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.department-selection label{color:#333;font-size:16px;font-weight:500}.department-selection select{border:1px solid #ccc;border-radius:6px;font-size:14px;min-width:200px;outline:none;padding:8px 12px;transition:border-color .3s}.department-selection select:focus{border-color:#304674}.hr-manager-row{align-items:center;background-color:#eef2f7;border-radius:8px;color:#333;display:flex;font-size:15px;justify-content:space-between;margin:16px 0;padding:12px 16px}.hr-manager-row .left{font-weight:500;text-align:left}.hr-manager-row .right{font-weight:500;text-align:right}.employee-table{font-size:14px;margin-top:20px}.employee-table td,.employee-table th{padding:10px}.employee-table th{font-weight:600}.employee-table tr:nth-child(2n){background-color:#f9f9f9}.employee-table tr:hover{background-color:#f1f5fb}@media (max-width:768px){.department-selection{align-items:stretch;flex-direction:column}.department-selection select{width:100%}.hr-manager-row{flex-direction:column;gap:6px;text-align:left}.hr-manager-row .right{text-align:left}.employee-table td,.employee-table th{font-size:13px;padding:8px}}@media (max-width:480px){.employee-list{padding:12px}.employee-list h2{font-size:1.3rem}.employee-table td,.employee-table th{font-size:12px;padding:6px;word-break:break-word}}.roster-page{align-items:center;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 5px #0000001a;font-family:Arial,sans-serif;margin:30px auto;padding:20px;text-align:center;width:100%}.roster-page h2{color:#333;font-size:24px;margin-bottom:20px}.filters{align-items:center;gap:15px;margin-bottom:20px}.filters,.filters label{display:flex;flex-direction:column}.filters label{align-items:flex-start;color:#555;font-size:16px}.filters input,.filters select{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-top:5px;max-width:250px;padding:8px;width:100%}.filters button{background-color:#304674;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:250px}.filters button:hover{background-color:#0056b3}.no-data{font-size:14px}.roster-table{margin-top:20px}.roster-table td,.roster-table th{border:1px solid #ddd;padding:10px;text-align:center}.roster-table th{background-color:#f2f2f2;font-weight:700}.roster-table .filled{background-color:#e0f7fa}.notes{color:#555;font-size:14px;margin-top:20px;text-align:left}.notes h3{color:#333;font-size:16px;margin-bottom:5px}.profile-item{align-items:center;background-color:#f2f2f2;border-radius:10px;display:flex;height:auto;justify-content:center;max-width:1200px;overflow:hidden;width:100%}.profile-item img{height:auto;object-fit:contain;width:100%}.apply-leave-form{animation:fadeIn .4s ease-in-out;background:linear-gradient(135deg,#fff,#f7f9fc);border-radius:14px;box-shadow:0 6px 20px #00000014;box-sizing:border-box;font-family:Poppins,sans-serif;margin:40px auto;max-width:550px;padding:25px 30px;width:100%}.apply-leave-form h2{color:#2c3e50;font-size:1.7rem;font-weight:600;margin-bottom:20px;text-align:center}.apply-leave-form input,.apply-leave-form select,.apply-leave-form textarea{background-color:#fff;border:1.5px solid #dce3eb;border-radius:10px;font-size:1rem;margin-bottom:12px;padding:10px 14px;transition:all .2s ease-in-out;width:100%}.apply-leave-form input:focus,.apply-leave-form select:focus,.apply-leave-form textarea:focus{border-color:#007bff;box-shadow:0 0 6px #007bff4d;outline:none}.leave-notice{color:#c82333;font-size:.95rem;font-weight:500;margin-top:10px;text-align:center}.form-actions{flex-wrap:wrap;gap:12px;justify-content:center;margin-top:15px}.cancel-btn,.submit-btn23{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s ease-in-out}.submit-btn23{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.submit-btn23:hover{background:linear-gradient(135deg,#0056b3,#003f88);transform:translateY(-2px)}.submit-btn23:disabled{background:#b0c4de;cursor:not-allowed;opacity:.7;transform:none}.cancel-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#5a6268,#343a40);transform:translateY(-2px)}.modal17-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal17-content{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000026;max-width:400px;padding:25px 30px;text-align:center;width:90%}.modal17-content h3{color:#2c3e50;font-size:1.2rem;line-height:1.5;margin-bottom:20px}.close17-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.close17-btn:hover{background:linear-gradient(135deg,#0056b3,#003f88)}@media (max-width:768px){.apply-leave-form{margin:20px;padding:20px}.apply-leave-form h2{font-size:1.5rem}.form-actions{flex-direction:column;gap:10px}}@media (max-width:480px){.apply-leave-form{margin:15px;padding:15px}.apply-leave-form h2{font-size:1.3rem}.apply-leave-form input,.apply-leave-form select,.apply-leave-form textarea{font-size:.9rem;padding:8px 12px}.cancel-btn,.submit-btn23{font-size:.95rem;padding:10px}}.edit-profile-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:0 auto;padding:20px;width:800px}.edit-profile-container h2{text-align:center}.edit-profile-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:8px}.form-group textarea{height:100px;resize:vertical}.form-actions{gap:10px;grid-column:span 2}.cancel-btn,.edit-btn,.submit-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.cancel-btn{background-color:#f44336}.cancel-btn:hover,.edit-btn:hover,.submit-btn:hover{opacity:.8}.error{margin-bottom:15px}.reset-password-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000f;font-family:Segoe UI,sans-serif;margin:40px auto;max-width:500px;padding:40px}.reset-password-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px}.password-input{border:1px solid #1a3d6d;border-radius:6px;padding:6px 12px}.error-text{color:#ff4d4f}.success-text{color:#52c41a;margin-bottom:10px}.form-actions{margin-top:20px}.reset-btn{background-color:#7d7d7d;border:none;color:#fff}.reset-btn,.submit-btn{font-weight:700;padding:8px 24px}.submit-btn{background-color:#002c5f}.ant-modal-content{border-radius:12px!important;box-shadow:0 8px 24px #0000001f;font-family:Segoe UI,sans-serif;padding:24px!important}.ant-modal-confirm .ant-modal-confirm-title{color:#1a3d6d;font-size:18px;font-weight:600}.ant-modal-confirm .ant-modal-confirm-content{color:#444;font-size:15px;margin-top:10px}.ant-modal-confirm .ant-btn{border-radius:6px;font-weight:500;padding:6px 16px}.ant-modal-confirm .ant-btn-primary{background-color:#002c5f;border-color:#002c5f}.ant-modal-confirm .ant-btn-default{background-color:#7d7d7d;border:none;color:#fff}.container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin:50px auto;max-width:400px}.container h2{color:#333;margin-bottom:20px;text-align:center}.message{border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px}.message.error{background-color:#ffe6e6;border:1px solid #b00020;color:#b00020}.message.success{background-color:#e8f5e9;border:1px solid #2e7d32;color:#2e7d32}form label{color:#555;display:block;font-weight:700;margin-bottom:5px}form input,form select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:10px;width:100%}form input:focus,form select:focus{border-color:#007bff;outline:none}form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}form button:hover{background-color:#0056b3}form div{margin-bottom:10px}form select{cursor:pointer}.profile-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000f;color:#333;font-family:Segoe UI,Arial,sans-serif;margin:40px auto;max-width:960px;padding:32px 40px}.profile-container h2{border-left:5px solid #002c5f;color:#002c5f;font-size:20px;margin-bottom:16px;padding-left:12px}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.cancel-btn,.edit-btn,.save-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-left:8px;padding:6px 12px;transition:all .2s ease-in-out}.edit-btn:hover{background-color:#0056b3}.save-btn{background-color:#28a745}.save-btn:hover{background-color:#1e7e34}.cancel-btn{background-color:#dc3545}.cancel-btn:hover{background-color:#a71d2a}.success-message{font-weight:600;margin:10px 0 20px;text-align:center}.profile-details{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.profile-section{background-color:#f6f9fc;border:1px solid #e0e0e0;border-radius:8px;flex:1 1 48%;margin-bottom:24px;min-width:280px;padding:16px}.profile-section h3{border-bottom:2px solid #002c5f;color:#002c5f;font-size:17px;margin-bottom:12px;padding-bottom:6px}.profile-row{align-items:center;border-bottom:1px dashed #ccc;display:flex;font-size:15px;justify-content:space-between;margin:10px 0;padding-bottom:6px}.profile-row:last-child{border-bottom:none}.profile-row strong{color:#002c5f;font-weight:600;width:40%}.profile-row span{color:#444;font-weight:500;min-width:200px;text-align:right}input,textarea{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;font-size:14px;outline:none;padding:6px;transition:border-color .3s ease-in-out;width:60%}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 3px #007bff4d}.profile-row.address span{color:#333;display:block;text-align:right;white-space:pre-line}@media (max-width:768px){.profile-details,.profile-row{flex-direction:column}.profile-row{align-items:flex-start;border-bottom:1px solid #e0e0e0}.profile-row strong{margin-bottom:4px;width:100%}.profile-row span,input,textarea{margin-top:4px;min-width:0;min-width:auto;text-align:left;width:100%}.profile-section{flex:1 1 100%}.profile-header{align-items:flex-start;flex-direction:column}.cancel-btn,.edit-btn,.save-btn{margin-top:8px}}.salary-slip-page{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000f;font-family:Segoe UI,sans-serif;margin:40px auto;max-width:640px;padding:32px 36px;transition:all .3s ease}.salary-slip-page h2{border-bottom:2px solid #eee;color:#2c3e50;font-size:26px;margin-bottom:28px;padding-bottom:12px;text-align:center}.filters-row{display:flex;flex-direction:column;gap:22px;margin-bottom:30px;max-width:640px}.month-row{display:flex;flex-wrap:wrap;gap:20px}.month-row label{flex:1 1;min-width:200px}.filters-row>label,.month-row label{color:#333;display:flex;flex-direction:column;font-weight:600}.filters-row>label{font-size:16px}.filters-row>label[for=reason]{width:100%}.filters-row select,.filters-row textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;font-family:Segoe UI,sans-serif;font-size:15px;margin-top:8px;padding:10px 12px;transition:all .3s ease}.filters-row select:focus,.filters-row textarea:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.filters-row textarea{min-height:100px;resize:vertical;width:100%}.filters-row button{align-self:center;background-color:#007bff!important;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 28px;transition:background-color .3s ease,transform .2s ease}.filters-row button:hover{background-color:#0056b3;transform:scale(1.03)}.error-message,.success-message{font-size:15px;font-weight:600;margin-top:20px;text-align:center}.error-message{color:#d9534f}.success-message{color:#28a745}.salary-details{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.salary-details h3{color:#007bff;font-size:20px;margin-bottom:12px}.salary-details p{color:#333;font-size:15px;margin:6px 0}@media screen and (max-width:600px){.salary-slip-page{margin:20px;padding:20px}.month-row{flex-direction:column}.filters-row select,.filters-row textarea{font-size:14px}.filters-row button{width:100%}}.dialog-overlay{background-color:#0006;height:100%;left:0;top:0;width:100%;z-index:1000}.dialog-box{background-color:#fff;border-radius:8px;box-shadow:0 0 15px #0000004d;padding:24px 30px}.dialog-box p{font-size:16px;margin-bottom:16px}.dialog-box button{background-color:#007bff;border-radius:6px;padding:8px 20px}.dialog-box button:hover{background-color:#0056b3}.status-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.status-button:hover{background-color:#0056b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7fc;color:#333;font-family:Arial,sans-serif}.container{margin:0 auto;max-width:1200px;padding:20px;width:100%}.header{padding:40px 0;text-align:center}.header h1{color:#4a90e2;font-size:2.5rem}.header p{color:#777;font-size:1.2rem}.features{margin:40px 0;text-align:center}.features h2{color:#333;font-size:2rem;margin-bottom:20px}.feature-cards{display:flex;gap:30px;justify-content:space-around}.card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;transition:transform .3s ease-in-out,box-shadow .3s ease;width:250px}.card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-10px)}.card h3{color:#4a90e2;font-size:1.5rem}.card p{color:#555;margin-top:10px}.call-to-action{background-color:#4a90e2;border-radius:10px;color:#fff;padding:40px 0;text-align:center}.call-to-action h2{font-size:2rem}.call-to-action p{font-size:1.2rem;margin-bottom:20px}.cta-button{background-color:#fff;border:none;border-radius:5px;color:#4a90e2;cursor:pointer;font-size:1rem;padding:12px 30px;transition:background-color .3s ease,transform .3s ease}.cta-button:hover{background-color:#4a90e2;color:#fff;transform:scale(1.05)}.footer{color:#777;font-size:.9rem;margin-top:40px;text-align:center}.dashboard-container{background-color:#f4f6f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:10px}.dashboard-title{color:#333;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.card-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000000f;flex:1 1;min-width:200px;padding:1rem 1.5rem;transition:transform .2s ease-in-out}.card:hover{transform:translateY(-5px)}.card h2{font-size:1.2rem;margin:0 0 .5rem}.card p{font-size:1.8rem;font-weight:700;margin:0}.card-blue{border-left:5px solid #007bff}.card-orange{border-left:5px solid #fd7e14}.card-green{border-left:5px solid #28a745}.card-red{border-left:5px solid #dc3545}.card-purple{border-left:5px solid purple}.card-teal{border-left:5px solid teal}.card-gray{border-left:5px solid gray}.card-pink{border-left:5px solid pink}.graph-container{margin-bottom:2rem}.graph-container h2{color:#444;font-size:1.4rem;margin-bottom:1rem}@media (max-width:768px){.card-grid{flex-direction:column}.card{width:100%}}.graphs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.graph-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.dashboard-subtitle{color:#304674;font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.forgot-password-container{align-items:center;background:linear-gradient(120deg,#223555,#223555);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-card{border-radius:12px;box-shadow:0 8px 25px #0000001a;padding:25px;width:380px}.reset-pass-container{align-items:center;background:linear-gradient(120deg,#223555,#223555);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-pass-card{border-radius:12px;box-shadow:0 8px 25px #0000001a;padding:25px;width:380px}.form-container{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:600px;padding:20px}h2,h3{margin-bottom:15px;text-align:center}.input-col,.input-row{display:flex;gap:10px}.input-row .ant-picker,.input-row .ant-select,.input-row input{flex:1 1;width:50%}.ant-picker,.ant-select,input{margin-bottom:10px;width:100%}.button-group{color:#007bff!important;display:flex;justify-content:space-between;margin-top:15px}.input-error{background-color:#ffe6e6;border:1px solid red!important}.form-actions{gap:16px;justify-content:flex-end;margin-top:32px}.cancel1-btn{background-color:#ff4d4f;border:none;border-radius:6px;color:#fff;font-weight:500;height:40px;transition:all .3s ease;width:100px}.cancel-btn:hover{background-color:#d9363e;transform:scale(1.05)}.create-btn{background-color:#1890ff;border:none;border-radius:6px;color:#fff;font-weight:500;height:40px;transition:all .3s ease;width:100px}.create-btn:hover{background-color:#096dd9;transform:scale(1.05)}.referral-container{align-items:center!important;font-family:Arial,sans-serif;margin-top:30px;padding:0 15px}.referral-box,.referral-container{display:flex;flex-direction:column;width:100%}.referral-box{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;max-width:600px;padding:40px 50px;text-align:center}.referral-box h2{color:#1d3557;margin-bottom:20px}.referral-form{display:flex;flex-direction:column;gap:15px;width:100%}.form-row{flex-wrap:wrap;gap:10px}.form-row input{border:1px solid #304674;border-radius:5px;flex:1 1;font-size:15px;min-width:0;outline:none;padding:10px}.form-row input:focus{border-color:#2aa2a8;box-shadow:0 0 4px #2aa2a866}input[type=file]{display:none}.custom-file-upload{background:#304674;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:10px 14px;text-align:center;transition:background .2s ease}.custom-file-upload:hover{background:#2aa2a8}.file-name{color:#555;font-size:14px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-container{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.referral-form button{background:#304674;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:100%}.referral-form button:hover{background:#2aa2a8}.submit-btn22{background:#07c!important;border:none;border-radius:8px;box-shadow:0 4px 12px #0077cc4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-width:140px;padding:12px 20px;transition:all .3s ease;width:auto}.submit-btn22:hover{background:linear-gradient(135deg,#07c,#005fa3);box-shadow:0 6px 16px #07c6;transform:translateY(-2px)}.submit-btn22:active{box-shadow:0 2px 6px #07c3;transform:translateY(0)}.form-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.cancel-btn22{background:#f44336;border:none;border-radius:8px;box-shadow:0 4px 12px #f443364d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-width:140px;padding:12px 20px;transition:all .3s ease}.cancel-btn22:hover{background:linear-gradient(135deg,#f44336,#c62828);box-shadow:0 6px 16px #f4433666;transform:translateY(-2px)}.cancel-btn22:active{box-shadow:0 2px 6px #f4433633;transform:translateY(0)}.error-text{color:red;display:block;font-size:12px;margin-top:4px}.modal16-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal16-content{background:#fff;border-radius:10px;box-shadow:0 8px 20px #0003;max-width:400px;padding:30px 40px;text-align:center;width:90%}.modal16-content h3{color:#07c;margin-bottom:15px}.modal16-content p{color:#444;margin-bottom:20px}.modal16-close-btn{background:#07c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px;transition:background .3s ease}.modal16-close-btn:hover{background:#005fa3}@media (max-width:768px){.referral-box{padding:30px 20px}.form-row{flex-direction:column;gap:15px}.custom-file-upload{text-align:center;width:100%}.file-name{max-width:100%;text-align:center}.submit-btn22{min-width:0;min-width:auto;width:100%}.file-upload-container{align-items:stretch;flex-direction:column}}.form-row>div{display:flex;flex:1 1;flex-direction:column}.roster-container{background-color:#f9fbfd;border-radius:10px;box-shadow:0 0 10px #00000014;font-family:Segoe UI,sans-serif;margin:32px auto;max-width:1200px;padding:20px}.roster-container h2{color:#1f2937;font-size:1.4rem;margin-bottom:24px;text-align:center}.roster-controls{flex-wrap:nowrap;gap:24px;margin-bottom:24px}.roster-controls>div{align-items:center;display:flex;gap:8px}.roster-controls label{font-size:14px;white-space:nowrap}.roster-controls input[type=month],.roster-controls select{background-color:#fff;border:1px solid #cbd5e1;height:36px;min-width:200px;padding:0 12px}.roster-table-wrapper{border-radius:6px}.roster-table{min-width:760px}.roster-table th{background-color:#304674;color:#fff;font-size:14px;font-weight:600;padding:10px 8px;text-align:center;white-space:nowrap}.roster-table td{border:1px solid #d1d5db;min-width:60px;padding:8px 10px;word-break:break-word}.roster-table td:first-child,.roster-table th:first-child{background-color:#f8fafc;font-weight:600;min-width:180px;padding-left:12px;text-align:left}.wfo-cell{background-color:#d4edda;color:#166534;font-weight:600}.time{color:#1f2937;font-size:12px}.roster-error{color:#dc2626;margin-top:16px;text-align:center}@media (max-width:992px){.roster-controls{align-items:stretch;flex-direction:column;gap:14px}.roster-controls>div{justify-content:space-between;width:100%}.roster-controls input[type=month],.roster-controls select{width:220px}.roster-container h2{font-size:1.3rem}}@media (max-width:600px){.roster-container{padding:14px}.roster-container h2{font-size:1.15rem}.roster-controls input[type=month],.roster-controls select{width:100%}.roster-table td,.roster-table th{font-size:12px;padding:6px}.roster-table td:first-child,.roster-table th:first-child{min-width:140px}.time{font-size:11px}}.admin-dashboard-container{background:linear-gradient(135deg,#eef3f8,#e0ebf7);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.admin-dashboard-title{color:#1f2d3d;font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:2rem;position:relative;text-align:center}.admin-dashboard-title:after{background:#007bff;border-radius:3px;content:"";display:block;height:3px;margin:.5rem auto 0;width:80px}.admin-card-grid{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.admin-card{background:#fff;border-radius:16px;box-shadow:0 6px 15px #00000014;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.admin-card:before{border-radius:16px 0 0 16px;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.admin-card:hover{box-shadow:0 10px 20px #0000001f;transform:translateY(-8px) scale(1.02)}.admin-card h2{color:#2e3a59;font-size:1.3rem;font-weight:600;margin:0 0 .75rem}.admin-card p{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0;text-align:right}.admin-card-blue:before{background:linear-gradient(135deg,#007bff,#339cff)}.admin-card-orange:before{background:linear-gradient(135deg,#fd7e14,#ff9b42)}.admin-card-green:before{background:linear-gradient(135deg,#28a745,#55d187)}.admin-card-red:before{background:linear-gradient(135deg,#dc3545,#ff6b81)}.admin-card-purple:before{background:linear-gradient(135deg,#6f42c1,#9a73df)}.admin-card-teal:before{background:linear-gradient(135deg,#20c997,#45e1b0)}.admin-card-gray:before{background:linear-gradient(135deg,#6c757d,#a6a9ad)}.admin-card-pink:before{background:linear-gradient(135deg,#e83e8c,#ff70b6)}.admin-card-darkgreen{background:linear-gradient(135deg,#1b5e20,#43a047);color:#fff}@media (max-width:1024px){.admin-dashboard-title{font-size:2rem}.admin-card p{font-size:1.6rem}}@media (max-width:768px){.admin-dashboard-title{font-size:1.8rem}.admin-card-grid{grid-template-columns:1fr}.admin-card{padding:1.2rem}.admin-card h2{font-size:1.1rem}.admin-card p{font-size:1.5rem}}.resignation-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px auto;max-width:650px;padding:28px 30px}.resignation-form-container h2{color:#1f3a5f;font-size:1.9rem;font-weight:700;margin-bottom:28px;text-align:center}.resignation-form{display:flex;flex-direction:column;gap:18px}.date-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.form-group input,.form-group textarea{font-family:inherit;transition:all .25s ease}.form-group input:disabled,.form-group textarea:disabled{background-color:#f3f4f6}.warning{font-size:.95rem;margin:15px 0}.message{margin:16px 0}.resignation-form button{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:all .25s ease;width:100%}.resignation-form button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e3a8a);transform:translateY(-1px)}.resignation-form button:disabled{background:#9ca3af;cursor:not-allowed}.resignation-status{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin:28px auto 0;max-width:520px;padding:18px 20px;text-align:center}.resignation-status h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:10px}.resignation-status p{font-size:1rem;margin:0}.status-badge{border-radius:999px;display:inline-block;font-size:.9rem;font-weight:600;padding:6px 16px}.status-pending{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.status-approved{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-rejected{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.dialog-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.dialog-box{animation:fadeIn .25s ease;background:#fff;border-radius:14px;box-shadow:0 10px 30px #0003;max-width:420px;padding:28px 32px;text-align:center;width:90%}.dialog-box p{color:#1f2937;font-size:1rem;margin-bottom:20px}.dialog-box button{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 18px;transition:background .2s ease}.dialog-box button:hover{background:#16a34a}@media (max-width:640px){.resignation-form-container{margin:12px;padding:16px}.resignation-form-container h2{font-size:1.4rem}.date-row{grid-template-columns:1fr}.form-group input,.form-group textarea{font-size:.95rem}}.policy-view-container{background-color:#f9f9f9;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.back-button{background-color:#007bff;border-radius:4px;font-size:16px;margin-bottom:10px;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.back-button:hover{background-color:#0056b3;transform:translateY(-2px)}.pdf-viewer{border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 10px #0000001a;height:600px;margin-top:20px;overflow:hidden}.pdf-viewer iframe{border:none;height:100%;overflow:hidden;scrollbar-width:none;transform:scale(1);transform-origin:top left;width:100%}.pdf-viewer iframe::-webkit-scrollbar{display:none}.announcement-detail-container{margin-top:30px;width:100%}.announcement-box,.announcement-detail-container{align-items:center;display:flex;flex-direction:column}.announcement-box{background-color:#fff;border-radius:16px;box-shadow:0 8px 20px #0000001a;justify-content:center;max-width:800px;padding:50px;position:relative;text-align:center;width:60%}.announcement-date,.announcement-details{color:#555;font-weight:600;margin-top:16px;text-align:center}.announcement-details{background-color:#f1f5f9;border-radius:8px;margin-bottom:24px;padding:16px;width:100%}.back-button{align-self:center;background-color:#304674!important;border:none;border-radius:8px;color:#fff;cursor:pointer;height:50px;margin-bottom:16px;margin-top:auto;padding:12px 24px;transition:background-color .3s;width:150px}.back-button:hover{background-color:#128ea7}.apply-wfh{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:5px auto;max-width:620px;padding:2.2rem}.apply-wfh h2{color:#1e3a8a;font-size:26px;font-weight:700;margin-bottom:2rem;text-align:center}.form-row{display:flex;gap:1rem;margin-bottom:1.2rem}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;font-family:Poppins,sans-serif;font-size:15px;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.form-group input:disabled,.form-group textarea:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.form-group textarea{line-height:1.5;min-height:120px;resize:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-size:14px}.warning{background:#fff7ed;border-left:5px solid #f59e0b;color:#92400e;font-weight:500;margin:1rem 0;text-align:center}.message,.warning{border-radius:10px;padding:14px 16px}.message{margin:1.2rem 0}.message.success{background:#dcfce7;border-left:5px solid #22c55e;color:#166534}.message.error{background:#fee2e2;border-left:5px solid #ef4444;color:#991b1b}.apply-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .25s ease;width:100%}.apply-btn:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-1px)}.apply-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:640px){.apply-wfh{padding:1.5rem}.form-row{flex-direction:column}}.leave-history-container{background-color:#f3f6fb;margin:30px auto;max-width:1200px;padding:24px}.leave-history-container h2{color:#1f2937;font-size:26px;font-weight:600;margin-bottom:24px}.tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}.tabs button{background:#e5e7eb;border:none;border-radius:999px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .25s ease}.tabs button:hover{background:#d1d5db}.tabs button.active{background:#10b981;box-shadow:0 6px 16px #10b98159;color:#fff}.leave-summary-tiles{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.leave-summary-tiles,.leave-summary-tiles.center{justify-content:center}.modern-tile{background:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014;max-width:260px;min-width:220px;padding:20px 24px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.modern-tile:hover{box-shadow:0 14px 30px #0000001f;transform:translateY(-6px)}.modern-tile h3{color:#374151;font-size:16px;font-weight:600;margin:0}.modern-tile p{color:#047857;font-size:15px;font-weight:700;margin-top:10px}.no-records{color:#6b7280}.filter-controls{margin-bottom:24px}.filter-controls select{background-color:#eff6ff;border:1px solid #2563eb;border-radius:8px;color:#2563eb;padding:9px 14px}.filter-controls select:focus{background:#e0edff;border-color:#1d4ed8}.leave-table{background:#fff;border-collapse:collapse;border-radius:14px;box-shadow:0 10px 25px #00000014;overflow:hidden;width:100%}.leave-table td,.leave-table th{border-bottom:1px solid #e5e7eb;font-size:14px;padding:14px 16px;text-align:center}.leave-table th{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-weight:600}.leave-table tr:hover{background-color:#f1f5f9}.status.approved{color:#047857}.status.rejected{color:#dc2626}.status.pending{color:#d97706}@media (max-width:768px){.leave-table{display:block;overflow-x:auto;white-space:nowrap}.leave-history-container{padding:18px}.leave-history-container h2{font-size:22px}.modern-tile{min-width:100%}}@media (max-width:480px){.filter-controls select{width:100%}.modern-tile h3{font-size:15px}.modern-tile p{font-size:14px}}.leave-summary-container{background:#f6f8fb;border-radius:16px;margin:40px auto;max-width:1100px;padding:24px;width:100%}.leave-summary-container h2{color:#1f2937;font-size:26px;font-weight:600;margin-bottom:28px;text-align:center}.summary-tiles{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-content:center}.tile{background:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014;padding:22px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.tile:hover{box-shadow:0 14px 30px #0000001f;transform:translateY(-6px)}.tile h3{color:#374151;font-size:17px;font-weight:600;margin-bottom:14px}.tile p{color:#4b5563;font-size:14px;margin:6px 0}.remaining{background:#d1fae5;border-radius:12px;color:#065f46;display:inline-block;font-size:13px;font-weight:600;margin-left:6px;padding:2px 8px}.total-tile{background:linear-gradient(135deg,#ecfdf5,#fff);border:2px solid #10b981}.total-tile h3{color:#047857}.error{color:#dc2626;font-weight:600;margin-top:20px;text-align:center}@media (max-width:640px){.summary-tiles{grid-template-columns:1fr}.tile{padding:18px}.tile h3{font-size:16px}}.leave-history-container{background-color:#f0f4f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.leave-history-container h2{color:#2c3e50;margin-bottom:20px;text-align:center}.error{font-weight:700}.no-records{color:#555;font-style:italic;margin-top:15px;text-align:center}.leave-table1{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 0 10px #0000001a;overflow:hidden;width:100%}.leave-table1 td,.leave-table1 th{border-bottom:1px solid #e0e0e0;font-size:.95rem;padding:12px 16px;text-align:center!important}.leave-table1 th{background-color:#304674;color:#fff;font-size:1rem}.leave-table1 tr:hover{background-color:#f1f1f1}.status{font-weight:700}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}.filter-controls select{background-color:#f0f8ff;border:1px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-size:14px;min-width:150px;outline:none;padding:8px 14px}.filter-controls select:focus{border-color:#0056b3}@media (max-width:768px){.leave-history-container{padding:20px}.leave-table1 td,.leave-table1 th{font-size:.9rem;padding:10px 12px}.filter-controls{gap:10px}}@media (max-width:480px){.leave-history-container{padding:15px}.leave-history-container h2{font-size:1.3rem}.leave-history-container{overflow-x:auto}.leave-table1{font-size:.85rem;min-width:500px}.leave-table1 td,.leave-table1 th{padding:8px 10px}.filter-controls{align-items:stretch;flex-direction:column;gap:8px}.filter-controls select{width:100%}}.leave-dashboard{font-family:Arial,sans-serif;padding:2rem}.leave-dashboard h2,.leave-dashboard h3{color:#333}table{border-collapse:collapse;margin-bottom:2rem;width:100%}td,th{border:2px solid #ccc;padding:.75rem;text-align:center}.btn-approve{background-color:#28a745!important;margin-right:.5rem;max-width:100px;padding:.5rem 1.2rem;transition:all .3s ease}.btn-approve:hover{background-color:#218838!important;transform:scale(1.05)}.btn-reject{background-color:#dc3545!important;font-size:.9rem;font-weight:500;max-width:100px;padding:.5rem 1.2rem;transition:all .3s ease}.btn-reject:hover{background-color:#c82333!important;transform:scale(1.05)}ul{list-style:none;padding:0}ul li{padding:.5rem 0}.modal12-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:9999}.modal12-content{background:#fff;border-radius:12px;box-sizing:border-box;max-height:90vh;max-width:420px;overflow-y:auto;padding:20px;text-align:center;width:100%}.modal12-content h3{font-size:18px;margin-bottom:12px}.modal12-content p{font-size:14px;line-height:1.5}.modal12-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.btn12-cancel,.btn12-confirm{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;min-width:120px;padding:10px}.btn12-confirm{background-color:#28a745;color:#fff}.btn12-cancel{background-color:#dc3545;color:#fff}@media (max-width:480px){.modal12-content{max-width:100%;padding:16px}.modal12-buttons{flex-direction:column}.btn12-cancel,.btn12-confirm{width:100%}}.leave-table3{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.leave-table3 thead{background-color:#304674;color:#fff}.leave-table3 td,.leave-table3 th{border-bottom:1px solid #eaeaea;font-size:14px;padding:12px 16px;text-align:left}.leave-table3 td:last-child{white-space:nowrap}.leave-dashboard{background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.leave-dashboard h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.filters-row1{align-items:centerl;flex-wrap:nowrap}.filters-row1 .btn2-download{background-color:#2e86de;border:none;color:#fff;cursor:pointer}.filters-row1 .btn2-download:hover{background-color:#1b4f72}.leave-table2{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.leave-table2 thead{background-color:#304674;color:#fff}.leave-table2 td,.leave-table2 th{border-bottom:1px solid #eaeaea;font-size:14px;padding:12px 16px;text-align:left}.leave-table2 td:last-child{white-space:nowrap}.request-tiles11{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:20px 0}.tile11{border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#fff;flex:1 1 140px;font-weight:700;min-width:140px;padding:16px 24px;text-align:center}.tile11.total{background-color:#555}.tile11.pending{background-color:#f39c12}.tile11.approved{background-color:#27ae60}.tile11.rejected{background-color:#c0392b}.wfh-dashboard{background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.wfh-dashboard h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.filters-row1{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.filters-row1 button,.filters-row1 input,.filters-row1 select{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px 14px;white-space:nowrap}.filters-row1 input{width:180px}.filters-row1 select{width:160px}.btn2-download{background-color:#2e86de;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;height:40px;padding:10px 16px;white-space:nowrap;width:140px}.btn2-download:hover{background-color:#1b4f72}.filters-row1 input:focus,.filters-row1 select:focus{border-color:#007bff;outline:none}.request-tiles12{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:20px 0}.tile12{border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#fff;flex:1 1 140px;font-weight:700;min-width:140px;padding:16px 24px;text-align:center}.tile12.total{background-color:#555}.tile12.pending{background-color:#f39c12}.tile12.approved{background-color:#27ae60}.tile12.rejected{background-color:#c0392b}.table-container{overflow-x:auto}.leave-table4{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:800px;overflow:hidden;width:100%}.leave-table4 thead{background-color:#304674;color:#fff}.leave-table4 td,.leave-table4 th{border-bottom:1px solid #eaeaea;font-size:14px;padding:12px 16px;text-align:left}.leave-table4 td:last-child{white-space:nowrap}@media (max-width:768px){.filters-row1 button,.filters-row1 input,.filters-row1 select{flex:1 1 100%;width:auto}.leave-table4 td,.leave-table4 th{font-size:12px;padding:8px 10px}.tile12{font-size:13px;padding:12px 16px}}@media (max-width:480px){.filters-row1{flex-direction:column;gap:10px}.btn2-download{width:100%}}.modal15-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal15-content{background:#fff;border-radius:10px;max-width:400px;padding:20px 30px;text-align:center;width:100%}.modal15-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.btn15-confirm{background-color:#28a745;color:#fff}.btn15-cancel,.btn15-confirm{border:none;border-radius:6px;cursor:pointer;padding:8px 16px}.btn15-cancel{background-color:#ccc}.employee-table-container{background-color:#f7f9fc;font-family:sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.header-with-button{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;width:100%}.header-with-button h2{color:#304674;flex:1 1;font-size:24px;margin:0;text-align:center}.add-btn1{background-color:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.add-btn1:hover{background-color:#c62828;transform:scale(1.05)}.filters1{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.filters1 input,.filters1 select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:42px;padding:6px 10px;width:250px}.employee-table{background-color:#fff;border:1px solid #ddd;border-collapse:collapse;width:100%}.employee-table td,.employee-table th{border:1px solid #ddd;padding:8px;text-align:center}.employee-table th{background-color:#304674;color:#fff}button{background-color:#1976d2;border-radius:4px;color:#fff;margin:2px 4px;min-width:80px;transition:background-color .2s ease}button:hover{background-color:#145ea8}.modal-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:1000}.modal-content{animation:modalFade .25s ease;background:#fff;border-radius:12px;box-shadow:0 12px 30px #00000026;max-height:90vh;max-width:95%;overflow-y:auto;padding:24px 30px;width:900px}.modal-content h3{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.details-section{margin-bottom:24px}.details-section h4{border-bottom:1px solid #e0e0e0;color:#1f3c88;font-size:16px;font-weight:600;margin-bottom:14px;padding-bottom:6px}.details-grid{grid-gap:14px 30px;display:grid;font-size:14px;gap:14px 30px;grid-template-columns:1fr 1fr}.details-grid div{display:flex;gap:12px;justify-content:space-between}.details-grid strong{color:#333;font-weight:600;min-width:140px}.details-grid span{color:#555;text-align:right;word-break:break-word}.details-grid .full-width{display:flex;gap:12px;grid-column:1/-1}.details-grid .full-width span{text-align:left}.modal-actions{gap:14px}.modal-actions button{border-radius:6px;font-weight:500;min-width:110px;padding:8px 18px}.modal-actions button:first-child{background:#6c757d}.modal-actions button:last-child{background:#1e78d7}.modal-content1{background:#fff;border-radius:10px;max-width:260px;padding:20px;text-align:center;width:100%}.modal-content1 h3{margin-top:0}.modal-content1 button{margin:8px}.popup-message{align-items:center;animation:fadeIn .3s ease-out;background:#4caf50;border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:14px;gap:10px;padding:12px 18px;position:fixed;right:20px;top:20px;z-index:2000}.popup-message button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.employee-table-container{padding:10px}.filters1,.header-with-button{flex-direction:column;gap:10px}.filters1 input,.filters1 select{width:100%}.employee-table{display:block;overflow-x:auto}.employee-table td,.employee-table th{font-size:12px}.details-grid{gap:10px;grid-template-columns:1fr}.details-grid div{align-items:flex-start;flex-direction:column;gap:4px}.details-grid strong{font-size:13px;min-width:auto}.details-grid span{font-size:13px;text-align:left}.details-grid .full-width{grid-column:span 1}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.notification-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:500px;padding:25px 30px}.notification-container h2{color:#333;font-size:24px;margin-bottom:25px;text-align:center}.notification-form{display:flex;flex-direction:column;gap:15px}.notification-form label{color:#555;font-weight:600;margin-bottom:5px}.notification-form input{border:1px solid #ccc;border-radius:8px;font-size:16px;padding:10px 12px;transition:border-color .3s ease}.notification-form input:focus{border-color:#007bff;outline:none}.notification-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease}.notification-form button:hover{background-color:#0056b3}.notification-message{color:green;font-weight:500;margin-top:20px;text-align:center}.create-announcement-container{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:50px auto;max-width:600px;padding:30px}.announcement-form{display:flex;flex-direction:column}.announcement-form h2{color:#333;margin-bottom:20px;text-align:center}.announcement-form label{font-weight:700;margin:10px 0 5px}.announcement-form input,.announcement-form textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.announcement-form textarea{min-height:100px;resize:vertical}.announcement-form button{background-color:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:12px}.announcement-form button:hover{background-color:#1a242f}.success-message{color:green}.error-message,.success-message{margin-bottom:10px}.salary-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000f;font-family:Segoe UI,sans-serif;margin:40px auto;max-width:1200px;padding:32px}.salary-title{color:#333;font-size:26px;margin-bottom:20px;text-align:center}.request-tiles13{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:20px 0}.tile13{border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#fff;flex:1 1 140px;font-weight:700;min-width:140px;padding:16px 24px;text-align:center}.tile13.total{background-color:#555}.tile13.pending{background-color:#f39c12}.tile13.approved{background-color:#27ae60}.tile13.rejected{background-color:#c0392b}.salary-filter{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:20px}.salary-filter label{font-size:16px;font-weight:500;white-space:nowrap}.salary-filter input,.salary-filter select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;flex:1 1 auto;font-size:14px;height:40px;min-width:160px;padding:8px 12px}.salary-table{border-collapse:collapse;font-size:15px;width:100%}.salary-table td,.salary-table th{border:1px solid #ddd;padding:10px 12px;text-align:center}.salary-table th{background-color:#304674;color:#f9f9f9}.salary-table tr:hover{background-color:#f9f9f9}.btn-approve:hover,.btn-reject:hover{opacity:.9}.error-message{color:red;margin-bottom:12px;text-align:center}@media (max-width:768px){.salary-filter input,.salary-filter select{min-width:120px}.tile13{font-size:14px;padding:12px 16px}.salary-table td,.salary-table th{font-size:13px;padding:8px 10px}}@media (max-width:480px){.salary-filter{flex-direction:column;gap:10px}.tile13{width:100%}}.announcement1-page{margin:0 auto;max-width:1200px;padding:20px}.announcement1-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow:hidden;width:100%}.announcement1-table thead{background-color:#edeef2;color:#304674}.announcement1-table td,.announcement1-table th{border-bottom:1px solid #ddd;padding:15px;text-align:center}.announcement1-table th{font-weight:700}.announcement1-table tbody tr:hover{background-color:#f4f4f4}.announcement1-table tbody tr:last-child td{border-bottom:none}.delete-btn,.view-btn{width:auto}@media (max-width:768px){.announcement1-table td,.announcement1-table th{border:2px solid #000;font-size:14px;padding:10px}.add-btn{font-size:14px;padding:6px 12px}.delete-btn,.view-btn{font-size:12px;padding:6px 10px}}.modal26-overlay{align-items:center;background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal26-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000004d;max-width:350px;padding:25px 30px;text-align:center;width:90%}.modal26-container h3{color:#333;margin-bottom:10px}.modal26-actions{display:flex;justify-content:space-around}.confirm26-btn{background:#e74c3c;color:#fff}.cancel-btn26,.confirm26-btn{border:none;border-radius:6px;cursor:pointer;padding:8px 14px}.cancel-btn26{background:#ccc;color:#000}.confirm-btn26:hover{background:#c0392b}.cancel-btn26:hover{background:#aaa}.notification-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-title{flex:1 1;font-size:28px}.add-btn{background-color:#4caf50;border-radius:4px;font-weight:700;padding:8px 15px;transition:background-color .3s ease}.add-btn:hover{background-color:#388e3c}.notification-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow:hidden;width:100%}.notification-table thead{background-color:#304674;color:#f3f5f5}.notification-table td,.notification-table th{border-bottom:1px solid #ddd;padding:15px;text-align:center}.notification-table th{font-weight:700}.notification-table tbody tr:hover{background-color:#f4f4f4}.notification-table tbody tr:last-child td{border-bottom:none}.view-btn{background-color:#118a7c!important;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .3s ease}.view-btn:hover{background-color:#2c3e50}.delete-btn{background-color:#f44336!important;padding:8px 15px;transition:background-color .3s ease}.delete-btn:hover{background-color:#c62828}@media (max-width:768px){.notification-table td,.notification-table th{border:2px solid #000;font-size:14px;padding:10px}.add-btn{font-size:14px;padding:6px 12px}.delete-btn,.view-btn{font-size:12px;padding:6px 10px}}.holiday-container{margin:auto;overflow:visible;padding:20px;text-align:center;width:100%}.holiday-header{margin-bottom:20px;position:relative}.holiday-title{color:#1d28bb;font-size:24px;font-weight:700;margin:0}.add-holiday-btn{background-color:#1d28bb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:.4rem .8rem;position:absolute;right:0;top:50%;transform:translateY(-50%);width:60px}.add-holiday-btn:hover{background-color:#304674}.holiday-table-wrapper{border-radius:8px}.holiday-table{border-collapse:collapse;font-size:14px;margin-top:10px;width:100%}.holiday-table td,.holiday-table th{border:1px solid #050505;padding:4px 6px;text-align:center;white-space:nowrap}.holiday-table thead{background-color:#304674;color:#fff}.holiday-table tbody tr:nth-child(odd){background-color:#f9f9f9}.highlight-upcoming{background-color:#e7f3ff;border-left:4px solid #007bff;font-weight:600}.delete-btn{background-color:#e74c3c;border-radius:4px;font-size:13px;padding:4px 12px}.delete-btn:hover{background-color:#c0392b}.modal-overlay45{background:#00000073;inset:0;justify-content:center;position:fixed;z-index:999}.modal-box45,.modal-overlay45{align-items:center;display:flex}.modal-box45{animation:fadeInScale .2s ease;background:#fff;border-radius:10px;flex-direction:column;padding:24px 28px;width:360px}.modal-box45 h3{color:#1d28bb;margin:0 0 12px;text-align:center}.modal-box45 p{font-size:14px;margin:0;max-width:300px;text-align:center}.modal-actions{gap:20px;justify-content:center;margin-top:24px}.modal-actions button{border-radius:4px;cursor:pointer;font-size:14px;height:36px;width:120px}.modal-cancel{background:#bdc3c7;border:none}.modal-delete{background:#e74c3c;border:none;color:#fff}.modal-delete:hover{background:#c0392b}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.add-holiday-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin:40px auto;max-width:400px;padding:20px;text-align:left}.add-holiday-container h2{color:#304674;margin-bottom:20px;text-align:center}.add-holiday-form .form-group{margin-bottom:15px}.add-holiday-form label{display:block;font-weight:500;margin-bottom:5px}.add-holiday-form input{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.submit-btn{border-radius:4px;padding:10px;width:100%}.submit-btn:hover{background-color:#203254}.message{color:#007bff;margin-top:15px}.edit-employee-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:30px auto;max-width:900px;padding:25px}h2{color:#222;font-size:2rem;margin-bottom:25px;text-align:center}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}label{color:#444;display:flex;flex-direction:column;font-size:.95rem;font-weight:500}input,select,textarea{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;margin-top:5px;padding:10px 12px;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033;outline:none}textarea{min-height:90px;resize:vertical}.weekoff-box{border:1px dashed #ccc;border-radius:8px;grid-column:1/-1;padding:15px}.weekoff-box label{font-weight:600;margin-bottom:10px}.weekoff-options{display:flex;flex-wrap:wrap;gap:12px}.weekoff-options label{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:6px}.weekoff-options input[type=checkbox]{cursor:pointer;height:16px;width:16px}.error-text{color:#e53935;font-size:.95rem;margin-bottom:10px;text-align:center}.form-actions{display:flex;flex-wrap:nowrap;gap:15px;justify-content:flex-start;margin-top:25px}button{font-weight:500;min-width:130px;padding:10px 0;transition:.3s}button[type=submit]{background-color:#4caf50;color:#fff}button[type=submit]:hover{background-color:#43a047}button[type=button]{background-color:#f44336;color:#fff}button[type=button]:hover{background-color:#e53935}.popup-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.popup-content{animation:scaleIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000040;max-width:400px;padding:30px 40px;text-align:center;width:90%}.popup-content h3{color:#4caf50;margin-bottom:15px}.popup-content button{background-color:#4caf50;border-radius:6px;color:#fff;cursor:pointer;padding:8px 20px}.popup-content button:hover{background-color:#43a047}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}button{width:100%}}.hr-review-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,sans-serif;margin:20px auto;max-width:1200px;padding:24px}.hr-review-container h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.request-tiles14{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}.tile14{border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#fff;flex:1 1 140px;font-weight:700;min-width:140px;padding:16px 24px;text-align:center}.tile14.total{background-color:#555}.tile14.pending{background-color:#f39c12}.tile14.approved{background-color:#27ae60}.tile14.rejected{background-color:#c0392b}.hr-filters1{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:20px}.hr-filters1 label{font-weight:500;white-space:nowrap}.hr-filters1 input,.hr-filters1 select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;flex:1 1 auto;height:40px;min-width:150px;padding:8px 12px}.hr-review-table{border-collapse:collapse;font-size:15px;width:100%}.hr-review-table td,.hr-review-table th{border:1px solid #ddd;padding:10px 12px;text-align:center}.hr-review-table th{background-color:#304674;color:#f9f9f9}.hr-review-table tr:hover{background-color:#f9f9f9}button{border:none;border-radius:6px;cursor:pointer;font-size:14px;margin:2px;padding:6px 12px}.btn-approve{background-color:#28a745}.btn-approve:hover{background-color:#218838}.btn-reject{background-color:#dc3545}.btn-reject:hover{background-color:#c82333}.btn-cancel{background-color:#b0b0b0;color:#222}.btn-cancel:hover{background-color:#9a9a9a}button:disabled{cursor:not-allowed;opacity:.6}.status-pending{color:#f0ad4e;font-weight:700}.status-approved{color:#28a745;font-weight:700}.status-rejected{color:#dc3545;font-weight:700}.no-data{color:#999;font-style:italic}.message{color:#333;font-weight:700;margin:12px 0}.modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.modal-box{animation:modalScale .2s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 15px 40px #00000040;max-width:90%;padding:24px;width:420px}@keyframes modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-box h3{color:#333;margin-bottom:12px}.modal-box p{color:#444;line-height:1.4;margin-bottom:12px}.info-text{color:#666;font-size:13px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}@media (max-width:768px){.hr-filters1 input,.hr-filters1 select{min-width:120px}.hr-review-table td,.hr-review-table th{font-size:13px;padding:8px 6px}.modal-box{width:95%}}@media (max-width:480px){.hr-filters1{align-items:stretch;flex-direction:column;gap:10px}}.roster-page-container{background:#f6f8fb;font-family:Inter,system-ui,sans-serif;padding:24px}.roster-page-title{color:#1f2937;font-size:22px;font-weight:600;margin-bottom:24px;text-align:center}.roster-controls{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000f;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px}.roster-controls label{color:#374151;font-weight:600}.roster-controls input[type=month],.roster-controls select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.roster-placeholder{color:#6b7280;font-size:15px;margin-top:40px;text-align:center}.roster-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000014;margin-top:24px;overflow-x:auto}.roster-table{border-collapse:collapse;border-color:#374151;min-width:900px;width:100%}.roster-table thead th{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-size:13px;padding:12px;text-transform:uppercase;top:0;z-index:3}.roster-table thead th,.sticky-col{position:-webkit-sticky;position:sticky}.sticky-col{background:#f9fafb;font-weight:600;left:0;z-index:2}thead .sticky-col{background:#1a3c78;color:#fff;z-index:4}.emp-name{color:#1f2937}.roster-table td{border:1px solid #101010;font-size:13px;padding:8px;text-align:center}.roster-table tbody tr:hover{background-color:#f3f4f6}.cell-inner{flex-direction:column;gap:6px}.cell-inner,.wfo-check{align-items:center;display:flex}.wfo-check{color:#374151;font-size:12px;gap:4px}.cell-inner select{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:4px 6px;width:100%}.roster-save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:999px;box-shadow:0 4px 10px #10b98166;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;margin:24px auto;padding:10px 28px}.roster-save-btn:hover{transform:translateY(-1px)}.message{font-weight:600;margin-top:12px;text-align:center}.awards-list-container{padding:20px;width:100%}.header-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.page-title{margin:0}.add-btn{background-color:#304674;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px;transition:.3s}.add-btn:hover{background-color:#223555}.table-wrapper{overflow-x:auto}.awards-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.awards-table td,.awards-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.awards-table th{background-color:#223555;color:#eee;font-weight:600}.no-data{color:#777;padding:20px;text-align:center}@media (max-width:768px){.page-title{font-size:20px}.add-btn{margin-top:5px;width:100%}.awards-table td,.awards-table th{font-size:14px;padding:10px}}@media (max-width:600px){.awards-table thead{display:none}.awards-table,.awards-table tbody,.awards-table td,.awards-table tr{display:block;width:100%}.awards-table tr{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:15px;padding:10px}.awards-table td{border:none;display:flex;font-size:14px;justify-content:space-between;padding:8px 10px}.awards-table td:before{color:#304674;content:attr(data-label);font-weight:700}}.delete-btn{background-color:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;transition:.3s ease}.delete-btn:hover{background-color:#c92c3c}.modal27-overlay{align-items:center;background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal27-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000004d;max-width:350px;padding:25px 30px;text-align:center;width:90%}.modal27-container h3{color:#333;margin-bottom:10px}.modal26-container p{color:#555;margin-bottom:20px}.modal27-actions{display:flex;justify-content:space-around}.confirm27-btn{background:#e74c3c;color:#fff}.cancel-btn27,.confirm27-btn{border:none;border-radius:6px;cursor:pointer;padding:8px 14px}.cancel-btn27{background:#ccc;color:#000}.confirm-btn27:hover{background:#c0392b}.cancel-btn27:hover{background:#aaa}.award-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:600px;padding:20px}.page-title{color:#304674;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.award-form{display:flex;flex-direction:column;gap:15px}.award-form input,.award-form select,.award-form textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px}.submit-btn{background-color:#304674;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:12px;transition:.3s}.submit-btn:hover{background-color:#223555}@media (max-width:600px){.award-form-container{padding:15px}.page-title{font-size:20px}.award-form input,.award-form select,.award-form textarea{font-size:13px}}.autocomplete-container{position:relative;width:100%}.suggestions-list{background:#fff;border:1px solid #ddd;list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:1000}.suggestion-item{cursor:pointer;padding:8px 12px}.suggestion-item:hover{background:#f2f2f2}.salary-slip-status-container{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:40px auto;max-width:900px;padding:20px}.salary-slip-status-title{color:#333;margin-bottom:20px;text-align:center}.salary-slip-status-table{border-collapse:collapse;width:100%}.salary-slip-status-table td,.salary-slip-status-table th{border:1px solid #ddd;padding:12px;text-align:center}.salary-slip-status-table th{background:#f5f5f5;font-weight:700}.salary-slip-status-table tr:nth-child(2n){background:#fafafa}.status.approved{color:green;font-weight:700}.status.rejected{color:red;font-weight:700}.status.pending{color:orange;font-weight:700}.loading-text,.no-data-text{color:#777;margin-top:20px;text-align:center}.leave-dashboard-mgr{background:linear-gradient(135deg,#f0f6ff,#d9e7ff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.leave-title-mgr{color:#1a3c78;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.leave-message-mgr{color:#555;font-size:1.1rem;text-align:center}.leave-table-container{margin-top:1rem;overflow-x:auto}.leave-table-mgr{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 10px #00000014;min-width:800px;overflow:hidden;width:100%}.leave-th-mgr{background:#1a3c78;color:#fff;font-size:.95rem;padding:12px;text-align:left}.leave-row-mgr:nth-child(2n){background:#f9f9f9}.leave-td-mgr{border-bottom:1px solid #ddd;color:#333;font-size:.9rem;padding:10px 12px;white-space:nowrap}.btn-approve-mgr,.btn-reject-mgr{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;margin:2px;padding:6px 14px;transition:all .3s ease;white-space:nowrap}.btn-approve-mgr{background-color:#4caf50;color:#fff}.btn-approve-mgr:hover{background-color:#43a047}.btn-reject-mgr{background-color:#f44336;color:#fff}.btn-reject-mgr:hover{background-color:#d32f2f}@media (max-width:1024px){.leave-title-mgr{font-size:1.5rem}.leave-td-mgr,.leave-th-mgr{font-size:.85rem;padding:8px}.btn-approve-mgr,.btn-reject-mgr{font-size:.8rem;padding:4px 10px}}@media (max-width:768px){.leave-dashboard-mgr{padding:1rem}.leave-title-mgr{font-size:1.3rem}.leave-table-mgr{min-width:600px}}@media (max-width:480px){.leave-title-mgr{font-size:1.1rem}.leave-table-mgr{min-width:500px}.btn-approve-mgr,.btn-reject-mgr{display:block;font-size:.75rem;margin:1px 0;padding:3px 6px;width:100%}}.modal13-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal13-content{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;max-width:400px;padding:20px 30px;text-align:center;width:100%}.modal13-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.btn13-confirm{background:#28a745}.btn13-cancel,.btn13-confirm{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.btn13-cancel{background:#f44336}.cf-container{margin:auto;max-width:1200px;padding:24px}.cf-title{color:#2c3e50;margin-bottom:20px;text-align:center}.cf-table{background:#fff;border-collapse:collapse;width:100%}.cf-table td,.cf-table th{border:1px solid #ddd;padding:12px;text-align:center}.cf-table th{background-color:#f4f6f8;font-weight:600}.cf-table input{padding:6px;text-align:center;width:70px}.btn-save{background:#2e7d32;margin-right:6px;padding:6px 12px}.btn-edit,.btn-save{border:none;border-radius:4px;color:#fff;cursor:pointer}.btn-edit{background:#1565c0;padding:6px 14px}.btn-cancel{background:#9e9e9e;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px}.btn-edit:hover,.btn-save:hover{opacity:.9}.cf-filters{display:flex;gap:12px;margin-bottom:16px}.cf-filters input,.cf-filters select{border:1px solid #ccc;border-radius:4px;padding:8px}.cf-modal-overlay{align-items:center;background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.cf-modal{animation:scaleIn .2s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 8px 25px #0003;padding:24px 30px;text-align:center;width:320px}.cf-modal h3{margin-bottom:10px}.cf-modal.success h3{color:#2e7d32}.cf-modal.error h3{color:#c62828}.cf-modal p{color:#444;margin-bottom:20px}.modal-btn{background-color:#304674;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 20px}.modal-btn:hover{background-color:#1f2f52}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.my-cf-container{background:#f7f9fc;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.my-cf-header{align-items:center;display:flex;justify-content:space-between}.my-cf-header h2{color:#2c3e50;font-size:22px;font-weight:600;margin:0}.btn-apply{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:8px;box-shadow:0 4px 10px #1976d240;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .25s ease}.btn-apply:hover:not(:disabled){box-shadow:0 6px 14px #1976d259;transform:translateY(-1px)}.btn-apply:disabled{background:#cfd8dc;box-shadow:none;color:#607d8b;cursor:not-allowed}.my-cf-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:30px}.my-cf-summary .card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:18px;text-align:center;transition:transform .2s ease}.my-cf-summary .card:hover{transform:translateY(-2px)}.my-cf-summary .card h4{color:#6b7280;font-size:14px;font-weight:600;margin:0}.my-cf-summary .card p{color:#1976d2;font-size:22px;font-weight:700;margin-top:8px}.my-cf-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 6px 16px #00000014;overflow:hidden;width:100%}.my-cf-table thead{background:linear-gradient(135deg,#2f4b7c,#243b6b)}.my-cf-table th{border-right:1px solid #ffffff26;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:center;text-transform:uppercase}.my-cf-table th:last-child{border-right:none}.my-cf-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:14px 16px}.my-cf-table tbody tr:last-child td{border-bottom:none}.my-cf-table tbody tr:hover{background:#f4f7fb;transition:background .2s ease}@media (max-width:768px){.my-cf-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-apply{text-align:center;width:100%}.my-cf-table td,.my-cf-table th{font-size:13px;padding:10px}}.cf-apply-container{background:#fff;border-radius:12px;margin:auto;max-width:520px;padding:20px}.cf-balance{background:#eef4ff;border-radius:8px;font-weight:600;margin-bottom:20px;padding:12px}.cf-balance span{color:#1976d2;margin-left:6px}.cf-form .form-group{margin-bottom:14px}.cf-form label{display:block;font-weight:500;margin-bottom:6px}.cf-form input,.cf-form textarea{border:1px solid #ccc;border-radius:6px;padding:8px;width:100%}.cf-form textarea{height:80px;resize:none}.actions{display:flex;gap:10px;margin-top:20px}.actions button{border:none;border-radius:6px;cursor:pointer;padding:8px 16px}.actions button[type=submit]{background:#1976d2;color:#fff}.actions .cancel{background:#e0e0e0}.error{color:red;margin-top:8px}.cfl-approval-container{background:#f7f9fc;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.cf-filter-center{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.cf-filter-center select{border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-size:14px;min-width:180px;padding:8px 14px}.cfl-approval-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 6px 16px #00000014;overflow:hidden;width:100%}.cfl-approval-table thead{background:linear-gradient(135deg,#2f4b7c,#243b6b)}.cfl-approval-table th{border-right:1px solid #ffffff26;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.cfl-approval-table th:last-child{border-right:none}.cfl-approval-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:14px 16px}.cfl-approval-table tbody tr:last-child td{border-bottom:none}.cfl-approval-table tbody tr:hover{background:#f4f7fb;transition:background .2s ease}.status{font-weight:600;text-transform:capitalize}.status.approved{color:#2e7d32}.status.pending{color:#ed6c02}.status.rejected{color:#d32f2f}.btn-approve{background:linear-gradient(135deg,#2e7d32,#1b5e20);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-right:6px;padding:6px 12px;transition:transform .2s ease,box-shadow .2s ease}.btn-approve:hover{box-shadow:0 4px 10px #2e7d324d;transform:translateY(-1px)}.btn-reject{background:linear-gradient(135deg,#e53935,#b71c1c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:transform .2s ease,box-shadow .2s ease}.btn-reject:hover{box-shadow:0 4px 10px #e539354d;transform:translateY(-1px)}@media (max-width:768px){.cfl-approval-table td,.cfl-approval-table th{font-size:13px;padding:10px}.btn-approve,.btn-reject{font-size:12px;padding:5px 10px}}
/*# sourceMappingURL=main.43dcbdb5.css.map*/