*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body,html{width:100%;max-width:100%}body{background:#f5f7fb}.dashboard{display:flex;min-height:100vh;width:100%;max-width:100%}.sidebar{width:250px;background:#111827;color:white;padding:30px;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;z-index:1000}.sidebar h2{margin-bottom:40px}.sidebar nav{display:flex;flex-direction:column;gap:18px}.sidebar a{color:white;text-decoration:none}.sidebar a:hover{color:#60a5fa}.sidebar-logo{display:flex;flex-direction:column}.sidebar-subtitle{display:block;margin-bottom:20px;color:#d1d5db;font-size:16px}.mobile-menu-btn,.sidebar-overlay{display:none}.logout{position:fixed;left:20px;bottom:20px;width:210px;padding:12px;border:none;border-radius:8px;background:#2563eb;color:white;cursor:pointer;font-weight:600;box-sizing:border-box;z-index:2000}.logout:hover{background:#1d4ed8}.main{margin-left:250px;width:calc(100% - 250px);min-width:0;max-width:calc(100% - 250px);padding:30px;background:#f8fafc;box-sizing:border-box}.navbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;width:100%;max-width:100%;min-width:0}.navbar h2{font-size:30px;color:#0f172a}.navbar-subtitle{color:#64748b;margin-top:6px}.profile{display:flex;align-items:center;gap:15px;min-width:0}.profile-info{text-align:right;min-width:0}.profile-info h4{font-size:17px}.profile-info span{color:#64748b;font-size:14px}.profile-avatar{width:50px;height:50px;background:#0f766e;display:flex;justify-content:center;align-items:center;color:white;font-size:22px}.profile img,.profile-avatar{border-radius:50%;flex-shrink:0}.profile img{width:40px;height:40px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px;margin-bottom:30px;width:100%}.card,.cards{max-width:100%}.card{background:white;padding:25px;border-radius:15px;box-shadow:0 3px 10px rgba(0,0,0,.08);min-width:0}.card h4{color:gray;margin-bottom:10px}.card h2{font-size:34px;color:#2563eb}.tableCard{background:white;padding:25px;border-radius:15px;box-shadow:0 3px 10px rgba(0,0,0,.08);min-width:0;box-sizing:border-box}.tableCard,table{width:100%;max-width:100%}table{margin-top:20px;border-collapse:collapse}td,th{padding:15px;border-bottom:1px solid #eee;text-align:left}th{background:#2563eb;color:white}.login-page{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:#ecfdf5}.login-card{width:420px;max-width:100%;background:white;padding:45px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);text-align:center;box-sizing:border-box}.login-logo h1{font-size:38px;color:#0f766e;margin-bottom:10px}.login-logo p{color:#64748b;margin-bottom:40px}.login-content h2{margin-bottom:10px}.login-content p{color:#64748b;margin-bottom:30px}.google-btn{width:100%;height:55px;border:none;border-radius:12px;background:#0f766e;color:white;font-size:16px;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;transition:.3s}.google-btn:hover{background:#115e59}.google-btn img{width:24px}.login-footer{margin-top:35px;color:#94a3b8;font-size:14px}@media (max-width:768px){.dashboard,body,html{width:100%;max-width:100%;overflow-x:hidden}.dashboard{display:flex;flex-direction:row;min-height:100vh}.mobile-menu-btn{display:flex;position:fixed;top:8px;left:8px;width:36px;height:36px;align-items:center;justify-content:center;border:none;border-radius:7px;background:#111827;color:white;font-size:22px;line-height:1;cursor:pointer;z-index:2002}.mobile-menu-btn:hover{background:#1f2937}.mobile-menu-btn:active{transform:scale(.95)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;padding:30px;background:#111827;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;z-index:2001;transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:2000}.sidebar-overlay.show{display:block}.sidebar-logo{display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden}.sidebar-logo h1{font-size:24px;line-height:1.1;margin:0 0 5px;white-space:nowrap}.sidebar-subtitle{display:block;width:100%;margin:0 0 30px;color:#d1d5db;font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu{flex-direction:column;gap:18px}.sidebar-menu,.sidebar-menu a{display:flex;width:100%;min-width:0}.sidebar-menu a{align-items:center;gap:8px;padding:4px 0;color:white;text-decoration:none;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden}.sidebar-menu a span:first-child{flex-shrink:0;font-size:14px}.sidebar-menu a span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-menu a.active,.sidebar-menu a:hover{color:#60a5fa}.sidebar .logout{position:absolute;left:20px;bottom:20px;width:calc(100% - 40px);margin:0;padding:10px;border:none;border-radius:8px;background:#2563eb;color:white;font-size:13px;line-height:1.1;white-space:nowrap;overflow:hidden;z-index:2003}.sidebar .logout:hover{background:#1d4ed8}.main{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0;min-height:100vh;padding:45px 6px 6px;box-sizing:border-box;overflow-x:hidden}.main section,.main>*,.main>div{max-width:100%;min-width:0;box-sizing:border-box}.navbar{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:7px;width:100%;max-width:100%;min-width:0}.navbar h2{font-size:12px;line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis}.navbar-subtitle{font-size:6px;margin-top:2px}.profile{display:flex;align-items:center;gap:3px;flex-shrink:1;min-width:0}.profile-info{text-align:right;min-width:0;overflow:hidden}.profile-info h4{font-size:7px}.profile-info h4,.profile-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info span{font-size:6px}.profile-avatar{font-size:9px}.profile img,.profile-avatar{width:22px;height:22px;flex-shrink:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:4px;gap:4px;margin-bottom:7px}.card,.cards{width:100%;max-width:100%;min-width:0}.card{padding:6px 4px;border-radius:6px;overflow:hidden}.card h4{font-size:6px;margin-bottom:2px;line-height:1.1;white-space:normal;word-break:break-word}.card h2{font-size:12px;line-height:1.1;white-space:nowrap}.tableCard{width:100%;max-width:100%;min-width:0;padding:5px;border-radius:7px;overflow:hidden;box-sizing:border-box}.tableCard h2{font-size:12px;line-height:1.1;max-width:100%}.tableCard table{width:100%!important;max-width:100%!important;min-width:0!important;margin-top:4px;table-layout:fixed;border-collapse:collapse}.tableCard td,.tableCard th{padding:3px 2px;font-size:6px;line-height:1.1;vertical-align:middle;white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:0}.tableCard th{white-space:normal}.main button,.main input,.main select,.main textarea{max-width:100%;box-sizing:border-box}.main input,.main select,.main textarea{min-width:0}.main [style*="width: 420px"],.main [style*="width: 500px"],.main [style*="width: 600px"],.main [style*="width:420px"],.main [style*="width:500px"],.main [style*="width:600px"]{max-width:100%!important}.login-page{max-width:100%;padding:8px;overflow:hidden}.login-card,.login-page{width:100%;box-sizing:border-box}.login-card{max-width:420px;padding:20px 14px}}@media (max-width:360px){.sidebar{width:250px;padding:25px}.sidebar-logo h1{font-size:22px}.sidebar-subtitle{font-size:11px;margin-bottom:25px}.sidebar-menu{gap:15px}.sidebar-menu a,.sidebar-menu a span:first-child{font-size:13px}.sidebar .logout{left:18px;bottom:15px;width:calc(100% - 36px);padding:9px;font-size:12px}.main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:45px 5px 5px}.mobile-menu-btn{width:34px;height:34px;top:7px;left:7px;font-size:21px}.navbar{margin-bottom:6px}.navbar h2{font-size:11px}.navbar-subtitle{font-size:5.5px}.profile-info h4{font-size:6.5px}.profile-info span{font-size:5.5px}.profile img,.profile-avatar{width:20px;height:20px}.profile-avatar{font-size:8px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-bottom:6px}.card{padding:5px 3px;border-radius:5px}.card h4{font-size:5.5px;margin-bottom:2px}.card h2{font-size:10px}.tableCard{padding:4px;border-radius:6px}.tableCard h2{font-size:11px}.tableCard table{margin-top:3px}.tableCard td,.tableCard th{padding:3px 2px;font-size:5.5px;line-height:1.05}}@media (max-width:768px){.timesheet-modal{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;box-sizing:border-box!important;overflow:hidden!important}.timesheet-modal-body{padding:12px 14px 16px!important;overflow-x:hidden!important}.timesheet-modal-body,.timesheet-modal-body form,.timesheet-modal-body input,.timesheet-modal-body select,.timesheet-modal-body textarea{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.timesheet-modal-body input,.timesheet-modal-body select,.timesheet-modal-body textarea{display:block!important}}@media (max-width:480px){.timesheet-modal{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.timesheet-modal-body{padding:10px 12px 14px!important}.timesheet-modal-body input,.timesheet-modal-body select,.timesheet-modal-body textarea{font-size:14px!important}}.timesheet-toolbar{width:100%;max-width:100%;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;box-sizing:border-box;flex-wrap:wrap}.timesheet-toolbar-left,.timesheet-toolbar-right{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}.timesheet-add-btn,.timesheet-refresh-btn{padding:10px 18px;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;white-space:nowrap;box-sizing:border-box}.timesheet-add-btn{background:#2563eb}.timesheet-refresh-btn{background:#16a34a}.timesheet-search{width:220px;max-width:100%;min-width:0;padding:10px;border-radius:8px;border:1px solid #ccc;box-sizing:border-box}@media (max-width:768px){.timesheet-toolbar{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:10px}.timesheet-toolbar-left,.timesheet-toolbar-right{width:100%;max-width:100%;min-width:0;display:flex;gap:6px;box-sizing:border-box}.timesheet-toolbar-left>*,.timesheet-toolbar-right>*{min-width:0}.timesheet-add-btn,.timesheet-refresh-btn{padding:8px 10px;font-size:11px;flex-shrink:0}.timesheet-search{width:100%;max-width:100%;min-width:0;flex:1 1;padding:8px;font-size:12px}}@media (max-width:360px){.timesheet-toolbar{gap:6px}.timesheet-toolbar-left,.timesheet-toolbar-right{gap:4px}.timesheet-add-btn,.timesheet-refresh-btn{padding:7px 8px;font-size:10px}.timesheet-search{font-size:11px;padding:7px}}.timesheet-table-card,.timesheet-table-wrapper{width:100%;max-width:100%;min-width:0;overflow:hidden}.timesheet-table{max-width:100%;min-width:0}.timesheet-actions{display:flex;gap:6px;flex-wrap:wrap}.timesheet-delete-btn,.timesheet-edit-btn{border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600}.timesheet-edit-btn{background:#2563eb}.timesheet-delete-btn{background:#dc2626}@media (max-width:768px){.timesheet-table-card{padding:5px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.timesheet-table-card h2{font-size:12px!important;margin-bottom:6px!important}.timesheet-table-wrapper{overflow:hidden!important}.timesheet-table,.timesheet-table-wrapper{width:100%!important;max-width:100%!important}.timesheet-table{table-layout:fixed!important}.timesheet-table td,.timesheet-table th{padding:3px 2px!important;font-size:6px!important;line-height:1.1!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;max-width:0!important}.timesheet-table th{font-size:6px!important}.timesheet-table td div{max-width:100%;word-break:break-word;overflow-wrap:anywhere}.timesheet-actions{display:flex;flex-direction:column;gap:3px;width:100%}.timesheet-delete-btn,.timesheet-edit-btn{width:100%;padding:4px 2px;font-size:6px;line-height:1.1}}@media (max-width:360px){.timesheet-table td,.timesheet-table th{padding:2px 1px!important;font-size:5px!important}.timesheet-table th{font-size:5px!important}.timesheet-delete-btn,.timesheet-edit-btn{padding:3px 1px;font-size:5px}}.employee-toolbar{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px;flex-wrap:wrap}.employee-search,.employee-toolbar{max-width:100%;min-width:0;box-sizing:border-box}.employee-search{width:300px;padding:10px;border-radius:8px;border:1px solid #ccc}.employee-filters{display:flex;gap:10px;flex-wrap:wrap;max-width:100%;min-width:0}.employee-filter-select{padding:10px;border-radius:8px;max-width:100%;min-width:0;box-sizing:border-box}.employee-refresh-btn{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;white-space:nowrap}@media (max-width:768px){.employee-toolbar{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:10px}.employee-search{width:100%;max-width:100%;min-width:0;padding:8px;font-size:12px}.employee-filters{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px}.employee-filter-select{width:100%;min-width:0;max-width:100%;padding:7px 4px;font-size:10px}.employee-refresh-btn{width:100%;padding:7px 8px;font-size:10px}}@media (max-width:360px){.employee-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.employee-filter-select{font-size:9px;padding:6px 3px}.employee-refresh-btn{font-size:9px;padding:6px}}.tasks-table{width:100%;max-width:100%;table-layout:fixed;box-sizing:border-box}.tasks-table td,.tasks-table th{overflow-wrap:anywhere;word-break:break-word}@media (max-width:768px){.tasks-table{width:100%!important;max-width:100%!important;table-layout:fixed!important}.tasks-table td,.tasks-table th{padding:4px 2px!important;font-size:6px!important;line-height:1.1!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;max-width:0!important}.tasks-actions-cell{padding:3px 2px!important}.tasks-actions-cell button{display:block;width:100%;max-width:100%;padding:4px 1px!important;margin:0 0 3px!important;font-size:6px!important;line-height:1.1;box-sizing:border-box}.tasks-actions-cell button:last-child{margin-bottom:0!important}}@media (max-width:360px){.tasks-actions-cell button,.tasks-table td,.tasks-table th{padding:3px 1px!important;font-size:5px!important}}.leaves-page-header{min-width:0}.leaves-page-header,.leaves-table{width:100%;max-width:100%;box-sizing:border-box}.leaves-table{table-layout:fixed}.leaves-table td,.leaves-table th{overflow-wrap:anywhere;word-break:break-word}@media (max-width:768px){.leaves-page-header{width:100%;max-width:100%;gap:5px;margin-bottom:10px!important}.leaves-page-header h1{font-size:12px;line-height:1.1;min-width:0;overflow-wrap:anywhere}.leaves-page-header button{padding:6px 7px!important;font-size:8px!important;white-space:nowrap;flex-shrink:0}.leaves-table{width:100%!important;max-width:100%!important;table-layout:fixed!important}.leaves-table td,.leaves-table th{padding:4px 2px!important;font-size:6px!important;line-height:1.1!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;max-width:0!important;vertical-align:middle}.leaves-table td div{max-width:100%;word-break:break-word;overflow-wrap:anywhere}.leaves-actions-cell{padding:3px 2px!important}.leaves-actions-cell button{display:block;width:100%;max-width:100%;padding:4px 1px!important;margin:0 0 3px!important;font-size:6px!important;line-height:1.1;box-sizing:border-box}.leaves-actions-cell button:last-child{margin-bottom:0!important}}@media (max-width:360px){.leaves-page-header h1{font-size:11px}.leaves-page-header button{font-size:7px!important;padding:5px 6px!important}.leaves-actions-cell button,.leaves-table td,.leaves-table th{padding:3px 1px!important;font-size:5px!important}}.settings-page{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.settings-description{color:#666;margin-bottom:30px}.settings-profile-card{background:#fff;border-radius:15px;padding:35px;max-width:700px;width:100%;margin:auto;box-shadow:0 4px 12px rgba(0,0,0,.08);box-sizing:border-box}.settings-profile-header{display:flex;align-items:center;gap:25px;margin-bottom:35px;min-width:0}.settings-profile-photo{width:120px;height:120px;flex-shrink:0;border-radius:50%;object-fit:cover;border:4px solid #2563eb}.settings-profile-info{min-width:0}.settings-profile-info h2,.settings-profile-info p{overflow-wrap:anywhere}.settings-status{display:inline-block;background:#dcfce7;padding:6px 15px;border-radius:20px;font-weight:600}.settings-info-wrapper{width:100%;max-width:100%;min-width:0;overflow:hidden}.settings-info-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed}.settings-info-table td{padding:10px 8px;border-bottom:1px solid #e5e7eb;overflow-wrap:anywhere;word-break:break-word}.settings-info-table td:first-child{width:35%}.settings-action-buttons{display:flex;gap:15px;margin-top:35px;flex-wrap:wrap}.settings-edit-btn,.settings-upload-btn{padding:12px 22px;color:#fff;border:none;border-radius:8px;cursor:pointer;box-sizing:border-box;white-space:nowrap}.settings-upload-btn{background:#2563eb}.settings-edit-btn{background:#0f766e}.settings-message{width:100%;max-width:100%;box-sizing:border-box}@media (max-width:768px){.settings-page{width:100%;max-width:100%;min-width:0}.settings-page>h1{font-size:13px;line-height:1.2;overflow-wrap:anywhere}.settings-description{font-size:8px;margin-bottom:10px}.settings-profile-card{width:100%;max-width:100%;padding:10px;border-radius:8px;box-sizing:border-box;overflow:hidden}.settings-profile-header{width:100%;max-width:100%;gap:8px;margin-bottom:12px}.settings-profile-photo{width:55px;height:55px;border-width:2px}.settings-profile-info{min-width:0;flex:1 1}.settings-profile-info h2{font-size:11px;line-height:1.2}.settings-profile-info p{font-size:8px;margin:2px 0}.settings-status{padding:3px 7px;border-radius:10px;font-size:7px}.settings-info-table{width:100%!important;max-width:100%!important;table-layout:fixed!important}.settings-info-table td{padding:5px 3px;font-size:7px;line-height:1.2;word-break:break-word;overflow-wrap:anywhere}.settings-info-table td:first-child{width:35%}.settings-action-buttons{width:100%;max-width:100%;display:flex;gap:5px;margin-top:12px}.settings-edit-btn,.settings-upload-btn{flex:1 1;min-width:0;max-width:100%;padding:7px 4px;font-size:7px;white-space:normal}}@media (max-width:360px){.settings-page>h1{font-size:11px}.settings-description{font-size:7px}.settings-profile-card{padding:8px}.settings-profile-photo{width:48px;height:48px}.settings-profile-info h2{font-size:10px}.settings-profile-info p{font-size:7px}.settings-status{font-size:6px;padding:3px 6px}.settings-info-table td{font-size:6px;padding:4px 2px}.settings-edit-btn,.settings-upload-btn{font-size:6px;padding:6px 3px}}.employee-table-card{background:#fff;border-radius:12px;overflow:hidden;box-sizing:border-box}.employee-table,.employee-table-card{width:100%;max-width:100%;min-width:0}.employee-table{border-collapse:collapse;table-layout:fixed}.employee-table td,.employee-table th{overflow-wrap:anywhere;word-break:break-word}@media (max-width:768px){.employee-table-card{overflow:hidden!important}.employee-table,.employee-table-card{width:100%!important;max-width:100%!important;min-width:0!important}.employee-table{table-layout:fixed!important}.employee-table td,.employee-table th{padding:4px 2px!important;font-size:6px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:middle}.employee-table td span{padding:3px 4px!important;font-size:5px!important;border-radius:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.employee-actions-cell{padding:3px 2px!important}.employee-action-buttons{display:flex;flex-direction:column;gap:2px;width:100%;max-width:100%}.employee-action-buttons button{width:100%;max-width:100%;padding:4px 1px!important;font-size:5px!important;line-height:1.1;box-sizing:border-box;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}@media (max-width:360px){.employee-table td,.employee-table th{padding:3px 1px!important;font-size:5px!important}.employee-table td span{padding:2px 3px!important;font-size:4.5px!important}.employee-action-buttons{gap:2px}.employee-action-buttons button{padding:3px 1px!important;font-size:4.5px!important}}@media (min-width:769px){.employee-table{width:100%;max-width:100%;min-width:0;table-layout:fixed}.employee-table td,.employee-table th{font-size:16px!important;padding:15px 12px!important;line-height:1.3;vertical-align:middle;word-break:normal;overflow-wrap:normal}.employee-table td:first-child,.employee-table th:first-child{width:45px!important;min-width:45px!important;max-width:45px!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.employee-table td:nth-child(2),.employee-table th:nth-child(2){width:180px!important;min-width:150px!important;font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-table td:nth-child(3),.employee-table th:nth-child(3){width:150px!important;min-width:130px!important;max-width:180px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.employee-table td:nth-child(4),.employee-table td:nth-child(5),.employee-table td:nth-child(6),.employee-table td:nth-child(7),.employee-table th:nth-child(4),.employee-table th:nth-child(5),.employee-table th:nth-child(6),.employee-table th:nth-child(7){font-size:16px!important}.employee-table td:nth-child(8),.employee-table th:nth-child(8){width:160px!important;min-width:150px!important;font-size:16px!important}}@media (max-width:768px){.leave-modal-overlay{left:0!important;right:0!important;top:0!important;bottom:0!important;padding:8px!important}}@media (max-width:360px){.leave-modal-overlay{left:0!important}}@media (max-width:768px){.mobile-menu-btn{position:fixed!important;left:82px!important;right:auto!important;top:8px!important;width:38px!important;height:38px!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;background:#111827!important;color:white!important;border:none!important;border-radius:7px!important;font-size:23px!important;line-height:1!important;cursor:pointer;z-index:5000!important}.mobile-menu-btn-hidden{display:none!important}.main{padding-top:6px!important}}@media (max-width:360px){.mobile-menu-btn{left:78px!important;right:auto!important;top:7px!important;width:32px!important;height:32px!important;font-size:20px!important}.main{padding-top:5px!important}}@media (max-width:768px){.mobile-menu-btn{position:fixed!important;left:8px!important;right:auto!important;top:8px!important;width:38px!important;height:38px!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;background:#111827!important;color:white!important;border:none!important;border-radius:7px!important;font-size:23px!important;line-height:1!important;cursor:pointer;z-index:5000!important}.mobile-menu-btn-hidden{display:none!important}.main{padding-top:55px!important}}@media (max-width:360px){.mobile-menu-btn{left:7px!important;top:7px!important;width:32px!important;height:32px!important;font-size:20px!important}.main{padding-top:48px!important}}@media (min-width:769px){.employee-table td:first-child,.employee-table th:first-child{width:75px!important;min-width:75px!important;max-width:75px!important;font-size:14px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}@media (max-width:768px){.employee-table td:first-child,.employee-table th:first-child{width:55px!important;min-width:55px!important;max-width:55px!important;font-size:7px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}@media (max-width:360px){.employee-table td:first-child,.employee-table th:first-child{width:50px!important;min-width:50px!important;max-width:50px!important;font-size:6px!important}}@media (max-width:768px){.employee-profile-card{padding:20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:20px!important;overflow:hidden!important}.employee-profile-card,.employee-profile-details{width:100%!important;box-sizing:border-box!important}.employee-profile-details{min-width:0!important}.employee-profile-details h2{font-size:24px!important;text-align:center!important;overflow-wrap:anywhere!important}.employee-profile-grid{width:100%!important;grid-template-columns:1fr!important;column-gap:0!important;row-gap:14px!important}.employee-profile-grid>div{min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}}.reports-page{max-width:100%}.reports-filter-card,.reports-page{width:100%;box-sizing:border-box}.reports-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));grid-gap:20px;gap:20px;align-items:end}.task-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:20px}.date-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));grid-gap:20px;gap:20px}.report-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table{width:100%;border-collapse:collapse;min-width:650px}.report-table td,.report-table th{padding:13px 20px;text-align:left;white-space:nowrap}.task-dropdown-list{max-width:100%;box-sizing:border-box}@media (max-width:900px){.reports-filter-grid{grid-template-columns:1fr 1fr}.task-filter-grid{grid-template-columns:1fr}.date-filter-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.reports-page{width:100%;padding:0;box-sizing:border-box}.reports-title{font-size:25px!important;margin-bottom:18px!important}.reports-filter-card{padding:16px!important;border-radius:12px!important;margin-bottom:18px!important}.reports-filter-grid,.task-filter-grid{grid-template-columns:1fr!important;gap:15px!important}.task-filter-grid{margin-bottom:15px!important}.date-filter-grid{grid-template-columns:1fr!important;gap:15px!important}.report-type-container{max-width:100%!important;margin-bottom:18px!important}.reports-filter-card input,.reports-filter-card select{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:14px!important}.reports-filter-card button{max-width:100%}.generate-report-btn{width:100%!important;margin-top:18px!important;padding:12px 20px!important}.task-dropdown-button{min-height:44px!important}.task-dropdown-list{position:absolute!important;width:100%!important;max-height:250px!important;overflow-y:auto!important}.task-dropdown-item{padding:11px 10px!important}.report-result-card{border-radius:12px!important;margin-bottom:18px}.report-result-header{padding:16px!important;gap:12px;flex-wrap:wrap}.report-result-header h2{font-size:18px!important}.report-table-wrapper{overflow-x:auto!important;width:100%!important}.report-table{min-width:700px!important}.report-table td,.report-table th{padding:11px 14px!important;font-size:13px!important}}@media (max-width:380px){.reports-filter-card{padding:12px!important}.reports-title{font-size:22px!important}.report-table{min-width:680px!important}.report-table td,.report-table th{padding:10px 12px!important;font-size:12px!important}}@media (max-width:600px){.reports-page{overflow-x:hidden!important}.reports-filter-card,.reports-page{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.date-filter-grid,.task-filter-grid{display:grid!important;grid-template-columns:1fr!important;width:100%!important;grid-gap:15px!important;gap:15px!important}.generate-report-btn,.reports-filter-card input,.reports-filter-card select,.task-dropdown-button{width:100%!important;max-width:100%!important;box-sizing:border-box!important}body{overflow-x:hidden!important}.reports-page{overflow-x:hidden!important}.reports-filter-card,.reports-page{width:100%!important;max-width:100%!important}.reports-filter-card{box-sizing:border-box!important;overflow:visible!important}.task-filter-grid{display:flex!important;flex-direction:column!important;width:100%!important;gap:15px!important}.task-filter-grid>div{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.date-filter-grid{display:flex!important;flex-direction:column!important;width:100%!important;gap:15px!important}.date-filter-grid>div,.reports-filter-card input,.reports-filter-card select,.task-dropdown-button{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.reports-filter-card label{white-space:normal!important;overflow-wrap:anywhere!important}.reports-filter-card small{display:block!important;max-width:100%!important;line-height:1.4!important}.reports-filter-card small,.task-dropdown-button{white-space:normal!important;overflow-wrap:break-word!important}.task-dropdown-button{text-overflow:clip!important}.generate-report-btn{width:100%!important;max-width:100%!important}.task-dropdown-button{font-size:13px!important;padding:10px!important}.task-dropdown-button,.task-dropdown-list{width:100%!important;box-sizing:border-box!important}.task-dropdown-list{position:absolute!important;top:calc(100% + 5px)!important;left:0!important;height:220px!important;max-height:220px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#ffffff!important;z-index:99999!important}.task-dropdown-list,.task-dropdown-list label{max-width:100%!important;min-width:0!important}.task-dropdown-list label{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;width:100%!important;box-sizing:border-box!important;padding:9px 10px!important;grid-gap:8px!important;gap:8px!important}.task-dropdown-list label input{width:16px!important;height:16px!important;margin:3px 0 0!important}.task-dropdown-list label span{display:block!important;width:auto!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important}.task-dropdown-list label span,.task-dropdown-list>button{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.task-dropdown-list>button{padding:10px!important}.task-dropdown-list,.task-dropdown-list>button{width:100%!important;box-sizing:border-box!important}.task-dropdown-list{position:absolute!important;top:calc(100% + 5px)!important;left:0!important;height:230px!important;max-height:230px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;z-index:999999!important}.task-dropdown-list,.task-dropdown-list label{min-width:0!important;max-width:100%!important}.task-dropdown-list label{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;width:100%!important;padding:9px 10px!important;grid-gap:7px!important;gap:7px!important;box-sizing:border-box!important;overflow:hidden!important}.task-dropdown-list label input{width:15px!important;min-width:15px!important;max-width:15px!important;height:15px!important;margin:2px 0 0!important}.task-dropdown-list label span{overflow:hidden!important;text-overflow:clip!important;line-height:1.35!important;font-size:12px!important}.task-dropdown-list label span,.task-dropdown-list>button{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.task-dropdown-list>button{box-sizing:border-box!important;padding:10px!important;text-align:left!important}}.timesheet-table{width:100%;table-layout:fixed}.timesheet-table td,.timesheet-table th{overflow-wrap:anywhere;word-break:break-word}.timesheet-table td.timesheet-task-description,.timesheet-table th:nth-child(3){width:35%;max-width:35%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.timesheet-table td:first-child,.timesheet-table td:nth-child(2),.timesheet-table th:first-child,.timesheet-table th:nth-child(2){width:12%}.timesheet-table td:nth-child(4),.timesheet-table td:nth-child(5),.timesheet-table th:nth-child(4),.timesheet-table th:nth-child(5){width:8%}.timesheet-table td:nth-child(6),.timesheet-table th:nth-child(6){width:15%}.timesheet-table td:nth-child(7),.timesheet-table th:nth-child(7){width:10%}.timesheet-task-description{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.45}.report-table td{overflow-wrap:anywhere;word-break:break-word}.report-table td:nth-child(7),.report-table th:nth-child(7){width:18%;max-width:18%;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.4}@media (min-width:601px){.report-table-wrapper{width:100%;overflow-x:auto!important}.report-table{width:100%!important;min-width:900px!important;table-layout:auto!important}.report-table td,.report-table th{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;vertical-align:top!important}}@media (max-width:600px){.report-table-wrapper{width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.report-table{width:695px!important;min-width:695px!important;max-width:695px!important;table-layout:fixed!important;border-collapse:collapse!important}.report-table td,.report-table th{box-sizing:border-box!important;vertical-align:top!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;padding:6px 5px!important;font-size:11px!important;line-height:1.3!important}.report-table td:first-child,.report-table th:first-child{width:130px!important;min-width:130px!important;max-width:130px!important}.report-table td:nth-child(2),.report-table th:nth-child(2){width:55px!important;min-width:55px!important;max-width:55px!important}.report-table td:nth-child(3),.report-table th:nth-child(3){width:110px!important;min-width:110px!important;max-width:110px!important}.report-table td:nth-child(4),.report-table th:nth-child(4){width:85px!important;min-width:85px!important;max-width:85px!important}.report-table td:nth-child(5),.report-table th:nth-child(5){width:55px!important;min-width:55px!important;max-width:55px!important}.report-table td:nth-child(6),.report-table th:nth-child(6){width:60px!important;min-width:60px!important;max-width:60px!important}.report-table td:nth-child(7),.report-table th:nth-child(7){width:200px!important;min-width:200px!important;max-width:200px!important}.unfilled-report-table-wrapper{width:100%!important;overflow-x:hidden!important}.unfilled-report-table{width:100%!important;table-layout:fixed!important}.unfilled-report-table td:first-child,.unfilled-report-table th:first-child{width:60%!important}.unfilled-report-table td:nth-child(2),.unfilled-report-table th:nth-child(2){width:40%!important}.employee-dropdown-list{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;max-height:260px}.employee-dropdown-list>button{display:block;width:100%;box-sizing:border-box;text-align:left}.employee-dropdown-option{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:6px!important;width:100%;min-width:0;box-sizing:border-box;padding:10px!important;white-space:normal!important}.employee-dropdown-option input[type=checkbox]{flex:0 0 16px;width:16px;height:16px;margin:2px 0 0}.employee-dropdown-option span{display:block;flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.4}}