body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;height:80px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1001}@media (min-width:768px){.header{width:100%}}.menu-icon{cursor:pointer;display:none;font-size:24px}@media (max-width:768px){.menu-icon{display:block}}.right-section{align-items:center;cursor:pointer;display:flex;position:relative}.user-icon{font-size:24px;margin-right:8px}.username{font-weight:500}.dropdown-menu{background:#fff;border-radius:4px;box-shadow:0 0 8px #0000001a;color:#000;display:block;position:absolute;right:0;top:60px;z-index:9999}.dropdown-item{cursor:pointer;padding:10px 25px}.dropdown-item:hover{background:#f0f0f0}.user-box{align-items:center;display:flex}.header a{text-decoration:none}.sidebar{background-color:#e6e7e8;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .28s ease,transform .28s ease;z-index:1050}.sidebar.show{width:250px;width:var(--sidebar-width)}.sidebar.collapsed{width:72px;width:var(--sidebar-collapsed)}.sidebar.collapsed .sidebar-logo img,.sidebar.collapsed .sidebar-menu li a span{display:none}.sidebar.hidden{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.sidebar-logo{align-items:center;display:flex;justify-content:space-between;padding:10px}.sidebar-logo img{border-radius:6px;width:180px}.toggle-btn{background:#0000;border:none;color:#333;cursor:pointer}.floating-toggle{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001f;color:#333;left:12px;padding:6px 8px;position:fixed;top:12px;z-index:1100}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{margin-bottom:4px}.sidebar-menu li a{align-items:center;border-radius:6px;color:#000;display:flex;font-size:15px;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .18s ease,color .18s ease}.sidebar-menu li a .icon{font-size:18px;margin-right:8px}.sidebar-menu li a.active,.sidebar-menu li a:hover{background-color:#7f3db5;color:#fff}.overlay{background:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1040}.sidebar-item-dropdown{list-style:none;margin-bottom:4px}.sidebar-item-dropdown .dropdown-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:space-between;padding:10px 20px;text-align:left;width:100%}.sidebar-item-dropdown .dropdown-toggle .left{align-items:center;display:flex;gap:8px}.sidebar-item-dropdown .dropdown-toggle .caret{align-items:center;color:#333;display:flex;font-size:14px;margin-left:auto}.sidebar-item-dropdown .dropdown-toggle:after,.sidebar-item-dropdown .dropdown-toggle:before{content:none!important;display:none!important}.submenu{list-style:none;margin:0;max-height:0;overflow:hidden;padding-left:0;transition:max-height .28s ease,padding .28s ease}.sidebar-item-dropdown.open .submenu{max-height:480px;padding-left:8px}.submenu li{margin:0}.submenu-link{align-items:center;border-radius:6px;color:#000;display:flex;font-size:14px;gap:8px;padding:8px 28px;text-decoration:none;transition:background-color .15s ease,color .15s ease}.submenu-link .icon-sub{color:inherit;font-size:14px;margin-right:6px;opacity:.95}.submenu-link.active,.submenu-link:hover{background:#7f3db5e6;color:#fff}.sidebar.collapsed .sidebar-item-dropdown .caret,.sidebar.collapsed .sidebar-item-dropdown .dropdown-toggle span,.sidebar.collapsed .submenu{display:none}.sidebar.collapsed .dropdown-toggle .icon{display:inline-block;margin-right:0}@media screen and (max-width:768px){.sidebar{width:250px;width:var(--sidebar-width)}}*,:after,:before{box-sizing:border-box}:root{--sidebar-width:250px;--sidebar-collapsed:72px}.app-container{background:#f3f4f6;display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:250px;margin-left:var(--sidebar-width);min-height:100vh;overflow-y:auto;padding:100px 20px 20px;transition:margin-left .25s ease,filter .25s ease}.main-content.sidebar-collapsed{margin-left:72px;margin-left:var(--sidebar-collapsed)}.main-content.mobile-overlay{filter:blur(.5px) brightness(.9);pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width:768px){.main-content{margin-left:0;min-height:calc(100vh - 100px);overflow-y:auto;transition:none}.main-content.sidebar-collapsed,.main-content.sidebar-open{margin-left:0!important}.main-content.mobile-overlay{filter:blur(.5px) brightness(.9);pointer-events:none;-webkit-user-select:none;user-select:none}}a{color:inherit}.purchase-header a{text-decoration:none}.main-content>.outer-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px 20px 0;width:100%}@media (max-width:768px){.main-content>.outer-container{max-width:100%;padding:16px}}.main-content>.outer-container.my-4{padding-top:1rem}.main-content.sidebar-collapsed>.outer-container{max-width:1378px;max-width:calc(1200px + var(--sidebar-width) - var(--sidebar-collapsed));padding-left:20px;padding-right:20px}@media (max-width:768px){.main-content.sidebar-collapsed>.outer-container,.main-content.sidebar-open>.outer-container{margin-left:0;max-width:100%;padding-left:16px;padding-right:16px}}.outer-container{padding:1px}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-button{display:none;height:0;width:0}::-webkit-scrollbar-track{background:linear-gradient(180deg,#f7f8fb,#eef2f8);border-radius:12px}::-webkit-scrollbar-thumb{background:#0606ea;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#083049,#163c61);box-shadow:0 4px 10px #08101e59}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#05283f,#0f304f)}::-webkit-scrollbar-corner{background:#0000}*{scrollbar-color:#183a5a #eef2f8;scrollbar-width:thin}@media (max-width:576px){::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{border:2px solid #ffffff0f}}@media (prefers-reduced-motion:reduce){::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{box-shadow:none;-webkit-transition:none;transition:none}}.dashboard{background-color:#fff;border-radius:10px;min-height:100vh}.dashboard-title{color:#333;font-size:26px;font-weight:600;margin-bottom:24px}.card-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.dcard,.summary-dcard{background:#7f3db5;border-radius:12px;box-shadow:0 6px 14px #0000000f;display:flex;flex:1 1 220px;flex-direction:column;justify-content:center;max-width:320px;min-width:180px;padding:1rem;transition:transform .3s ease}.dcard:hover{transform:translateY(-6px)}.dcard h4,.summary-dcard .card-title{color:#fade24;font-weight:800;margin-bottom:8px}.dcard p,.summary-dcard .card-value{color:#fff;font-size:22px;font-weight:700;margin:0}.summary-dcard .card-hint{color:#b8b8b9;font-size:20px;margin:0}.charts-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.chart-card{background:#fff;display:flex;flex:1 1 260px;flex-direction:column;justify-content:flex-start;max-width:420px;min-height:300px;min-width:250px;overflow:visible;padding:.75rem 1rem}.chart-card .chart-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.chart-card .recharts-wrapper{flex:1 1 auto;overflow:visible}.chart-card .recharts-wrapper svg{overflow:visible}.recharts-legend{font-size:12px}@media (max-width:900px){.chart-card{flex:1 1 45%;min-height:280px}}@media (max-width:600px){.dashboard-title{font-size:22px}.chart-title,.dashboard-title{text-align:center}.card-container{gap:.75rem}.dcard,.summary-dcard{flex:1 1 100%;min-width:100%;padding:20px}.chart-card{flex:1 1 100%;min-height:320px;min-width:100%}}.gradient-box{align-items:center;border-radius:14px;box-shadow:0 8px 20px #00000026;display:flex;min-height:130px}.gradient-red{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.gradient-blue{background:linear-gradient(135deg,#2193b0,#6dd5ed)}.gradient-green{background:linear-gradient(135deg,#56ab2f,#a8e063)}.customer-container{padding:20px}.customer-header h3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600}.table-pagination-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 6px 20px #0000001f;max-width:100%;overflow-x:auto;position:relative}.table-pagination-content{min-width:700px}.customer-table-wrapper{max-width:100%;overflow-x:auto}.customer-table{background-color:#fff;box-shadow:0 6px 20px #0000001f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.text-center{text-align:center!important}.text-left{text-align:left!important}.customer-table td,.customer-table th{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.4;max-width:200px;overflow-wrap:anywhere;padding:12px 15px;white-space:normal;word-break:break-word}.customer-table td:first-child,.customer-table th:first-child{max-width:70px;min-width:70px;text-align:center;width:70px}.customer-table tbody tr td{color:#000;font-weight:400}.customer-table th{background-color:#6f0849;border:1px solid #ccc;color:#fff;font-size:15px;font-weight:600;padding:14px 15px}.customer-table thead tr{border-radius:8px;overflow:hidden}.customer-table thead th:first-child{border-top-left-radius:8px}.customer-table thead th:last-child{border-top-right-radius:8px}.customer-table td:last-child,.customer-table td:nth-child(8),.customer-table th:last-child,.customer-table th:nth-child(8){text-align:center}.customer-table td:nth-child(3),.customer-table td:nth-child(4),.customer-table td:nth-child(5),.customer-table td:nth-child(6),.customer-table td:nth-child(7),.customer-table th:nth-child(2),.customer-table th:nth-child(3),.customer-table th:nth-child(4),.customer-table th:nth-child(5),.customer-table th:nth-child(6),.customer-table th:nth-child(7){text-align:left}.action-icons{display:block;text-align:center;white-space:nowrap}.action-icons a,.action-icons button{display:inline-block;vertical-align:middle}.delete-icon,.edit-icon{cursor:pointer;font-size:18px;margin-left:5px;vertical-align:middle}.salary-icon{color:#2b7bd1;cursor:pointer;font-size:24px;vertical-align:middle}.salary-icon:hover{color:red}.edit-icon{color:#007bff;cursor:pointer}.map-icon{font-size:22px}.delete-icon,.map-icon{color:red;cursor:pointer}.pagination{display:flex;flex-wrap:wrap;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;justify-content:space-between;margin-top:20px}.nav-links{color:#007bff;cursor:pointer}.user-photo{border:1px solid #ccc;border-radius:50%;height:60px;object-fit:cover;width:60px}.customer-table.permission-leave-table{background:#fff;border-collapse:collapse;table-layout:auto;width:100%}.customer-table.permission-leave-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.customer-table.permission-leave-table thead th{border:none;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase;white-space:normal}.customer-table.permission-leave-table tbody tr{border-bottom:1px solid #ecf0f1;transition:all .3s ease}.customer-table.permission-leave-table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.customer-table.permission-leave-table tbody tr:nth-child(odd){background-color:#f8f9fa}.customer-table.permission-leave-table tbody tr:nth-child(odd):hover{background-color:#e9ecef}.customer-table.permission-leave-table tbody td{border:none;color:#2c3e50;font-size:14px;overflow:visible;padding:12px 10px;text-align:left;text-overflow:clip;vertical-align:middle;white-space:nowrap}.customer-table.permission-leave-table td:last-child,.customer-table.permission-leave-table th:last-child{min-width:120px;text-align:center}.customer-table.permission-leave-table .action-icons{display:block;text-align:center;white-space:nowrap}.customer-table.permission-leave-table .action-icons a,.customer-table.permission-leave-table .action-icons button{display:inline-block;vertical-align:middle}.customer-table.permission-leave-table .view-icon{color:#17a2b8;font-size:16px}.customer-table.permission-leave-table .view-icon:hover{background-color:#17a2b81a;color:#138496;transform:scale(1.1)}.customer-table.permission-leave-table .edit-icon{color:#28a745;font-size:16px}.customer-table.permission-leave-table .edit-icon:hover{background-color:#28a7451a;color:#218838;transform:scale(1.1)}.customer-table.permission-leave-table .delete-icon{color:#dc3545;font-size:16px}.customer-table.permission-leave-table .delete-icon:hover{background-color:#dc35451a;color:#c82333;transform:scale(1.1)}.status-badge{font-size:12px;font-weight:600;min-width:80px;padding:6px 12px}.status-pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-approved{background-color:#d1ecf1;border:1px solid #b8ebf4;color:#0c5460}.status-rejected{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-progress{background-color:#d6d8db;border:1px solid #c6c8ca;color:#383d41}.status-cancelled{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.status-completed{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-default{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.pagination-container{background-color:#fff;border-top:1px solid #e0e0e0;padding:15px 0;position:relative;width:100%}.pagination-content{align-items:center;display:flex;flex-wrap:nowrap;gap:15px;justify-content:space-between;padding:0 15px;width:100%}.pagination-info{color:#6c757d;flex-shrink:0;font-size:14px;font-weight:500;white-space:nowrap}.pagination-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;margin:0}.pagination-controls .page-item .page-link{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#294664;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.pagination-controls .page-item.active .page-link{background-color:#294664;border-color:#294664;color:#fff}.pagination-controls .page-item.disabled .page-link{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.pagination-controls .page-item .page-link:hover:not(.disabled){background-color:#e9ecef;border-color:#dee2e6}.customer-table{background:#fff;border-collapse:collapse;table-layout:auto;width:100%}.customer-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.customer-table thead th{border:none;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;position:relative;text-transform:uppercase;white-space:normal}.customer-table thead th:after{background:#ffffff4d;content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.customer-table thead th:last-child:after{display:none}.customer-table tbody tr{border-bottom:1px solid #ecf0f1;transition:all .3s ease}.customer-table tbody td{border:none;color:#2c3e50;font-size:14px;overflow:visible;padding:12px 10px;text-overflow:clip;vertical-align:middle;white-space:nowrap}.customer-table td,.customer-table th{max-width:none;min-width:auto;width:auto}.status-badge{border:2px solid #0000;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.3px;min-width:100px;padding:8px 16px;text-align:center;text-transform:capitalize}.status-pending{background-color:#ffeb99;border-color:#ffda6a;color:#664d03}.status-approved{background-color:#a6e3f1;border-color:#7dd3e8;color:#0b4c5c}.status-rejected{background-color:#f5b5c1;border-color:#f194a3;color:#5a1a25}.status-progress{background-color:#c8cbcf;border-color:#b1b5bb;color:#2c2f33}.status-cancelled{background-color:#d1d3d5;border-color:#bdc0c4;color:#2c2f33}.status-completed{background-color:#b8e6bf;border-color:#95d8a1;color:#0f5132}.status-default{background-color:#d1d3d5;border-color:#bdc0c4;color:#2c2f33}.view-icon{color:#17a2b8;font-size:16px}.view-icon:hover{color:#138496;transform:scale(1.1)}.edit-icon{color:#28a745;font-size:16px}.edit-icon:hover{color:#218838;transform:scale(1.1)}.delete-icon{color:#dc3545;font-size:16px}.delete-icon:hover{background-color:#dc35451a;color:#c82333;transform:scale(1.1)}.btn-top{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:10px 16px}@media (max-width:768px){.customer-header{align-items:flex-start;flex-direction:column;gap:10px}.customer-table td,.customer-table th{font-size:13px;min-width:100px;padding:10px 8px;white-space:nowrap}.customer-table td:first-child,.customer-table th:first-child{max-width:50px;padding:10px 5px}.customer-table td:last-child,.customer-table td:nth-child(2),.customer-table td:nth-child(8),.customer-table th:last-child,.customer-table th:nth-child(2),.customer-table th:nth-child(8){text-align:center}.customer-table td:nth-child(3),.customer-table td:nth-child(4),.customer-table td:nth-child(5),.customer-table td:nth-child(6),.customer-table td:nth-child(7),.customer-table th:nth-child(3),.customer-table th:nth-child(4),.customer-table th:nth-child(5),.customer-table th:nth-child(6),.customer-table th:nth-child(7){text-align:left}.action-icons a,.action-icons button{height:28px;margin:0 1px;width:28px}.user-photo{height:45px;width:45px}.customer-table.permission-leave-table{font-size:13px;min-width:700px}.customer-table.permission-leave-table thead th{font-size:11px;padding:10px 6px;white-space:nowrap}.customer-table.permission-leave-table tbody td{font-size:13px;padding:10px 6px}.customer-table.permission-leave-table .action-icons{min-width:80px;padding:4px 0}.customer-table.permission-leave-table .action-icons a,.customer-table.permission-leave-table .action-icons button{height:24px;margin:0 1px;width:24px}.customer-table.permission-leave-table .delete-icon,.customer-table.permission-leave-table .edit-icon,.customer-table.permission-leave-table .view-icon{font-size:12px}.btn-top{font-size:14px;padding:8px 16px}.outer-container{border-radius:6px;padding:15px}.outer-container h2{font-size:15px;font-weight:600;margin-bottom:20px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.customer-table{font-size:13px;min-width:700px}.customer-table thead th{font-size:11px;padding:10px 6px;white-space:nowrap}.customer-table tbody td{font-size:13px;padding:10px 6px;white-space:nowrap}.customer-table td:first-child,.customer-table th:first-child{min-width:50px;text-align:center;width:50px}.customer-table td:nth-child(2),.customer-table th:nth-child(2){min-width:60px;text-align:center;width:60px}.customer-table td:nth-child(3),.customer-table td:nth-child(4),.customer-table td:nth-child(5),.customer-table td:nth-child(6),.customer-table td:nth-child(7),.customer-table th:nth-child(3),.customer-table th:nth-child(4),.customer-table th:nth-child(5),.customer-table th:nth-child(6),.customer-table th:nth-child(7){min-width:100px;text-align:left;width:100px}.customer-table td:nth-child(8),.customer-table th:nth-child(8){min-width:80px;text-align:center;width:80px}.customer-table td:nth-child(9),.customer-table th:nth-child(9){min-width:100px;text-align:center;width:100px}.status-badge{font-size:11px;min-width:70px;padding:4px 8px}.action-icons{flex-wrap:nowrap;gap:6px;justify-content:center;min-width:90px;padding:4px 0}.action-icons a,.action-icons button{flex-shrink:0;height:24px;width:24px}.delete-icon,.edit-icon,.view-icon{font-size:12px}.table-pagination-wrapper{-webkit-overflow-scrolling:touch;border-radius:6px;padding-bottom:0}.table-pagination-content{margin-bottom:0;min-width:700px}.pagination-container{background:#fff;border-top:2px solid #e9ecef;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;margin-top:0;min-width:auto;padding:12px 10px;position:-webkit-sticky;position:sticky;right:0;width:100%;z-index:100}.pagination-content{flex-wrap:nowrap;gap:10px;max-width:100%;padding:0}.pagination-info{color:#294664;flex-shrink:0;font-size:13px;font-weight:600}.pagination-controls{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:3px;margin-left:auto;max-width:70vw;overflow-x:auto;padding-bottom:2px}.pagination-controls .page-item{display:block!important}.pagination-controls .page-item .page-link{align-items:center;display:flex;flex-shrink:0;font-size:13px;justify-content:center;min-width:36px;padding:6px 10px;text-align:center}.pagination-controls .page-item.last-page .page-link{background-color:#f8f9fa;border-color:#294664;font-weight:600}.pagination-controls .page-item.last-page .page-link:hover{background-color:#294664;color:#fff}}@media (max-width:480px){.customer-container{padding:15px 10px}.customer-table td,.customer-table th{font-size:12px;min-width:80px;padding:8px 6px}.customer-table td:first-child,.customer-table th:first-child{max-width:40px;min-width:40px;padding:8px 3px;text-align:center;width:40px}.customer-table td:last-child,.customer-table td:nth-child(2),.customer-table td:nth-child(3),.customer-table td:nth-child(4),.customer-table td:nth-child(5),.customer-table td:nth-child(6),.customer-table td:nth-child(7),.customer-table td:nth-child(8),.customer-table th:last-child,.customer-table th:nth-child(2),.customer-table th:nth-child(3),.customer-table th:nth-child(4),.customer-table th:nth-child(5),.customer-table th:nth-child(6),.customer-table th:nth-child(7),.customer-table th:nth-child(8){text-align:left}.action-icons a,.action-icons button{height:24px;margin:0;width:24px}.delete-icon,.edit-icon{font-size:16px}.salary-icon{font-size:20px}.map-icon{font-size:18px}.user-photo{height:40px;width:40px}.customer-table th{font-size:11px;padding:10px 6px}.outer-container{padding:10px}.customer-table{min-width:600px}.customer-table tbody td,.customer-table thead th{padding:8px 4px}.customer-table td:nth-child(8),.customer-table th:nth-child(8){min-width:70px;text-align:center;width:70px}.customer-table td:nth-child(9),.customer-table th:nth-child(9){min-width:95px;text-align:center;width:95px}.action-icons{gap:4px}.action-icons a,.action-icons button{height:22px;width:22px}.delete-icon,.edit-icon,.view-icon{font-size:11px}.pagination-container{padding:10px 8px}.pagination-content{gap:8px}.pagination-info{font-size:12px}.pagination-controls{gap:2px;max-width:65vw}.pagination-controls .page-item .page-link{font-size:12px;min-width:32px;padding:5px 8px}}@media (max-width:375px){.customer-table td:nth-child(8),.customer-table th:nth-child(8){min-width:65px;text-align:center;width:65px}.customer-table td:nth-child(9),.customer-table th:nth-child(9){min-width:90px;text-align:center;width:90px}.action-icons{gap:3px}.action-icons a,.action-icons button{height:20px;width:20px}.pagination-content{gap:6px}.pagination-info{font-size:11px}.pagination-controls{max-width:60vw}.pagination-controls .page-item .page-link{font-size:11px;min-width:28px;padding:4px 6px}}@media print{.action-icons,.btn-top{display:none}.customer-table{border:1px solid #ddd}.outer-container{box-shadow:none;padding:0}}.outer-container{margin-bottom:0}.action-icons{gap:0;height:100%;margin:0;width:100%}.action-icons,.action-icons a,.action-icons button{align-items:center;display:flex;justify-content:center;padding:0}.action-icons a,.action-icons button{background:none;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;height:32px;margin:0 2px;transition:all .3s ease;width:32px}.customer-table.permission-leave-table .action-icons{align-items:center;display:flex;gap:0;height:100%;justify-content:center;padding:8px 0;width:100%}.customer-table.permission-leave-table .action-icons a,.customer-table.permission-leave-table .action-icons button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin:0 2px;padding:0;transition:all .3s ease;width:32px}@media (max-width:768px){.action-icons a,.action-icons button{height:28px;margin:0 1px;width:28px}.customer-table.permission-leave-table .action-icons a,.customer-table.permission-leave-table .action-icons button{height:24px;margin:0 1px;width:24px}}@media (max-width:480px){.action-icons a,.action-icons button{height:24px;margin:0;width:24px}}@media (min-width:768px) and (max-width:1366px){.table-pagination-content{min-width:900px}.customer-table thead th{font-size:13px;padding:12px 8px!important;white-space:nowrap}.customer-table td:first-child,.customer-table th:first-child{min-width:60px;width:60px}.customer-table td:nth-child(2),.customer-table th:nth-child(2){min-width:70px;width:70px}.customer-table td:nth-child(3),.customer-table th:nth-child(3){min-width:120px;width:120px}.customer-table td:nth-child(4),.customer-table th:nth-child(4){min-width:150px;width:150px}.customer-table td:last-child,.customer-table th:last-child{min-width:90px;width:90px}.action-icons a,.action-icons button{height:28px;margin:0 1px;width:28px}}.warning-msg{font-size:14px}.purchase-form-container{background:#fff;border-radius:8px;box-shadow:0 0 12px #0000000d;margin:30px auto auto;max-width:1100px;padding:25px}.form-control,.form-select{border:var(--bs-border-width) solid #4c5156}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.form-header h2{font-size:20px;margin:0}.back-btn{background-color:#084298;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.purchase-form{display:flex;flex-direction:column}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.form-grid div{display:flex;flex-direction:column}.form-grid label{font-size:13px;font-weight:600;margin-bottom:5px}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:8px}.note-area{grid-column:span 2}.btn-common{border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.btn-cancel,.btn-common,.btn-submit{padding:10px 16px}.btn-cancel{background-color:#294664;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500}.btn-cancel:hover{background-color:#0056b3}.small-label{font-size:.85rem;font-weight:500}.form-control-sm{font-size:.85rem;padding:.25rem .5rem}.form-actions .btn{min-width:80px}.view-field{background-color:#f8f9fa;font-weight:500}.delete-icon,.edit-icon,.view-icon{cursor:pointer;font-size:1.1rem;transition:color .2s ease}.view-icon{color:#3498db}.edit-icon{color:#27ae60}.delete-icon{color:#e74c3c}.view-icon:hover{color:#2980b9}.edit-icon:hover{color:#1e8449}.delete-icon:hover{color:#c0392b}.view-table{background:#fff;border-color:#484c5b;border-radius:15px;width:50%}.view-table th{color:#333;font-weight:600;width:35%}.view-table td{color:#000;font-weight:600}@media (max-width:768px){.view-table td,.view-table th{display:block;text-align:left;width:100%}.view-table{width:80%}.view-table tr{border-bottom:1px solid #eee;display:block;margin-bottom:15px}.view-table th{background:none;color:#111;font-weight:600;padding-bottom:5px}.view-table td{padding-top:0}}.department-management-container{padding:20px}.department-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}.department-header h2{font-weight:600;margin:0}.department-btn-top,.department-header h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.department-btn-top{background-color:#294664;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;text-decoration:none}.department-btn-top:hover{background-color:#0056b3}.department-table{background-color:#fff;border-collapse:collapse;box-shadow:0 6px 20px #0000001f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;table-layout:auto;width:100%}.department-table thead th:first-child{border-top-left-radius:8px}.department-table thead th:last-child{border-top-right-radius:8px}.department-table thead th{background-color:#6f0849!important;border:none;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px 12px;position:relative;text-align:left;text-transform:uppercase;white-space:normal}.department-table thead th:after{background:#ffffff4d;content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.department-table thead th:last-child:after{display:none}.department-table tbody td{font-size:14px;line-height:1.2;padding:12px 10px!important;text-align:left;vertical-align:middle}.department-table td:first-child,.department-table th:first-child{min-width:80px;text-align:center;width:80px}.department-table td:nth-child(2),.department-table th:nth-child(2){min-width:200px;text-align:left;width:auto}.department-table td:last-child,.department-table th:last-child{min-width:120px;text-align:center;width:120px}.department-action-icons{align-items:center;display:flex;gap:12px;justify-content:center;padding:0}.department-edit-icon{color:#007bff;cursor:pointer;font-size:16px}.department-delete-icon{color:red;cursor:pointer;font-size:16px}.department-delete-icon:hover,.department-edit-icon:hover{transform:scale(1.1)}.department-outer-container{margin:0}.department-outer-container h2{font-size:1.5rem;margin-bottom:20px}.department-controls-row{margin-bottom:15px!important}.department-search-input{font-size:14px;padding:8px 12px}.department-modal .modal-body{padding:20px}@media (max-width:768px){.department-outer-container{padding:10px}.outer-container h2{font-size:15px;font-weight:600;margin-bottom:20px}.department-table{font-size:13px;table-layout:fixed}.department-table tbody td,.department-table thead th{font-size:12px;padding:6px 4px!important}.department-table td:first-child,.department-table th:first-child{max-width:50px;min-width:50px;width:50px}.department-table td:last-child,.department-table th:last-child{max-width:80px;min-width:80px;width:80px}.department-action-icons{gap:6px}.department-delete-icon,.department-edit-icon{font-size:14px}}@media (min-width:1200px){.department-table{table-layout:auto}.department-table td:first-child,.department-table th:first-child{min-width:100px;width:100px}.department-table td:last-child,.department-table th:last-child{min-width:150px;width:150px}}.outer-container{background-color:#fff;border-radius:10px;min-height:100vh;overflow:hidden}.customer-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}.customer-header h3{margin:0}.btn-top{background-color:#294664;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;height:40px;margin-top:6px;text-decoration:none}.btn-top:hover{background-color:#0056b3}.customer-view-wrapper{display:flex;justify-content:center;margin-top:.5rem;width:100%}.customer-view-card{align-items:flex-start;background:#fff;border:1px solid #e6e9ee;border-radius:8px;box-shadow:0 1px 4px #1e293b0a;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:18px;max-width:980px;padding:18px;width:100%}.customer-photo-wrap{align-items:center;display:flex;flex:0 0 140px;justify-content:center;padding:4px}.customer-view-photo{border:1px solid #e9ecef;border-radius:8px;height:120px;object-fit:cover;width:120px}.customer-details-table-wrapper{background:#0000;box-sizing:border-box;flex:1 1 420px;min-width:320px;padding:4px 0}.customer-view-table{background:#0000;border-collapse:initial;border-spacing:0;box-sizing:border-box;color:#222;min-width:520px;table-layout:fixed;width:100%}.customer-view-table thead th{background:#f3f5f7;border-bottom:1px solid #e6e9ee;color:#2c3e50;font-weight:700;overflow:hidden;padding:10px 14px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.customer-view-table td.field-cell{background:#fbfbfc;color:#2c3e50;font-weight:600;min-width:140px;width:36%}.customer-view-table td.field-cell,.customer-view-table td.value-cell{border-bottom:1px solid #f1f3f5;overflow-wrap:anywhere;padding:12px 14px;text-align:left;vertical-align:middle;white-space:normal}.customer-view-table td.value-cell{color:#333;min-width:200px;width:64%}.row-separator{background:#eef0f2;border-radius:1px;height:1px}.not-found-box{background:#fff8f0;border:1px solid #ffe2c7;border-radius:6px;margin:0 auto;max-width:420px;padding:14px;text-align:center}.btn-back{background:#f8f9fa;border:1px solid #e6e9ee;border-radius:6px;color:#333;display:inline-block;padding:8px 14px;text-decoration:none}.customer-view-card{max-width:100%;overflow:hidden}.customer-view-photo,.customer-view-table img,.user-photo{display:block;height:auto;max-width:100%}.customer-details-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;padding-bottom:8px}.customer-details-table-wrapper::-webkit-scrollbar{height:8px}.customer-details-table-wrapper::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.customer-view-table td{overflow-wrap:anywhere;word-break:break-word}@media (max-width:767.98px){.customer-view-card{gap:12px;padding:12px}.customer-photo-wrap{flex-basis:100%;justify-content:center}.customer-view-table{min-width:480px;table-layout:fixed}.customer-view-table td.field-cell{min-width:120px}.customer-view-table td.value-cell{min-width:200px}.customer-view-photo{height:96px;width:96px}.customer-view-table thead{display:table-header-group}}@media (max-width:768px){.customer-header{align-items:flex-start;flex-direction:column;gap:10px}.outer-container{height:auto;min-height:auto;overflow:visible}}@media (min-width:992px){.outer-container{height:auto;min-height:auto;overflow:visible}}a:focus,button:focus{border-radius:6px;outline:3px solid #0d6efd2e;outline-offset:2px}.customer-details-table-wrapper,.customer-view-card{-webkit-overflow-scrolling:touch}a:focus,button:focus,input:focus,select:focus,textarea:focus{box-shadow:none;outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:6px;outline:3px solid #0d6efd2e;outline-offset:2px}@supports not (selector(:focus-visible)){a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{border-radius:6px;box-shadow:0 0 0 3px #0d6efd1f}}.customer-view-table.privileges-table{min-width:100%!important;table-layout:auto;width:100%}.customer-view-table.privileges-table .permission-column{min-width:auto!important;width:70%!important}.customer-view-table.privileges-table .allowed-column{min-width:auto!important;width:30%!important}.save-button-container{border-top:1px solid #e6e9ee;display:flex;justify-content:flex-end;margin-top:20px;padding-top:15px;width:100%}.btn-submit{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;min-width:120px;padding:10px 24px}.btn-submit:hover{background-color:#218838;color:#fff}@media (min-width:992px){.customer-view-card{max-width:100%!important}.customer-view-table.privileges-table{width:100%!important}}@media (max-width:480px){.customer-view-table.privileges-table{min-width:100%!important}.customer-view-table.privileges-table .field-cell,.customer-view-table.privileges-table .value-cell{font-size:14px;padding:8px 6px!important}.customer-view-table.privileges-table .permission-column{width:65%!important}.customer-view-table.privileges-table .allowed-column{width:35%!important}.customer-view-table.privileges-table .form-check-input{height:18px;width:18px}}.customer-details-table-wrapper:has(.privileges-table){min-width:100%!important;overflow-x:visible!important}.outer-container .row .col .customer-view-card{overflow:visible}.custom-checkbox input[type=checkbox]{border:2px solid #2b7bd1;border-radius:4px;cursor:pointer;height:18px;width:18px}.custom-checkbox input[type=checkbox]:checked{background-color:#2b7bd1;border-color:#2b7bd1}.custom-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 2px #2b7bd166;outline:none}.login-page-wrapper{background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}.login-main-container{display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.logo-section{left:10%;position:absolute;top:20px;transform:translateX(-10%);z-index:10}.logo-main{height:80px;max-width:380px;width:270px}.login-content-container{box-sizing:border-box;gap:60px;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}.login-content-container,.side-image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.side-image-container{max-width:500px}.side-image{height:auto;max-width:600px;object-fit:cover;width:100%}.login-card-container{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:450px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;border:1px solid #fff3;padding:50px 40px;width:100%}.logo-inside{display:none}.welcome-text{color:#1e3c72;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:5px;text-align:center}.login-instruction{color:#666;font-size:16px;font-weight:400;margin-bottom:35px;text-align:center}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:24px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{background-color:#f8f9fa;border:1px solid #a89a9a;border-radius:8px;box-sizing:border-box;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus{background-color:#fff;border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a;outline:none}.form-group input::placeholder{color:#999}.login-button{background:linear-gradient(135deg,#2a5298,#1e3c72);border:none;border-radius:8px;box-shadow:0 4px 15px #2a52984d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s ease}.login-button:hover{box-shadow:0 6px 20px #2a529866;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}@media (max-width:768px){.logo-section{display:none}.logo-inside{display:block;height:60px;margin:0 auto 12px;max-width:220px;width:auto}.login-content-container{align-items:stretch;flex-direction:column;gap:24px;min-height:auto;padding:40px 20px 30px}.side-image-container{display:none}.login-card-container{max-width:100%}.login-card{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:420px;padding:10px 28px 36px;text-align:center}.welcome-text{font-size:24px}.login-instruction{margin-bottom:20px}}@media (max-width:480px){.logo-main{height:60px;max-width:220px}.login-content-container{gap:20px;padding:30px 15px 20px}.login-card{padding:28px 22px}.welcome-text{font-size:22px}}@media (max-width:360px){.logo-main{height:50px;margin-top:5px;max-width:150px}.login-content-container{gap:20px;padding:15px}.login-card{padding:5px}.login-instruction{font-size:11px;text-align:left}.welcome-text{font-size:13px;margin-bottom:0}.side-image{max-width:200px}.form-group input{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeIn .6s ease-out}.side-image{animation:fadeIn .8s ease-out}.logo-main{animation:fadeIn .5s ease-out}.login-instruction-left{color:#666;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:25px;text-align:left;width:100%}.form-group.floating{margin-bottom:20px;position:relative}.floating-input{background-color:#f8f9fa;border:1px solid #a89a9a;border-radius:8px;box-sizing:border-box;font-size:16px;padding:16px 14px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;width:100%}.floating-label{background:#0000;color:#777;font-size:15px;left:12px;padding:0 6px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .18s ease}.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label{background:#fff;color:#1e3c72;font-size:12px;left:10px;top:-8px;transform:translateY(0)}.floating-input:focus{background-color:#fff;border-color:#1e3c72;box-shadow:0 0 0 4px #1e3c7214;outline:none}.floating-input:focus-visible{outline:2px solid #1e3c721f;outline-offset:2px}@media (max-width:768px){.floating-input{font-size:16px;height:70%;padding:18px 16px}.login-card{padding:12px}.login-instruction-left{font-size:15px;margin-bottom:8px}}@media (max-width:480px){.floating-input{border-radius:10px;font-size:16px;padding:20px 16px}.login-button{padding:14px;width:100%}.login-instruction-left{font-size:10px;padding-left:5px}.form-group input{width:85vw}.login-instruction-left{margin-top:5px}}.floating-input::placeholder{color:#0000}.error-style{background-color:#f003;color:#2a5298;font-size:16px;padding:3px;text-align:center}
/*# sourceMappingURL=main.57ee0b7a.css.map*/