@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";html,body,#root{height:100%;margin:0;padding:0;overflow-y:hidden;font-family:Inter,Arial,sans-serif!important}*{font-family:Inter,Arial,sans-serif!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media screen and (max-width:600px){::-webkit-scrollbar{width:0px;height:0px;display:none}::-webkit-scrollbar-thumb{background:transparent}::-webkit-scrollbar-track{background:transparent}html{scrollbar-width:none}body{-ms-overflow-style:none}}body{overflow-y:hidden}body{height:100%;margin:0;padding:0}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:hidden;box-sizing:border-box}.title{font-family:Inter,Arial,sans-serif!important;font-weight:700!important;font-size:20px!important;line-height:normal;color:#111}.admin-employee-button{display:flex;height:44px;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px;border:1px solid #EDEDED;background:#ededed}.role-button{text-transform:capitalize!important;font-size:12px!important;text-align:center;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center;border-radius:6px;flex:1 0 0}.role-button-active{background-color:#fff!important;color:#111!important;font-weight:700!important;box-shadow:0 .15px .45px #0000001c,0 .8px 1.8px #00000021;height:36px}.role-button-inactive{background-color:#ededed!important;color:#111!important;font-weight:400!important;box-shadow:none;height:28px}.button{text-transform:capitalize!important;font-size:12px!important;font-weight:500!important;background-color:#111!important;color:#fff!important;text-align:center;font-family:Inter,sans-serif}.button.Mui-disabled{background-color:#ededed!important;color:#989898!important}.text-field{width:343px;height:46px;border-radius:4px}.text-field input{height:46px;padding:8px 16px;font-weight:500}.text-field .MuiOutlinedInput-root{padding:0;height:46px}.text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--Grey-text, #989898);border-width:1px}.text-field .MuiInputLabel-root{font-size:12px;transform:translate(14px,13px) scale(1);color:#989898}.text-field .MuiInputLabel-root.Mui-focused,.text-field .MuiInputLabel-root.MuiFormLabel-filled{color:var(--Grey-text, #989898);font-weight:400;font-size:12px;transform:translate(14px,-10px) scale(1)}.text-field .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#ca1515}.text-field .MuiInputLabel-root.Mui-error{color:#ca1515}@media(min-width:1024px){.text-field{width:360px}}.hide-stepper input[type=number]::-webkit-outer-spin-button,.hide-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hide-stepper input[type=number]{-moz-appearance:textfield}.placeholderStyle{color:var(--Grey-text, #989898);text-align:center;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.placeholderStyle::placeholder{color:var(--Grey-text, #989898);opacity:1}.updateButton{display:flex;width:360px;height:46px;padding:15px 0 16px;justify-content:center;align-items:center;border-radius:4px;background:var(--Grey-medium, #EDEDED);color:var(--Grey-text, #989898);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.Dialog{width:400px;display:flex;justify-content:center;align-items:center;margin:0 auto}.DialogTitle{color:var(--Grey-text, #989898);font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:normal;display:flex}.TextFieldContainer{position:relative;width:100%;height:46px;mb:12px}.TextFieldContainer .TextField{width:100%}.TextFieldContainer .TextFieldInput{color:var(--Black, #222);font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.TextFieldContainer .DeleteButton{position:absolute;top:-5px;right:-5px;opacity:0;transition:opacity .3s ease,transform .2s ease;padding:4px;min-width:unset;z-index:1;background-color:#fff;border:1px solid #CA1515;border-radius:50%;cursor:pointer}.TextFieldContainer .DeleteButton:hover{transform:scale(1.1)}.TextFieldContainer:hover .DeleteButton{opacity:1}.Button{display:flex;width:343px;height:46px;padding:0;justify-content:center;align-items:center;border-radius:4px;font-size:16px;font-weight:900;transition:background-color .3s,color .3s}.Button.disabled{background:var(--Grey-medium, #EDEDED);color:var(--Grey-dark, #999999);pointer-events:none}.Button.enabled{background:#222;color:#fff;cursor:pointer}.placeholderStyle{width:221px;height:36px;border-radius:8px;background-color:var(--Grey-light-bg, #F7F7F5)}@media(min-width:1280px){.placeholderStyle{width:306px}}.placeholderStyle .MuiOutlinedInput-root{background-color:var(--Grey-light-bg, #F7F7F5);border-radius:8px}.placeholderStyle .MuiOutlinedInput-root fieldset,.placeholderStyle .MuiOutlinedInput-root:hover fieldset{border-color:var(--Grey-medium, #EDEDED)}.placeholderStyle .MuiInputBase-input{font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;color:#000}.placeholderStyle .MuiInputBase-input::placeholder{color:var(--Grey-text, #989898)}.TotalCost{color:#222;text-align:center;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.ToPay{color:#222;text-align:left;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.customButton{display:flex;width:100px;padding:13px 37px 12px 35px;justify-content:center;align-items:center;border-radius:4px;border:1px solid var(--grey-bg-divider, #DEDFE2);background:var(--White, #FFF)}.ConfirmButton{display:flex;width:200px;padding:13px 0 12px;justify-content:center;align-items:center;border-radius:4px;background:#222}.scrollbar{width:12px;height:784px;flex-shrink:0;background-color:var(--Grey-medium, #EDEDED)}.scrollbar::-webkit-scrollbar{width:12px}.scrollbar::-webkit-scrollbar-track{background:var(--Grey-medium, #EDEDED)}.scrollbar::-webkit-scrollbar-thumb{background-color:#b0b0b0;border-radius:6px;border:3px solid var(--Grey-medium, #EDEDED)}.BillCard{position:relative}.BillCard .DeleteButton{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .3s ease,transform .2s ease;padding:4px;min-width:unset;z-index:1;background-color:#fff;border:1px solid blue;border-radius:50%;cursor:pointer}.BillCard .DeleteButton:hover{transform:scale(1.1)}.BillCard:hover .DeleteButton{opacity:1}.loader{border:4px solid #222;border-left-color:transparent;width:20px;height:20px;animation:spin89345 1s linear infinite;border-radius:50%}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body,#root{height:100%;margin:0;padding:0;overflow-y:hidden}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111}