body{user-select:none}.container{max-width:1200px;margin:0 auto;padding:15px;font-family:"Segoe UI",Roboto,Arial,sans-serif;color:#333}.search-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px;background-color:#f8f9fb;border:1px solid #e0e0e0;padding:10px 15px;border-radius:8px}.search-container input[type="text"],.search-container select{min-width:180px;padding:8px 12px;margin:5px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .3s,box-shadow .3s}.search-container input[type="text"]:focus,.search-container select:focus{border-color:#0056a3;box-shadow:0 0 0 2px rgba(0,86,163,.2);outline:none}.table-container{width:100%;overflow-x:auto;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}#dataTable{width:100%;border-collapse:collapse;font-size:14px;min-width:700px}#dataTable thead th{background-color:#0056a3;color:#fff;font-weight:600;padding:12px 15px;text-align:left;position:sticky;top:0;z-index:2}#dataTable tbody td{padding:10px 15px;border-bottom:1px solid #e5e5e5;vertical-align:middle;color:#444;background-color:#fff;font-weight:500}#dataTable tbody tr:nth-child(even) td{background-color:#f9fbfd}#dataTable tbody tr:hover td{background-color:#eef4fb}.status-active{color:#28a745;font-weight:600}.status-inactive{color:#dc3545;font-weight:600}@media screen and (max-width:992px){.search-container{justify-content:center}.search-container input,.search-container select{flex:1 1 45%;max-width:45%}}@media screen and (max-width:768px){.search-container{flex-direction:column;align-items:stretch}.search-container input,.search-container select{width:100%;max-width:100%}#dataTable{font-size:13px;min-width:600px}}@media screen and (max-width:576px){#dataTable{min-width:500px;font-size:12px}.table-container{box-shadow:none}#dataTable th,#dataTable td{padding:8px 10px}}.btn-primary{background-color:#0056a3;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background-color .3s}.btn-primary:hover{background-color:#004080}.navbar{background-color:#0056a3!important;border:none;border-radius:0;margin-bottom:0;min-height:55px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.navbar .container{max-width:1200px}.navbar-brand{color:#fff!important;font-weight:600;font-size:18px;letter-spacing:.5px}.navbar-brand:hover{color:#e2e6ea!important}.navbar-nav>li>a,.navbar-nav>li>.nav-link{color:#f1f1f1!important;font-size:14px;padding:14px 18px;transition:background-color .3s,color .3s}.navbar-nav>li>a:hover,.navbar-nav>li.active>a{background-color:#004080!important;color:#fff!important}.dropdown-menu{background-color:#fff;border-radius:0 0 6px 6px;box-shadow:0 2px 10px rgba(0,0,0,.15);min-width:180px;padding:0;border:none}.dropdown-menu>li>a{color:#333!important;padding:10px 15px;font-size:13.5px}.dropdown-menu>li>a:hover{background-color:#eef4fb;color:#0056a3!important}.navbar-right .dropdown-toggle{color:#fff!important}.navbar-right .dropdown-menu{right:0;left:auto}.navbar-toggle{border:none;background:transparent!important}.navbar-toggle .icon-bar{background-color:#fff}.navbar-toggle:hover,.navbar-toggle:focus{background-color:transparent!important}@media(min-width:992px){.navbar-nav .dropdown:hover>.dropdown-menu{display:block}}@media(max-width:991px){.navbar-nav{background-color:#0056a3;width:100%;margin:0;padding:0}.navbar-nav>li>a{color:#fff!important;border-top:1px solid rgba(255,255,255,.1)}.navbar-nav .dropdown-menu{background-color:#004080;box-shadow:none}.navbar-nav .dropdown-menu>li>a{color:#fff!important;padding:10px 20px}.navbar-nav .dropdown-menu>li>a:hover{background-color:rgba(255,255,255,.1)}.navbar-right{float:none!important}}.navbar-nav>li.active>a{background-color:#004080!important;color:#fff!important}.btn-hrm{display:inline-block;background:linear-gradient(135deg,#0056a3,#007bff);color:#fff;padding:10px 22px;border-radius:30px;font-size:15px;font-weight:600;text-decoration:none;letter-spacing:.3px;transition:all .3s ease;box-shadow:0 3px 10px rgba(0,86,163,.3)}.btn-hrm:hover{background:linear-gradient(135deg,#007bff,#0056a3);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,86,163,.4);text-decoration:none;color:#fff}.btn-hrm-danger{display:inline-block;background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;padding:10px 22px;border-radius:30px;font-size:15px;font-weight:600;text-decoration:none;letter-spacing:.3px;transition:all .3s ease;box-shadow:0 3px 10px rgba(0,86,163,.3)}.btn-hrm-danger:hover{background:linear-gradient(135deg,#f44336,#e91e63);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,86,163,.4);text-decoration:none;color:#fff}.toggle-btn{display:inline-block;color:#fff;padding:10px 22px!important;border-radius:30px!important;font-size:15px;font-weight:600;text-decoration:none!important;letter-spacing:.3px;transition:all .3s ease;box-shadow:0 3px 10px rgba(0,86,163,.3);width:110px}.nameLink{font-weight:bold}h2{font-family:"Segoe UI",Roboto,Arial,sans-serif}#loginForm{background:#fff;padding:40px 50px;border-radius:20px;box-shadow:0 6px 18px rgba(0,0,0,.1);max-width:450px;margin:60px auto;font-family:'Poppins','Segoe UI',sans-serif}#loginForm h4{color:#0056a3;font-size:22px;font-weight:600;text-align:center;margin-bottom:25px}#loginForm hr{border-top:2px solid #0056a3;width:60px;margin:0 auto 25px}#loginForm .form-group label{font-weight:500;color:#333}#loginForm .form-control{border-radius:10px;border:1px solid #ccc;box-shadow:none;padding:10px 12px;transition:all .3s ease;font-size:15px}#loginForm .form-control:focus{border-color:#0056a3;box-shadow:0 0 5px rgba(0,86,163,.3)}#loginForm .checkbox label{font-size:14px;color:#555}#loginForm .btn-primary{background:linear-gradient(135deg,#0056a3,#007bff);border:none;padding:10px 20px;border-radius:30px;font-size:16px;font-weight:500;width:100%;transition:all .3s ease}#loginForm .btn-primary:hover{background:linear-gradient(135deg,#007bff,#0056a3);box-shadow:0 6px 14px rgba(0,86,163,.4);transform:translateY(-1px)}@media(max-width:768px){#loginForm{padding:30px 25px;margin:30px 15px}#loginForm h4{font-size:20px}}#tbl_g_report_wrapper{padding:15px}#tbl_g_report{border-collapse:separate!important;border-spacing:0 8px!important}#tbl_g_report thead th{background:#23559e!important;color:#fff;font-weight:600;border:none!important;padding:12px}#tbl_g_report tbody tr{background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.05)}#tbl_g_report tbody td{background:linear-gradient(90deg,#23559e00 0%,#e0f7fa 100%)!important;border:none!important;padding:12px 10px}#tbl_g_report tbody tr:hover{background:#eaf3ff!important;transition:.2s ease-in-out}#tbl_g_report label{font-weight:600;color:#444}#tbl_g_report td div[style*="darkorange"]{color:#ff8c00!important;font-weight:bold}#tbl_g_report td div[style*="color:mediumblue"]{color:#007bff!important;font-weight:bold}.dataTables_filter input{border-radius:6px;padding:6px 10px;border:1px solid #ccc;width:180px}.dataTables_paginate button{border-radius:6px!important;margin:0 2px;padding:6px 12px!important;border:1px solid #ddd!important}.dataTables_paginate .ui-state-default{background:#f8f9fc!important;color:#333!important}.dataTables_paginate .ui-state-hover{background:#007bff!important;color:#fff!important}.dataTables_paginate .ui-state-disabled[aria-current="page"]{background:#0d6efd!important;color:#fff!important;border-color:#0d6efd!important}.dataTables_length select{padding:5px 8px;border-radius:6px}@media(max-width:768px){#tbl_g_report tbody td,#tbl_g_report thead th{padding:10px 6px;font-size:13px}.dataTables_filter input{width:120px}}#chatbot_online_anchor{border:1px solid #428bca;padding:15px;border-radius:50px;position:fixed;right:15px;margin:auto;background-color:#428bca;color:#fff;text-decoration:none;bottom:15px}.chatbot_online{position:relative}#chatbotContainer{padding:15px}.chat-messages{height:350px;overflow-y:auto;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:15px;background:#fafafa}.bot-message{background:#f1f1f1;padding:8px 12px;border-radius:10px;display:inline-block;margin-bottom:10px;width:80%}.user-message{background:#007bff;color:#fff;padding:8px 12px;border-radius:10px;display:inline-block;float:right;clear:both;margin-bottom:10px;width:80%}@media(min-width:768px){.modal_chatbot{width:900px}}#user_to_chatbot{max-width:100%;height:36px}.chatbot_copy{cursor:pointer;padding-left:5px;font-weight:bold}.chatbot_copy:hover{text-decoration:none}.btn-close{position:fixed;top:20px;right:0;margin:auto;border-radius:50%;width:30px;height:30px}#chatbotModalLabel{font-weight:bold;font-size:20px;text-align:center}.chat-loader{display:inline-flex;align-items:center;background:#f1f1f1;padding:10px 15px;border-radius:15px;margin:10px 0}.chat-loader span{width:8px;height:8px;margin:0 3px;border-radius:50%;background:#777;animation:chatbotTyping 1.2s infinite}.chat-loader span:nth-child(2){animation-delay:.2s}.chat-loader span:nth-child(3){animation-delay:.4s}@keyframes chatbotTyping{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}