@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);:root{--Text-dark:#ffffffd9;--Text-light:#000000e0;--Secondary-Text-light:#000000a6;--Secondary-Text-dark:#ffffffa6;--Disabled-Text-light:#00000040;--Disabled-Text-dark:#ffffff40;--Border-light:#d9d9d9;--Border-dark:#424242;--Seperator-light:#0505050f;--Seperator-dark:#fdfdfd1f;--Layout-Background-light:#f5f5f5;--Layout-Background-dark:#000;--elevate-1:0 1px 3px 1px #00000026,0 1px 2px 0 #0000004d;--elevate-2:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;--elevate-3:0 4px 8px 3px #00000026,0 1px 3px 0 #0000004d;--elevate-4:0 6px 10px 4px #00000026,0 2px 3px 0 #0000004d;--elevate-5:0 8px 12px 6px #00000026,0 4px 4px 0 #0000004d}h1{font-size:clamp(48px,5vw + 1rem,76px);letter-spacing:clamp(0%,.1vw,.3%);line-height:clamp(58.7px,6vw + 1rem,85.3px)}h1,h2{font-weight:400}h2{font-size:clamp(32px,4vw,43px);letter-spacing:0;line-height:clamp(43px,5vw 53px)}h3{font-size:clamp(17px,2.5vw,29px);letter-spacing:clamp(.13%,.15vw,0%);line-height:clamp(27px,4vw,37px)}h3,h4{font-weight:400}h4{font-size:clamp(16px,2.5vw,21px);letter-spacing:clamp(.5%,.1vw,.6%);line-height:clamp(21px,3vw,32px)}h5{font-size:clamp(14.7px,2vw,19px);font-weight:500;letter-spacing:clamp(.6%,.3vw,.7%);line-height:clamp(21.3px,3vw,27px)}h6{font-size:16px;font-weight:400;letter-spacing:.7%;line-height:21px}body{background-color:#fafaff;box-sizing:border-box;color:#000000e0;color:var(--Text-light);font-family:Roboto,sans-serif;font-size:1rem;margin:120px 0 0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0}input[type=date],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],select,textarea{-webkit-appearance:none;appearance:none;background-color:#fafaff;border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;box-sizing:border-box;color:#000000e0;color:var(--Text-light);display:block;font-family:Roboto,sans-serif;font-size:clamp(14.7px,2vw,19px);font-weight:400;letter-spacing:clamp(.6%,.3vw,.7%);line-height:clamp(21.3px,3vw,27px);padding:10px 16px;width:100%}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:15px;padding-right:30px}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);padding-right:5px}select{margin-bottom:20px}input[type=checkbox]{border:1px solid #d9d9d9;border:1px solid var(--Border-light);height:24px;width:24px}input ::placeholder{font-family:Roboto,sans-serif;font-size:clamp(14.7px,2vw,19px);letter-spacing:clamp(.6%,.3vw,.7%);line-height:clamp(21.3px,3vw,27px)}input:focus,select:focus,textarea:focus{outline:2px solid #000}.filled-btn{background-color:#000;border:none;border-radius:5px;color:#fff}.filled-btn,.outlined-btn{cursor:pointer;gap:8px;padding:10px 24px}.outlined-btn{background-color:#fff;border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;color:#000}.text-btn{background-color:initial;border:none;color:#000;cursor:pointer}.inactive-btn,.text-btn{gap:8px;padding:10px 24px}.inactive-btn{align-items:center;background-color:#f5f5f5;background-color:var(--Layout-Background-light);border:none;border-radius:5px;color:#00000040;color:var(--Disabled-Text-light);cursor:not-allowed;display:flex;pointer-events:none}a{color:#000000e0;color:var(--Text-light);cursor:pointer;text-decoration:none}.filled-btn img,.inactive-btn img,.outlined-btn img,.text-btn img{height:22px;width:22px}.feedback_btn:hover,.filled-btn:hover,.inactive-btn:hover,.outlined-btn:hover,.text-btn:hover{filter:brightness(.9)}.feedback_btn:active,.filled-btn:active,.inactive-btn:active,.outlined-btn:active,.text-btn:active{transform:translateY(2px)}.left_container img{height:48px;width:48px}.nav_container{align-items:center;background-color:#fff;display:flex;justify-content:space-between;left:0;padding:20px 120px;position:fixed;right:0;top:0;z-index:1}.login_container{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;box-sizing:border-box;margin:200px auto;padding:50px;width:40%}.login_container h3{margin-bottom:30px;text-align:center}.fixed_staff button,.login_container button,.newstaff_cont button,.newteam_body button,.payslip_form button{display:flex;justify-content:center;width:100%}.error_message{margin-bottom:40px}.home_container{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;box-shadow:0 1px 3px 1px #00000026,0 1px 2px 0 #0000004d;box-shadow:var(--elevate-1);box-sizing:border-box;margin:200px auto;padding:50px;width:40%}.home_down,.home_up{align-items:center;display:flex;justify-content:space-between}.home_up{margin-bottom:50px}.attendance_container,.clockin_container,.clockout_container,.payroll_container{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:10px;width:35%}.timer_container{border-bottom:1px solid #0505050f;border-bottom:1px solid var(--Seperator-light);margin-bottom:30px;padding:20px 0;text-align:center}.clock_container button{display:flex;justify-content:center;margin:50px auto;width:50%}.attendance_container:hover,.clockin_container:hover,.clockout_container:hover,.payroll_container:hover{background-color:#f5f5f5}.attendance_container:active,.clockin_container:active,.clockout_container:active,.payroll_container:active{box-shadow:0 4px 8px 3px #00000026,0 1px 3px 0 #0000004d;box-shadow:var(--elevate-3)}.clock_container{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;box-sizing:border-box;margin:200px auto;padding:0 50px;width:60%}.staff_details{display:flex;flex-direction:column;gap:10px}.staff_company,.staff_name,.staff_position{align-items:center;display:flex;gap:10px}.clock_in_cont{align-items:center;display:flex;gap:40px;width:100%}.clock_type{width:50%}.break_end,.break_start,.clock_in,.clock_out{margin-bottom:10px}.clockstatus_container{align-items:start;display:flex}.staff_clock_summary,.staff_details{width:50%}.unpaid_staff{display:flex;flex-direction:column;gap:15px}.arrow{border:2px solid #000;height:20px;margin:0 auto;width:0}.payslip_head{margin-bottom:20px;text-align:center}.table_container{margin:120px auto 50px;padding:20px;width:80%}.payslip_form,.table_container{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;box-sizing:border-box}.payslip_form{margin:150px auto;padding:50px;width:40%;z-index:1}.table_body,.table_header{display:grid;grid-template-columns:repeat(5,1fr);padding:10px}.contract_staff_date_filter,.fixed_staff_date_filter{align-items:center;display:flex;justify-content:space-between}.contract_staff_date_filter{margin:20px 0}.staff_row{align-items:center;border-top:1px solid #0505050f;border-top:1px solid var(--Seperator-light);display:flex;justify-content:space-between;padding:15px 0}.paid_staff{color:#000000e0;color:var(--Text-light);margin:20px 0}.table_header{background-color:#f4f4f4;color:#000000a6;color:var(--Secondary-Text-light);font-weight:500;padding:15px 20px}.table_body .column{display:contents}.column .clockin_column,.column .clockout_column,.column .date_column,.column .hours_column,.column .status_column{border-bottom:1px solid #e0e0e0;overflow:hidden;padding:15px 8px;text-overflow:ellipsis;white-space:nowrap}.month_form{margin-bottom:30px;width:20%}.table_footer{align-items:center;display:flex;gap:10px;justify-content:center;margin:10px 0}.table_footer img{background-color:#00000026;border-radius:5px;cursor:pointer}.table_footer img:hover{filter:brightness(.9)}.small{display:none}.side-nav{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;width:100%}.attendance,.dashboard,.payroll,.settings,.staff,.team{align-items:center;cursor:pointer;display:flex;gap:15px;padding:10px 30px}.attendance:active,.dashboard:active,.payroll:active,.settings:active,.staff:active,.team:active{transform:translateY(2px)}.active,.attendance:hover,.dashboard:hover,.payroll:hover,.settings:hover,.staff:hover,.team:hover{background-color:#000;border-radius:5px;color:#fff}.side-logo img{height:36px;width:36px}.side-logo{margin-bottom:50px}.sidebar-cont{border:1px solid #0505050f;border:1px solid var(--Seperator-light);bottom:0;box-sizing:border-box;left:0;padding:40px;position:fixed;top:90px;width:25%}.right-logout{align-items:center;cursor:pointer;display:flex;row-gap:15px}.admin-layout{padding-left:25%}.right-adminav{align-items:center;display:flex;gap:15px}.right-icon{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:50px;cursor:pointer;height:30px;padding:5px;width:30px}.adminavbar_cont{background-color:#fff;border-bottom:1px solid #0505050f;border-bottom:1px solid var(--Seperator-light);left:0;padding:20px 40px;position:fixed;right:0;top:0;z-index:1}.adminavbar_cont,.adminavbar_cont .right_container{align-items:center;display:flex;justify-content:space-between}.adminavbar_cont .right_container{width:75%}.adminavbar_cont .left_container{width:25%}.intro_image{height:165px;width:196px}.intro_image img{width:100%}.dashboard_intro{align-items:center;border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:20px;box-shadow:0 1px 3px 1px #00000026,0 1px 2px 0 #0000004d;box-shadow:var(--elevate-1);box-sizing:border-box;display:flex;justify-content:space-between;margin:30px;padding:50px 30px}.analyse_up h4,.intro_text h4{color:#000000a6;color:var(--Secondary-Text-light)}.dashboard_body{margin:30px}.analyse,.dashboard_body input{width:30%}.analyse{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;padding:10px}.analytics_cont{display:flex;flex-direction:column;gap:20px;margin-top:20px}.analyse_up{margin-bottom:10px}.down_analytics,.up_analytics{align-items:center;display:flex;gap:20px}.staff_table_container{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;margin:0 auto;padding:20px}.staff_cont{margin:30px auto;width:90%}.staff_cont_head{align-items:center;background-color:#f5f5f5;display:flex;gap:60px;justify-content:center;margin:50px 0;padding:10px}.staff_cont_head h5{color:#000000a6;color:var(--Secondary-Text-light);cursor:pointer;font-weight:400}.select{border-bottom:2px solid #000;color:#000000e0;color:var(--Text-light);font-weight:600}.table_body .column:hover{background-color:#f9f9f9;cursor:pointer}.contract,.fixed,.total{padding-bottom:5px}.table_heading{align-items:flex-start;display:flex;justify-content:space-between}.filled-btn{align-items:center;display:flex}.contract_staff,.payroll_cont,.team_cont{margin:50px auto;width:90%}.team_heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.newteam_cont{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;box-sizing:border-box;margin:50px auto;padding:50px;width:60%}.sec{color:#000000a6;color:var(--Secondary-Text-light)}.newteam_header{margin-bottom:20px}.attendanceadmin_cont,.attendancemore_cont,.contract_staff,.payrollcont_body,.team_body{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;box-sizing:border-box;padding:30px}.bio_data,.fixed_staff,.newstaff_cont,.password_body,.payment,.personal_body,.working_hours{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;display:flex;flex-direction:column;gap:20px;margin:50px auto;padding:50px;width:70%}.newstaff_column,.payment_column,.payroll_column{align-items:center;display:flex;justify-content:space-between}.newstaff_column div,.payment_column div,.payroll_column div{width:45%}.attendanceadmin_cont,.attendancemore_cont{margin:50px auto;width:90%}.attendanceadmin_cont h5,.attendancemore_cont h5{margin-bottom:15px}.password_body .payment_column,.payment_columns,.payroll_columns{display:flex;flex-direction:column;gap:20px}.businessettings_head{margin:0 auto;width:90%}.work_hours div{gap:5px}.work_hours,.work_hours div{align-items:center;display:flex}.work_hours{gap:15px}.working_hours_column{align-items:center;display:flex;justify-content:space-between}.working_hours_colums{display:flex;flex-direction:column;gap:20px}.checkbox_cont{display:flex;gap:10px}.payment_columns button,.payroll_columns button,.working_hours_colums button{display:flex;justify-content:center;margin:10px auto;width:70%}.password_column button{display:flex;justify-content:center;margin:10px auto;width:100%}.password_column{display:flex;flex-direction:column;gap:20px;margin:0 auto;width:70%}.password_body h5{text-align:center}.form_column{display:flex;flex-direction:column;gap:20px}.none{display:none}.update_earnings,.update_team{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;box-sizing:border-box;margin:30px auto;padding:50px;width:60%}.no_content{margin:50px 0;text-align:center}.alert_cont{align-items:start;background-color:#fff;border-radius:5px;box-shadow:0 1px 3px 1px #00000026,0 1px 2px 0 #0000004d;box-shadow:var(--elevate-1);color:#000000e0;color:var(--Text-light);display:flex;font-size:5px;justify-content:space-between;min-width:300px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.message_cont{align-items:center;display:flex;gap:10px;width:80%}.close{cursor:pointer;height:20px;width:20px}.message_cont img{height:24px;width:24px}.alert-success{border:1px solid #28a745}.alert-error{border:1px solid #dc3545}.alert-info{border:1px solid #ff0}.icon_cont{display:flex;justify-content:end;padding:10px 0}.update_earnings{border:none;width:80%}.update_earnings button{display:flex;justify-content:center;width:100%}.attendance_filter{margin-bottom:20px;width:20%}.att_filter{width:20%}.attendance_sub_container{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.performance-cont{align-items:center;display:flex;gap:10px}.performance-cont img{height:48px;width:48px}.late{color:#b3261e}.early{color:#23893d}.att_cont_head{margin-bottom:10px}.payslip_template_container{background-color:#fff;background:#fff;border:1px solid #d9d9d9;border:1px solid var(--Border-light);height:1224px;margin:100px;width:792px}.payslip_template_header{display:flex;height:15%}.payslip_template_header_column{border:1px solid #d9d9d9;border:1px solid var(--Border-light);width:25%}.icon{align-items:center;display:flex;justify-content:center}.payslip_template_header_sub_column{display:flex;flex-direction:column;gap:20px;padding:10px}.sub_top{border-bottom:1px solid #0505050f;border-bottom:1px solid var(--Seperator-light)}.payslip_template_body{border:1px solid #d9d9d9;border:1px solid var(--Border-light);display:flex;height:50%}.payslip_template_footer_left,.payslip_template_payment{border-right:1px solid #d9d9d9;border-right:1px solid var(--Border-light);padding:5px;width:50%}.deduction_header,.payment_head{margin-bottom:30px}.deduction_column,.deduction_header,.payment_cont_column,.payment_head{display:flex;justify-content:space-between}.deduction_column,.payment_cont_column{margin-bottom:5px}.payslip_template_deductions,.payslip_template_footer_right{padding:5px;width:50%}.payslip_template_footer{display:flex;height:35%}.summary_row{display:flex;justify-content:space-between;margin-bottom:20px}.error_path_cont{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.btn_container{align-items:center;display:flex;justify-content:center;margin:30px auto}.clickable{text-decoration:underline}.loading_container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.my_table{min-height:100px;position:relative}.empty_container{color:#000000a6;color:var(--Secondary-Text-light);left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.newstaff_column .error_text,.payroll_column .error_text{color:red;width:100%}.dashboard_body select{width:20%}@media(max-width:768px){h1{font-size:48px;line-height:58.7px}h1,h2{letter-spacing:0}h2{font-size:32px;line-height:43px}h3{font-size:17px;letter-spacing:.13%;line-height:27px}h4{font-size:16px;letter-spacing:.5%;line-height:21px}h5{font-size:14.7px;letter-spacing:.6%;line-height:21.3px}.home_container{border:none;box-shadow:none;width:90%}.table_body{grid-template-columns:1fr;text-align:left}.column h4{margin:5px 0}.table_container{border:none;width:90%}.attendance_sub_container{margin:0 auto;width:93%}.month_form{margin-bottom:30px;width:50%}.table_header{display:none}.table_body .column{display:contents}.column .clockin_column,.column .clockout_column,.column .date_column,.column .hours_column,.column .status_column{border-bottom:none;padding:0}.table_body .column{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.small{display:inline;display:initial}.payslip_form{border:none;padding:10px;width:90%}.clockstatus_container{flex-direction:column;gap:50px}.clock_container{border:none;padding:0;width:90%}.staff_clock_summary,.staff_details{margin:0 auto;width:80%}.clock_container button{width:80%}.login_container{border:none;padding:10px;width:90%}.att_filter{width:50%}.nav_container{padding:20px 30px}.timer_container{border:1px solid #d9d9d9;border:1px solid var(--Border-light);border-radius:5px}.performance-cont img{height:32px;width:32px}}@media(min-width:769px) and (max-width:992px){h1{font-size:60px;line-height:69.3px}h1,h2{letter-spacing:0}h2{font-size:37px;line-height:48px}h3{font-size:21px;letter-spacing:.19%;line-height:32px}h4{font-size:19px;letter-spacing:.3%;line-height:27px}h5{font-size:16px;letter-spacing:.7%;line-height:21px}.home_container,.login_container,.payslip_form{width:60%}.clock_container{width:80%}}
/*# sourceMappingURL=main.346ab6f5.css.map*/