.cardActions[data-v-5ec7b780]{font-family:Nunito SemiBold;display:grid;gap:20px;padding:0;width:400px;font-size:16px;width:100%}.contentArea[data-v-5ec7b780]{font-family:Nunito Bold;text-align:center;flex:1;width:100%;margin-top:2rem}.loginCard[data-v-5ec7b780]{display:flex;flex-direction:column;width:420px;min-height:550px}.login--inner[data-v-5ec7b780]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing8) 0;flex:1;border-radius:18px;background-color:#fff;padding-left:3rem;padding-right:3rem}.errorContainer[data-v-5ec7b780]{width:100%}input[type=button][data-v-d3a17553]{border-radius:var(--radius2);padding:var(--spacing1) var(--spacing3);height:38px;gap:var(--spacing2);width:100%;cursor:pointer;text-align:center}.primary[data-v-d3a17553]{background-color:var(--purple3);color:#fff;border:none}.inverse[data-v-d3a17553]{background-color:var(--light-grey1);color:var(--purple-primary);font-weight:700}.primary[data-v-d3a17553]:disabled{background-color:var(--disabledPurple);border:none;cursor:not-allowed}.secondary[data-v-d3a17553]{background-color:#fff;color:var(--purple3);border:2px solid var(--purple3)}.secondary[data-v-d3a17553]:disabled{background-color:var(--light-grey1);color:var(--purple3);border:none;cursor:not-allowed}.tertiary[data-v-d3a17553]{background-color:var(--black);color:#fff;border:none}.tertiary[data-v-d3a17553]:disabled{background-color:#717070;color:#fff;cursor:not-allowed}.basic[data-v-d3a17553],.basic input[data-v-d3a17553]{color:#000;border:none}input.card-btn[data-v-d3a17553],input.card-btn-secondary[data-v-d3a17553]{background-color:#fff;padding:var(--spacing9) var(--spacing12);border:2px solid rgba(113,76,142,.4);font-size:1.6rem;font-family:Nunito Regular;font-style:normal;font-weight:600;letter-spacing:.01em;line-height:0;color:#4a5468;transition:all ease-in .2s;box-shadow:0 4px 4px #00000040}input.card-btn-secondary[data-v-d3a17553]{border:2px inset #714c8e!important}.card-btn[data-v-d3a17553]:hover:not(:disabled),.card-btn-secondary[data-v-d3a17553]:hover:not(:disabled){background-color:var(--light-grey1)}.card-btn[data-v-d3a17553]:disabled,.card-btn-secondary[data-v-d3a17553]:disabled{background-color:var(--white-disabled);cursor:not-allowed;border:none}.input[data-v-e0f3e692]{padding:var(--spacing1) var(--spacing3);gap:8px;height:38px;border-radius:var(--radius2);border:2px solid var(--border-outline)}.login-text[data-v-e0f3e692]{color:#796e7f;font-size:1rem;flex:1}.login-inputs[data-v-e0f3e692]{display:flex;flex-direction:column;padding-top:1em}.login-field[data-v-e0f3e692]{margin-bottom:.6em;border:none;background-color:#f4f4f4!important;border-radius:10px;height:60px;font-size:20px}.login-field[data-v-e0f3e692]:last-child{margin-bottom:0}.forgot-password-text[data-v-e0f3e692]{display:block;cursor:pointer;font-size:16px;margin:var(--spacing4) 0;color:var(--purple3);border-bottom:1px solid var(--border-outline)}.error-message[data-v-e0f3e692]{width:100%;color:var(--error2)}.login-button[data-v-e0f3e692]{font-size:25px;padding:.5em 0 1.7em!important;background-color:var(--purple-primary);line-height:1.3}.clock-btn[data-v-190c2926]{border-radius:.6rem;color:#fff;background-color:#d6d6d6;border:none;padding:.5rem .4rem;cursor:pointer;width:5.2rem;font-weight:800;text-align:center}.clock-btn.in[data-v-190c2926]{background-color:#99ca31}.clock-btn.out[data-v-190c2926]{background-color:#c98132}.clock-btn span[data-v-190c2926]{display:block}.clock-in-out[data-v-190c2926]{font-size:1.5rem}.modal-card[data-v-dc5f294a]{display:grid;height:100%;align-content:space-between}.content[data-v-dc5f294a]{background-color:#00f;border:1px solid blue;margin-top:var(--spacing5)}.modal-container[data-v-9a9ed7d2]{width:480px;height:500px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;border:2px solid var(--border-outline);margin:auto;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;background-color:#fff}.content.current-time[data-v-9a9ed7d2]{color:var(--grey1)}.header[data-v-9a9ed7d2],.button-actions[data-v-9a9ed7d2]{display:grid;grid-auto-flow:column;justify-content:space-between}.title span[data-v-9a9ed7d2]{font-family:Nunito SemiBold;font-size:32px;color:var(--purple1)}.content[data-v-9a9ed7d2]{margin:auto}.content span[data-v-9a9ed7d2]{font-size:24px;color:var(--purple2)}.modal-mask[data-v-9a9ed7d2]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-enter-from[data-v-9a9ed7d2],.modal-leave-to[data-v-9a9ed7d2]{opacity:0}.modal-enter-from .modal-container[data-v-9a9ed7d2],.modal-leave-to .modal-container[data-v-9a9ed7d2]{transform:scale(1.1)}.camera-view-no-permission[data-v-9a9ed7d2]{margin-top:1em;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f3f2f2;height:200px;border:1px solid var(--purple3);border-radius:20px;padding:2em}.camera-view-no-permission-text[data-v-9a9ed7d2]{color:var(--purple3)!important}.camera-view-no-permission-sub-text[data-v-9a9ed7d2]{color:var(--text-light-grey3)!important;font-size:1rem!important;text-align:center;margin-top:1em}.camera-view-no-permission-icon[data-v-9a9ed7d2]{color:var(--purple3)!important;font-size:2rem}.login-text[data-v-0de29029]{color:#796e7f;font-size:1rem;flex:1}.login-inputs[data-v-0de29029]{display:flex;flex-direction:column;padding-top:1rem}.login-field--container[data-v-0de29029]{display:flex;flex-direction:column;margin-bottom:1rem;align-items:flex-end}.login-field[data-v-0de29029]{border:none;background-color:#f4f4f4!important;border-radius:10px;height:60px;width:100%;font-size:2rem!important}[data-v-0de29029] .v-text-field input{font-size:24px;padding-left:var(--spacing1);padding-bottom:var(--spacing1);line-height:1.05}.tag-icon[data-v-0de29029]{display:flex;justify-content:center;color:#a99cb2;font-weight:700;align-items:center;font-size:1.5rem;height:24px}.login-field[data-v-0de29029]:last-child{margin-bottom:0}.change-company[data-v-0de29029]{font-family:Nunito Regular,sans-serif,Arial,Helvetica,sans-serif;font-size:.9rem;color:#a75ad8;cursor:pointer;max-width:-moz-fit-content;max-width:fit-content}.company-name[data-v-0de29029]{font-family:Nunito Regular,sans-serif,Arial,Helvetica,sans-serif;font-size:.9rem;color:#a99cb2;cursor:pointer;max-width:-moz-fit-content;max-width:fit-content}.pin-container[data-v-0de29029]{display:flex;flex-direction:column;justify-content:flex-start}.pin-label[data-v-0de29029]{font-family:Nunito Regular,sans-serif,Arial,Helvetica,sans-serif;width:-moz-fit-content;width:fit-content;font-size:1.125rem;font-weight:400;color:#a198a4}.action-container[data-v-0de29029]{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:18px;padding:var(--spacing2) var(--spacing2) var(--spacing2) var(--spacing12);margin-top:var(--spacing4)}.hide-actions[data-v-0de29029]{opacity:0!important}.action-container>p[data-v-0de29029]{color:#796e7f;font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-container>button[data-v-0de29029]:disabled,.action-container[data-v-0de29029]>button:disabled .clock-btn span{cursor:default!important}.quick-clockin[data-v-0de29029]{padding:var(--spacing1) var(--spacing1)!important}[data-v-0de29029] .v-otp-input__content{padding:0}[data-v-0de29029] .v-otp-input .v-field{border-radius:var(--radius2)}.company-container[data-v-0de29029]{display:flex;line-height:1.1rem;gap:1.5rem;margin-top:4px;justify-content:space-between;width:100%}.company-name[data-v-0de29029]{text-align:left}.change-company[data-v-0de29029]{text-align:right}.close-content[data-v-60d35d54]{display:flex;flex-direction:column;cursor:pointer;color:var(--grey1);max-width:-moz-fit-content;max-width:fit-content}.close-dash[data-v-60d35d54]{width:40px;height:4px;border-radius:var(--radius1);background-color:var(--grey1)}.close-text[data-v-60d35d54]{font-size:14px;text-align:center;margin-top:2px}.modal-container[data-v-8fd15a3c]{width:480px;height:280px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;border:2px solid var(--border-outline);margin:auto;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;background-color:#fff}.content.current-time[data-v-8fd15a3c]{color:var(--grey1)}.company-tag-container[data-v-8fd15a3c]{display:flex;flex-direction:column;margin-bottom:1rem}.company-tag-field[data-v-8fd15a3c]{border-radius:10px;height:52px;width:100%;font-size:1rem!important}.header[data-v-8fd15a3c],.button-actions[data-v-8fd15a3c]{display:grid;grid-auto-flow:column;justify-content:space-between}.button-actions[data-v-8fd15a3c]{justify-content:flex-end}.button[data-v-8fd15a3c]{min-width:85px}.title span[data-v-8fd15a3c]{font-family:Nunito SemiBold;font-size:26px;color:#000}.content[data-v-8fd15a3c]{margin:auto}.content span[data-v-8fd15a3c]{font-size:24px;color:var(--purple2)}.modal-mask[data-v-8fd15a3c]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-enter-from[data-v-8fd15a3c],.modal-leave-to[data-v-8fd15a3c]{opacity:0}.modal-enter-from .modal-container[data-v-8fd15a3c],.modal-leave-to .modal-container[data-v-8fd15a3c]{transform:scale(1.1)}.error-message[data-v-8fd15a3c]{width:100%;color:var(--error2)}.login-page[data-v-cd05ec8a]{display:grid;grid-template-rows:3.8fr 1fr;flex:1;width:100vw;overflow:auto}.main-content[data-v-cd05ec8a]{display:grid;grid-template-columns:2fr 1fr}@media (max-width: 640px){.main-content[data-v-cd05ec8a]{grid-template-columns:auto}}.greeting-container[data-v-cd05ec8a]{display:flex;flex:1;justify-content:center;align-items:flex-end;height:100%}.greeting-time-container[data-v-cd05ec8a]{display:flex;flex-direction:row;align-items:baseline}.greeting-time[data-v-cd05ec8a]{color:#fff;font-size:6rem;margin:0}.greeting-time-mod[data-v-cd05ec8a]{color:#fff;font-size:15px;margin:0}.greeting-text[data-v-cd05ec8a]{color:#fff;opacity:.4;font-weight:100;font-size:2em;position:relative;bottom:2rem}.greeting-date[data-v-cd05ec8a]{color:#fff9;margin:0}.form-container[data-v-cd05ec8a]{position:relative;display:flex;justify-content:center;align-items:flex-end}.switch-btn[data-v-cd05ec8a]{position:absolute;bottom:-3rem}.page-footer[data-v-cd05ec8a]{display:flex;justify-content:center;align-items:flex-end}.copyright[data-v-cd05ec8a]{font-size:.9rem;font-weight:700;color:#ffffff80;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-bottom:var(--spacing3);letter-spacing:.02rem}.terms-of-use[data-v-cd05ec8a]{text-decoration:underline}.select-container[data-v-57cbfa39]{display:grid;padding:relative;width:inherit}.select-container select[data-v-57cbfa39]{border-radius:8px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' width='11px'><!--!Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d='M169.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 274.7 54.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z' /></svg>") no-repeat #fff;background-position:calc(100% - 12.5px) center!important;-moz-appearance:none!important;-webkit-appearance:none!important;appearance:none!important;padding:.52rem 2rem .52rem 1rem}.select-container select[data-v-57cbfa39]:disabled{cursor:not-allowed;background-color:var(--light-grey2)!important}select.show-icon[data-v-57cbfa39]{text-indent:2.5rem}.select-container .icon[data-v-57cbfa39]{width:1.8rem;height:1.8rem;display:inline-flex;position:absolute;justify-content:center;align-items:center;bottom:.38rem;left:.6em;opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;border:0px solid transparent}.grey-theme[data-v-57cbfa39]{color:var(--form-field-color1)}.error-border[data-v-57cbfa39]{border-color:var(--error);border-width:1px}.error[data-v-57cbfa39]{border:2px solid var(--error-border)!important}.empty-container[data-v-ae073e9f]{padding:var(--spacing6);background-color:#fff;border-radius:var(--spacing2);width:100%;align-self:center;display:flex;align-items:center;justify-content:center}.empty-message[data-v-ae073e9f]{text-align:center;font-size:18px;font-family:Nunito SemiBold;color:var(--grey1)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-colored:#ddd}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translate3d(0,0,var(--toastify-z-index) px);width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translate(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px;white-space:pre-wrap}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:var(--toastify-color-progress-colored)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.absent-stats-container[data-v-76a68344]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:1em}.item-container[data-v-76a68344]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1em;background-color:#fcfcfc;padding:.3em 1em;border:dashed 1px #EEEEEE;border-radius:15px}.icon[data-v-76a68344]{width:auto;height:40px;margin-right:1em;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.count-container[data-v-76a68344]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:3em}.count[data-v-76a68344]{color:gray;font-size:1.2rem}.count.__red[data-v-76a68344]{color:#ea1f1f}.count.__purple[data-v-76a68344]{color:#9b40db}.count.__green[data-v-76a68344]{color:#39b34a}.label[data-v-76a68344]{color:#6c696e;font-size:1.05rem}.dash-container[data-v-d2fe41dc]{gap:var(--spacing6)}.card-container[data-v-d2fe41dc]{background-color:#fff;padding:1em;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;border-radius:10px;flex-wrap:wrap;-moz-column-gap:1em;column-gap:1em;row-gap:1em}.left-data-container[data-v-d2fe41dc],.right-data-container[data-v-d2fe41dc]{display:flex;flex-direction:column}.me-container[data-v-d2fe41dc]{width:5em}.name[data-v-d2fe41dc]{font-size:2rem;margin-bottom:.4em}.absent-highlight[data-v-d2fe41dc]{color:var(--orange-highlight);font-size:2rem}.late-highlight[data-v-d2fe41dc],.vacation-highlight[data-v-d2fe41dc]{color:var(--orange-highlight);font-size:1.5rem}.attendance-title[data-v-d2fe41dc]{font-size:1.5rem}.card-container[data-v-d2fe41dc]{background-color:#fff;padding:1em 1.5rem;border-radius:10px}.absences-container[data-v-d2fe41dc]{display:flex;flex-direction:column;padding-bottom:1em}.stats-container[data-v-d2fe41dc]{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;border-radius:10px;flex-wrap:wrap;-moz-column-gap:1em;column-gap:1em;row-gap:1em}.hours-worked-left-container[data-v-d2fe41dc]{background-color:#fff;padding:1em;border-radius:10px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;flex:1}.hours-worked-right-container[data-v-d2fe41dc]{background-color:#fff;padding:1em;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex:1}.left-container[data-v-d2fe41dc]{display:flex;flex-direction:column;margin-right:2em}.hourly-left-container[data-v-d2fe41dc]{display:flex;flex-direction:column;margin-right:1em;flex:1}.hours-worked-highlight[data-v-d2fe41dc]{font-size:3.2rem;font-weight:700;color:var(--text-light-grey3)}.expected-hours[data-v-d2fe41dc]{font-size:1rem}.expected-hours-highlight[data-v-d2fe41dc]{font-size:1rem;font-weight:700;color:var(--text-light-grey3)}.right-container[data-v-d2fe41dc]{display:flex;flex-direction:column}.overtime-highlight[data-v-d2fe41dc]{font-size:3.2rem;font-weight:700;color:var(--text-light-grey3)}.workdays[data-v-d2fe41dc]{font-size:1rem}.workdays-highlight[data-v-d2fe41dc]{font-size:1rem;font-weight:700;color:var(--text-light-grey3)}.earnings-container[data-v-d2fe41dc]{display:flex;flex-direction:column}.earnings-title[data-v-d2fe41dc]{font-size:.8rem;color:var(--text-light-grey3)}.dollar-sign[data-v-d2fe41dc]{font-size:1.6rem;color:var(--text-light-grey2);font-weight:700}.dollar-amount[data-v-d2fe41dc]{font-size:1.6rem;color:var(--text-light-grey3)}.overtime-earnings-container[data-v-d2fe41dc]{display:flex;flex-direction:column}.overtime-title[data-v-d2fe41dc]{font-size:.8rem;color:var(--text-light-grey3)}.hourly-right-container[data-v-d2fe41dc]{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1}.hourly-rate-container[data-v-d2fe41dc]{display:flex;flex-direction:column}.hourly-rate-title[data-v-d2fe41dc]{color:var(--text-light-grey2)}.hourly-rate-value[data-v-d2fe41dc]{color:var(--text-light-grey3);font-size:1.5rem}.sperator[data-v-d2fe41dc]{background-color:var(--text-light-grey1);opacity:.2;height:100%;width:.1em}.shift-assign-container[data-v-d2fe41dc]{display:flex;flex-direction:column}.shift-assign-title[data-v-d2fe41dc]{font-size:1.3rem;color:var(--text-light-grey3);margin-left:.5em}.absences-title[data-v-d2fe41dc]{font-size:1.3rem;color:var(--text-light-grey3);margin-left:.5em;padding-bottom:.5em}.shift-assign-items-container[data-v-d2fe41dc]{display:flex;flex-direction:row;align-items:center;-moz-column-gap:1em;column-gap:1em;row-gap:1em;flex-wrap:wrap}.shift-assign-item[data-v-d2fe41dc]{display:flex;flex-direction:row;background-color:#fff;border-radius:10px;padding:.6em;flex:1;max-width:30em}.shift-name[data-v-d2fe41dc]{color:var(--text-light-grey3);font-weight:700;margin-top:.1em;flex:1}.shift-assign-item-right[data-v-d2fe41dc]{display:flex;flex-direction:column;row-gap:.5em}.shift-date-container[data-v-d2fe41dc]{display:flex;flex-direction:row;align-items:center}.shift-date[data-v-d2fe41dc]{background-color:var(--light-grey2);border:1px solid var(--light-grey4);border-radius:15px;padding:.1em .8em;color:var(--text-light-grey3)}.shift-time-container[data-v-d2fe41dc]{display:flex;flex-direction:row;align-items:center;justify-content:space-around}.shift-time[data-v-d2fe41dc]{color:var(--text-light-grey3)}.year-highlight[data-v-d2fe41dc]{color:var(--orange-highlight);font-weight:600}.horizontal-separator[data-v-d2fe41dc]{background-color:var(--light-grey4);width:.7em;height:.2em;margin:0 .3em}.period-container[data-v-d2fe41dc]{display:flex;flex-direction:row;align-items:center}.period-title[data-v-d2fe41dc]{color:var(--text-light-grey3);font-weight:700;margin-right:1em;font-size:1.3rem;margin-left:.5em}.period-select[data-v-d2fe41dc]{flex:1;max-width:10em}.clock-ins-container[data-v-d2fe41dc]{display:flex;flex-direction:column;background-color:#fff;padding:1em;border-radius:15px;width:100%;box-shadow:0 2px 4px #0000000f;margin:0 auto}.clock-ins-title[data-v-d2fe41dc]{color:var(--text-light-grey3);font-size:1.5rem;margin-bottom:.5em}.clock-in-item[data-v-d2fe41dc]{display:flex;flex-direction:row;align-items:center;background-color:#f9f9f9;border-radius:10px;padding:.5em 1.5em;justify-content:space-between;gap:1em}.clock-in-date[data-v-d2fe41dc]{color:var(--text-light-grey3);font-weight:600}.clock-in-status[data-v-d2fe41dc]{font-weight:500;padding:.2em .7em;border-radius:8px;font-size:.8rem}.status-ontime[data-v-d2fe41dc]{background-color:var(--ontime);color:var(--ontime2)}.status-late[data-v-d2fe41dc]{background-color:var(--late);color:var(--late2)}.clock-in-item-value-container[data-v-d2fe41dc]{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1}.clock-in-date[data-v-d2fe41dc],.clock-in-in-time[data-v-d2fe41dc],.clock-in-out-time[data-v-d2fe41dc],.clock-in-time-worked[data-v-d2fe41dc]{flex:1;text-align:center}.clock-in-in-time[data-v-d2fe41dc],.clock-in-out-time[data-v-d2fe41dc]{font-weight:500}.clock-in-shift-name[data-v-d2fe41dc]{background-color:#f7f7f7;border:1px solid var(--light-grey4);border-radius:10px;padding:.1em .8em;color:var(--text-light-grey3)}.clock-in-items-container[data-v-d2fe41dc]{display:flex;flex-direction:column;gap:.3em}.no-shift-assign-item-container[data-v-d2fe41dc]{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f1f1f1;padding:1em 1.5em;border-radius:15px;max-width:400px}.no-shifts-assigned-message[data-v-d2fe41dc]{color:#b7b7b7;font-size:1.2rem}.no-shift-company-hours-container[data-v-d2fe41dc]{display:flex;flex-direction:row}.company-hours-text[data-v-d2fe41dc]{color:#b7b7b7}.company-hours[data-v-d2fe41dc]{color:var(--text-light-grey3)}.no-clock-in-item-container[data-v-d2fe41dc]{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5em}.no-recent-activity-message[data-v-d2fe41dc]{color:#b7b7b7}.loading-container[data-v-d2fe41dc]{flex:auto;padding:var(--spacing26) var(--spacing10);width:100%}.container[data-v-d2fe41dc]{display:flex;flex-direction:column;gap:var(--spacing6);flex:auto}.filter-container[data-v-d2fe41dc]{max-width:232px}.metrics-container[data-v-d2fe41dc]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing6);justify-content:space-between}.dashboard-card[data-v-d2fe41dc]{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#ffffff;padding:var(--spacing6) var(--spacing3);border:1px solid var(--border-outline);box-shadow:var(--box-shadow1);border-radius:var(--radius2)}.card-title[data-v-d2fe41dc],.card-metric[data-v-d2fe41dc]{color:var(--purple5);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-size:32px}.card-metric[data-v-d2fe41dc]{margin-bottom:0}.card-title[data-v-d2fe41dc]{margin:0}.graph-title[data-v-d2fe41dc]{margin:0 0 1rem;width:100%;text-align:left}.chart-bg[data-v-d2fe41dc]{border:1px solid var(--border-outline2);padding:var(--spacing3)}.times-container[data-v-d2fe41dc]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing6)}.message[data-v-d2fe41dc]{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);color:var(--purple5)}.clock-btn-holdr[data-v-71830204]{display:flex;justify-content:space-between;align-items:center}.clock-btn-holdr>h3[data-v-71830204]{color:#707070}.seperator[data-v-71830204]{border-bottom:3px solid #f3f3f3;margin:var(--spacing2) 0}.first-seperator[data-v-71830204]{display:none}.seperator>p[data-v-71830204]:first-of-type{display:block}.seperator>p[data-v-71830204]{display:hidden;line-height:0}.cls-1[data-v-6fb8fe38]{fill:#151515}.clockin-item[data-v-ac8d7810]{border:2px dashed #e1e1e1;background-color:#f3f2f2;display:flex;flex-direction:row;margin-bottom:.7rem;border-radius:.6rem;padding:.7rem 1rem;align-items:center}.clockin-item .icon[data-v-ac8d7810]{width:1.8rem;margin-right:.5rem}.clockin-item .icon img[data-v-ac8d7810]{opacity:.4}.clockin-item h3[data-v-ac8d7810]{margin:0rem;color:#707070}.clockin-item .clockin-label[data-v-ac8d7810]{justify-self:start}.clockin-item .clockin-time[data-v-ac8d7810]{margin-left:auto}h1[data-v-a2514143]{text-align:center}.page-wrapper[data-v-a2514143]{display:flex;flex-direction:column;flex:auto}.page-inner[data-v-a2514143]{display:flex;flex-direction:column;align-items:center;padding-top:var(--spacing8);flex-grow:1}.page-inner>div[data-v-a2514143]{margin:var(--spacing8);margin-top:0}h3.clockin-label[data-v-a2514143]{display:block;font-weight:400;margin-right:10px}.current-time[data-v-a2514143]{display:flex;justify-content:center;flex-direction:column}.current-time .greeting[data-v-a2514143]{margin-bottom:.3rem}.current-time .time-wrap[data-v-a2514143]{display:flex}.current-time .time-wrap .time[data-v-a2514143]{background-color:#fff;border-radius:.5rem;padding:.5rem 1rem}.current-time .time-wrap .am-pm[data-v-a2514143]{align-self:self-end;background-color:#fff;border-radius:.5rem;display:inline-block;padding:.5rem 1rem;margin-left:.5rem;font-size:1.5rem}.current-time h2[data-v-a2514143]{color:var(--black);margin:0!important;font-size:3rem;letter-spacing:.25rem}.punch-clock .inner-wrap[data-v-a2514143]{align-self:self-end;background-color:#fff;border-radius:.5rem;min-width:30rem;padding:1rem 1.5rem}.punch-clock .inner-wrap .employee-name[data-v-a2514143]{border-bottom:3px solid #f3f3f3;color:#707070}.punch-clock .inner-wrap .employee-name[data-v-a2514143] *{margin:.5rem 0rem 1rem}.shift-info-action[data-v-a2514143]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:.3rem}.shift-msg h1[data-v-a2514143]{margin:1rem 0rem 0rem}.shift-msg h3[data-v-a2514143]{margin:0rem;font-size:1.5rem;color:#707070}.c-comment-area[data-v-a2514143]{display:flex;border:2px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2)}.add-note-btn[data-v-a2514143]{display:flex;font-size:14px;gap:var(--spacing2);justify-content:space-between;align-items:center;border:1px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2) var(--spacing3)}.add-note-btn[data-v-a2514143]:hover{background-color:var(--light-grey3)}.c-comment-container[data-v-a2514143]{position:relative;width:100%;margin-top:var(--spacing1);padding-top:var(--spacing2);padding-bottom:var(--spacing2)}.c-comment[data-v-a2514143]{width:100%;border:none}.c-comment[data-v-a2514143]:focus{border:none!important}.add-note-icon[data-v-a2514143]{position:relative;cursor:pointer;top:var(--padding-select);opacity:.75}.char-count[data-v-a2514143]{position:absolute;bottom:-15px;right:8px;font-size:.75rem;color:#888}.error-message[data-v-a2514143]{position:absolute;bottom:-15px;left:5px;color:var(--error)}.btn-container[data-v-a2514143]{display:flex;justify-content:center}.btn-container input[data-v-a2514143]{max-width:213px}.clock-btn[data-v-a2514143]{border-radius:.6rem;color:#fff;background-color:#d6d6d6;border:none;padding:.5rem .4rem;cursor:pointer;width:5.2rem;font-weight:800;text-align:center}.clock-btn.in[data-v-a2514143]{background-color:#99ca31}.clock-btn.out[data-v-a2514143]{background-color:#c98132}.clock-btn span[data-v-a2514143]{display:block}.clck-in-out[data-v-a2514143]{font-size:1.8rem}.clockin-data[data-v-a2514143]{display:flex;flex-direction:column;margin-top:2rem}.job-title[data-v-a2514143]{color:#707070;font-family:Nunito SemiBold;font-size:18px}@media screen and (max-width: 768px){.page-inner[data-v-a2514143]{padding-top:var(--spacing4)}.page-inner>div[data-v-a2514143]{margin:var(--spacing4);margin-top:0}.current-time .time-wrap .time[data-v-a2514143]{padding:.3rem .6rem}.current-time .time-wrap .am-pm[data-v-a2514143]{padding:.3rem .6rem;font-size:1.2rem}.current-time h2[data-v-a2514143]{font-size:2.5rem}.punch-clock .inner-wrap[data-v-a2514143]{min-width:unset;width:100%;padding:.8rem 1rem}.shift-msg h1[data-v-a2514143]{font-size:1.5rem}.shift-msg h3[data-v-a2514143]{font-size:1.2rem}.clockin-data[data-v-a2514143]{margin-top:1rem}}@media screen and (max-width: 480px){.current-time h2[data-v-a2514143]{font-size:2rem}.shift-info-action[data-v-a2514143]{flex-direction:column;align-items:flex-start}.clock-btn-holdr[data-v-a2514143]{margin-top:var(--spacing4);align-self:center}.c-comment-area[data-v-a2514143]{flex-direction:column}.add-note-icon[data-v-a2514143]{align-self:flex-end;margin-bottom:var(--spacing2)}}.container[data-v-b5f9d60c]{display:flex;width:100%;align-items:center;justify-content:flex-end;border-bottom:2px solid var(--border-outline);position:sticky;top:0px;background-color:#fff;z-index:100}.action-buttons[data-v-b5f9d60c]{width:-moz-max-content;width:max-content;align-items:center}.navbar ul li a.active[data-v-b5f9d60c]{border-bottom:2px solid var(--border-outline)}.text-area[data-v-0a749337]{resize:none;border:var(--spacing1) solid var(--focus-outline);padding:var(--spacing2);outline:none;display:flex;width:100%;height:320px;font-family:Nunito Regular;font-size:16px}.text-area[data-v-0a749337]:invalid{border:var(--spacing1) solid var(--error1);border:var(--spacing1) solid var(--success1)}.text-area[data-v-0a749337]:focus{border:var(--spacing1) solid var(--border-outline)}.feedback-container[data-v-0a749337]{margin:auto}.scrollable[data-v-0a749337]{position:relative;max-height:100%;overflow-y:auto}.scrollable[data-v-0a749337]::-webkit-scrollbar{width:10px}.scrollable[data-v-0a749337]::-webkit-scrollbar-thumb{border-radius:var(--radius2);background:var(--purple1);box-shadow:inset 0 0 6px #00000080}.scrollable[data-v-0a749337]::-webkit-scrollbar-track{border-radius:var(--radius2);background:rgba(217,217,217,.527);margin-top:35px}.button-wrapper[data-v-0a749337]{display:grid;grid-auto-flow:column;justify-content:space-between}.feedback-wrapper[data-v-0a749337]{width:720px;height:520px;border-radius:var(--radius2);padding:var(--spacing4) var(--spacing8);margin:auto;box-shadow:0 2px 8px #00000054;background-color:#fff}.feedback-header[data-v-0a749337]{text-align:center}.word-count[data-v-0a749337]{display:flex;justify-content:flex-end;padding:var(--spacing4) 0}.container[data-v-0c4108c9]{display:flex;align-items:center;border-radius:var(--radius2);padding:var(--spacing1) var(--spacing3);cursor:pointer;height:38px}.container[data-v-0c4108c9]:hover,input[type=button][data-v-0c4108c9]:hover{cursor:pointer}.inputIcon[data-v-0c4108c9]{align-self:center;margin-right:var(--spacing1)}.iconRight[data-v-0c4108c9]{margin-left:var(--spacing1)}.container .disabled[data-v-0c4108c9]{background-color:var(--disabledPurple)}input[type=button][data-v-0c4108c9]{gap:var(--spacing2);text-align:center;border:none}.delete[data-v-0c4108c9],.delete input[data-v-0c4108c9]{background-color:var(--error);color:#fff;border:none}.primary[data-v-0c4108c9],.primary input[data-v-0c4108c9]{background-color:var(--purple3);color:#fff;border:none}.disabled-primary[data-v-0c4108c9]{background-color:var(--disabledPurple);border:none;cursor:not-allowed}.secondary[data-v-0c4108c9],.secondary input[data-v-0c4108c9]{background-color:#fff;color:var(--purple3);border:2px solid var(--purple3)}.disabled-secondary[data-v-0c4108c9]{background-color:var(--light-grey3);color:var(--light-grey3);border:none;cursor:not-allowed!important}.tertiary[data-v-0c4108c9],.tertiary input[data-v-0c4108c9]{background-color:var(--black);color:#fff;border:none}.basic[data-v-0c4108c9],.basic input[data-v-0c4108c9]{color:#000;border:none}.disabled-tertiary[data-v-0c4108c9]{background-color:#717070;color:#fff;cursor:not-allowed}input.card-btn[data-v-0c4108c9],input.card-btn-secondary[data-v-0c4108c9]{background-color:#fff;padding:var(--spacing9) var(--spacing12);border:2px solid rgba(113,76,142,.4);font-size:1.6rem;font-family:Nunito Regular;font-style:normal;font-weight:600;letter-spacing:.01em;line-height:0;color:#4a5468;transition:all ease-in .2s;box-shadow:0 4px 4px #00000040}input.card-btn-secondary[data-v-0c4108c9]{border:2px inset #714c8e!important}.card-btn[data-v-0c4108c9]:hover:not(:disabled),.card-btn-secondary[data-v-0c4108c9]:hover:not(:disabled){background-color:var(--light-grey1)}.card-btn[data-v-0c4108c9]:disabled,.card-btn-secondary[data-v-0c4108c9]:disabled{background-color:var(--white-disabled);cursor:not-allowed;border:none}.secondary input[data-v-0c4108c9],.primary input[data-v-0c4108c9],.tertiary input[data-v-0c4108c9]{border:none}.disabled-primary input[data-v-0c4108c9],.disabled-tertiary input[data-v-0c4108c9],.disabled-secondary input[data-v-0c4108c9]{background-color:transparent;cursor:not-allowed}.modal-container[data-v-74e7119b]{width:480px;height:240px;border-radius:var(--radius5);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;background-color:#fff}.content[data-v-74e7119b]{color:var(--grey1)}.header[data-v-74e7119b],.button-actions[data-v-74e7119b]{display:grid;grid-auto-flow:column;justify-content:space-between}.button-actions[data-v-74e7119b]{justify-content:right;-moz-column-gap:var(--spacing4);column-gap:var(--spacing4)}.title span[data-v-74e7119b]{font-family:Nunito Bold;font-size:24px;color:var(--purple1)}.title[data-v-74e7119b]{color:var(--purple2)}.content[data-v-74e7119b]{display:grid}.modal-mask[data-v-74e7119b]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000026;display:flex;transition:opacity .3s ease}.modal-enter-from[data-v-74e7119b],.modal-leave-to[data-v-74e7119b]{opacity:0}.modal-enter-from .modal-container[data-v-74e7119b],.modal-leave-to .modal-container[data-v-74e7119b]{transform:scale(1.1)}.close-content[data-v-74e7119b]{display:flex;flex-direction:column;cursor:pointer;color:var(--grey1)}.close-dash[data-v-74e7119b]{width:40px;height:4px;border-radius:var(--radius1);background-color:var(--grey1)}.close-text[data-v-74e7119b]{font-size:14px;text-align:center;margin-top:2px}.dept-input[data-v-74e7119b]{width:100%!important}.error-message[data-v-74e7119b]{font-size:14px;font-weight:700;margin:0;color:var(--error);padding-left:var(--spacing1)}.del-text[data-v-74e7119b],.del-subtext[data-v-74e7119b]{font-size:17px;color:var(--text-light-grey2)}.del-text[data-v-74e7119b]{color:var(--black);margin-bottom:var(--spacing5)}.button[data-v-74e7119b]{min-width:85px}.button.no-btn[data-v-74e7119b]{border:1px solid var(--light-grey1);color:var(--text-light-grey2)}.button.no-btn[data-v-74e7119b]:hover{background-color:var(--light-grey3)}.icon[data-v-3dc98140] *{color:#5f5f5f!important;cursor:pointer}.card[data-v-4552bef9]{background-color:#fff;border-radius:8px;overflow:hidden;width:100%;padding:18px 20px}.card-header[data-v-4552bef9]{text-align:left;margin:1rem 0rem 1rem 16px}.card-body[data-v-4552bef9]{margin-left:16px;color:var(--grey1);display:flex;align-items:center}.card-body p[data-v-4552bef9]{color:var(--text-light-grey1)}.card:hover .actions[data-v-4552bef9]{opacity:1}.actions[data-v-4552bef9]{display:flex;height:30px;background-color:var(--light-grey2);justify-content:space-between;border-radius:110px;margin-left:auto;width:80px;opacity:0;transition:opacity .15s;transition-timing-function:ease-in-out}.actions[data-v-4552bef9] *{margin:auto;height:15px;cursor:pointer}.container[data-v-1aac6dbb]{display:flex;flex-direction:column;gap:var(--spacing6);flex:auto}.card-list[data-v-1aac6dbb]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:1em}.container .card[data-v-1aac6dbb]{min-width:17rem!important}.horizontal-line[data-v-1aac6dbb]{height:8px;width:100%;background-color:var(--light-grey1);border-radius:4px}.add-btn[data-v-1aac6dbb]{border-radius:var(--radius2);padding:var(--spacing1) var(--spacing3);height:38px;gap:var(--spacing2);width:100%;cursor:pointer;text-align:center;background-color:var(--purple3);color:#fff;width:90px;margin-left:auto;border:none}.icon[data-v-1aac6dbb]{margin-right:5px}.loader-container[data-v-1aac6dbb]{display:flex;flex-direction:column;flex:1;align-items:center}.date-container[data-v-aa603e20]{display:flex;flex-direction:column;align-items:center}.date-container label[data-v-aa603e20],.date-container input[data-v-aa603e20]{width:100%;max-width:100%}input[type=date][data-v-aa603e20]::-webkit-calendar-picker-indicator{cursor:pointer}.date-container>input[type=date][data-v-aa603e20]:disabled{opacity:.7;cursor:not-allowed}.button-list[data-v-ed6f7259],.clockin-wrapper[data-v-ed6f7259]{display:flex;-moz-column-gap:var(--spacing4);column-gap:var(--spacing4)}.gender-button[data-v-ed6f7259]{border:1px solid var(--light-grey2);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:36px;min-width:120px;gap:var(--spacing2);border-radius:var(--spacing3);cursor:pointer}.gender-button-active[data-v-ed6f7259]{border:1px solid var(--purple-primary);background-color:var(--nav-bg-highlight);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:36px;min-width:120px;gap:var(--spacing2);border-radius:var(--spacing3)}.select-container[data-v-ed6f7259]{width:inherit!important}.field-container>input[data-v-ed6f7259],.field-container .content-wrapper>input[data-v-ed6f7259],.select-container[data-v-ed6f7259],.user-container .user-input>input[data-v-ed6f7259]{width:420px;color:var(--grey1)}.arrow[data-v-ed6f7259],.checkmark[data-v-ed6f7259],.role[data-v-ed6f7259]{width:var(--spacing6)}.checkmark[data-v-ed6f7259]{position:absolute;top:0;left:0;height:18px;width:18px;border-radius:var(--spacing1);background-color:var(--light-grey1)}.perm-wrapper input:checked~.checkmark[data-v-ed6f7259]{background-color:var(--purple-primary)}.perm-wrapper .checkmark[data-v-ed6f7259]:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.perm-wrapper input[type=checkbox][data-v-ed6f7259]{display:none}.c-comment-container[data-v-ed6f7259]{position:relative;width:100%;margin-top:var(--spacing1);padding-top:var(--spacing2);padding-bottom:var(--spacing2)}.c-comment-area[data-v-ed6f7259]{display:flex;border:2px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2)}.c-comment[data-v-ed6f7259]{width:100%;border:none}.c-comment[data-v-ed6f7259]:focus{border:none!important}.add-note-icon[data-v-ed6f7259]{position:relative;cursor:pointer;top:var(--padding-select);opacity:.75}.checkmark[data-v-ed6f7259]:after{content:"";position:absolute;display:none;left:3px;top:2px;width:5px;height:10px;border:solid #000;border-width:0 3px 3px 0;transform:rotate(45deg)}.clockin-checkmark[data-v-ed6f7259]{display:inline-block;width:25px;height:25px;border-radius:50%;background-color:purple;position:relative;vertical-align:middle}.no-checkmark[data-v-ed6f7259]{display:inline-block;width:25px;height:25px;border-radius:50%;position:relative;border:2px solid var(--light-grey1);vertical-align:middle}.clockin-checkmark[data-v-ed6f7259]:after{content:"";position:absolute;left:10px;top:6px;width:6px;height:11px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.select-disabled[data-v-d62f80b2]{opacity:.5}.m-select[data-v-d62f80b2]{height:-moz-fit-content;height:fit-content;padding:0}.search-field[data-v-d62f80b2]{width:100%}.arrow[data-v-96a837cd],.checkmark[data-v-96a837cd],.role[data-v-96a837cd]{width:var(--spacing6)}.checkmark[data-v-96a837cd]{position:absolute;top:0;left:0;height:18px;width:18px;border-radius:var(--spacing1);background-color:var(--light-grey1)}.perm-wrapper input:checked~.checkmark[data-v-96a837cd]{background-color:var(--purple-primary)}.c-comment-container[data-v-96a837cd]{position:relative;width:100%;margin-top:var(--spacing1);padding-top:var(--spacing2);padding-bottom:var(--spacing2)}.c-comment[data-v-96a837cd]{width:100%;border:none}.c-comment[data-v-96a837cd]:focus{border:none!important}.add-note-icon[data-v-96a837cd]{position:relative;cursor:pointer;top:var(--padding-select);opacity:.75}.char-count[data-v-96a837cd]{position:absolute;bottom:-15px;right:8px;font-size:.75rem;color:#888}.error-message[data-v-96a837cd]{position:absolute;bottom:-15px;left:5px;color:var(--error)}.btn-container[data-v-96a837cd]{display:flex;justify-content:center}.btn-container input[data-v-96a837cd]{max-width:213px}.c-comment-area[data-v-96a837cd]{display:flex;border:2px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2)}.perm-wrapper .checkmark[data-v-96a837cd]:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.perm-wrapper input[type=checkbox][data-v-96a837cd]{display:none}.checkmark[data-v-96a837cd]:after{content:"";position:absolute;display:none;left:3px;top:2px;width:5px;height:10px;border:solid #000;border-width:0 3px 3px 0;transform:rotate(45deg)}.clockin-checkmark[data-v-96a837cd]{display:inline-block;width:25px;height:25px;border-radius:50%;background-color:purple;position:relative;vertical-align:middle}.no-checkmark[data-v-96a837cd]{display:inline-block;width:25px;height:25px;border-radius:50%;position:relative;border:2px solid var(--light-grey1);vertical-align:middle}.clockin-checkmark[data-v-96a837cd]:after{content:"";position:absolute;left:10px;top:6px;width:6px;height:11px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.action-button[data-v-400e125c]{display:flex;cursor:pointer;background-color:transparent;min-width:84px;border:none;gap:4px;font-size:13px;border-radius:var(--radius2);background-color:var(--purple3);color:#fff;padding:8px 12px}.c-comment-area[data-v-400e125c]{display:flex;border:2px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2)}.add-note-btn[data-v-400e125c]{display:flex;font-size:14px;gap:var(--spacing2);justify-content:space-between;align-items:center;border:1px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2) var(--spacing3)}.add-note-btn[data-v-400e125c]:hover{background-color:var(--light-grey3)}.c-comment-container[data-v-400e125c]{position:relative;width:100%;margin-top:var(--spacing1);padding-top:var(--spacing2);padding-bottom:var(--spacing2)}.c-comment[data-v-400e125c]{width:100%;border:none}.c-comment[data-v-400e125c]:focus{border:none!important}.add-note-icon[data-v-400e125c]{position:relative;cursor:pointer;top:var(--padding-select);opacity:.75}.button-list[data-v-e3f7d859],.clockin-wrapper[data-v-e3f7d859]{display:flex;-moz-column-gap:var(--spacing4);column-gap:var(--spacing4)}.gender-button[data-v-e3f7d859]{border:1px solid var(--light-grey2);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:36px;min-width:120px;gap:var(--spacing2);border-radius:var(--spacing3);cursor:pointer}.gender-button-active[data-v-e3f7d859]{border:1px solid var(--purple-primary);background-color:var(--nav-bg-highlight);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:36px;min-width:120px;gap:var(--spacing2);border-radius:var(--spacing3)}.button-list[data-v-51afb1db],.clockin-wrapper[data-v-51afb1db]{display:flex;-moz-column-gap:var(--spacing4);column-gap:var(--spacing4)}.gender-button[data-v-51afb1db]{border:1px solid var(--light-grey2);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:36px;min-width:120px;gap:var(--spacing2);border-radius:var(--spacing3);cursor:pointer}.gender-button-active[data-v-51afb1db]{border:1px solid var(--purple-primary);background-color:var(--nav-bg-highlight);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:36px;min-width:120px;gap:var(--spacing2);border-radius:var(--spacing3)}.field-container>input[data-v-51afb1db],.field-container .content-wrapper>input[data-v-51afb1db],.select-container[data-v-51afb1db],.user-container .user-input>input[data-v-51afb1db]{width:420px;color:var(--grey1)}.arrow[data-v-51afb1db],.checkmark[data-v-51afb1db],.role[data-v-51afb1db]{width:var(--spacing6)}.checkmark[data-v-51afb1db]{position:absolute;top:0;left:0;height:18px;width:18px;border-radius:var(--spacing1);background-color:var(--light-grey1)}.perm-wrapper input:checked~.checkmark[data-v-51afb1db]{background-color:var(--purple-primary)}.date-container[data-v-51afb1db]{display:flex;flex-direction:column;align-items:center}.date-container label[data-v-51afb1db],.date-container input[data-v-51afb1db]{width:100%;max-width:100%}input[type=date][data-v-51afb1db]::-webkit-calendar-picker-indicator{cursor:pointer}.date-container>input[type=date][data-v-51afb1db]:disabled{opacity:.7;cursor:not-allowed}.perm-wrapper .checkmark[data-v-51afb1db]:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.perm-wrapper input[type=checkbox][data-v-51afb1db]{display:none}.c-comment-container[data-v-51afb1db]{position:relative;width:100%;margin-top:var(--spacing1);padding-top:var(--spacing2);padding-bottom:var(--spacing2)}.c-comment[data-v-51afb1db]{width:100%;border:none}.c-comment[data-v-51afb1db]:focus{border:none!important}.add-note-icon[data-v-51afb1db]{position:relative;cursor:pointer;top:var(--padding-select);opacity:.75}.checkmark[data-v-51afb1db]:after{content:"";position:absolute;display:none;left:3px;top:2px;width:5px;height:10px;border:solid #000;border-width:0 3px 3px 0;transform:rotate(45deg)}.clockin-checkmark[data-v-51afb1db]{display:inline-block;width:25px;height:25px;border-radius:50%;background-color:purple;position:relative;vertical-align:middle}.no-checkmark[data-v-51afb1db]{display:inline-block;width:25px;height:25px;border-radius:50%;position:relative;border:2px dotted var(--light-grey1);vertical-align:middle}.clockin-checkmark[data-v-51afb1db]:after{content:"";position:absolute;left:10px;top:6px;width:6px;height:11px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.error-message[data-v-51afb1db]{font-size:14px;font-weight:700;margin:0;color:var(--error);padding-left:var(--spacing1)}.modal-mask[data-v-c8f2a86d]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container[data-v-c8f2a86d]{width:550px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.modal-enter-from .modal-container[data-v-c8f2a86d],.modal-leave-to .modal-container[data-v-c8f2a86d]{transform:scale(1.1)}.action-button[data-v-c8f2a86d]{border-radius:var(--radius2);padding:var(--spacing1) var(--spacing3);height:38px;gap:var(--spacing2);cursor:pointer;background-color:var(--purple3);color:#fff;margin-left:auto;border:none;max-width:-moz-fit-content;max-width:fit-content}.approval-icon[data-v-c8f2a86d]{color:var(--purple3)}.indicator[data-v-c8f2a86d]{position:relative;width:10px;height:10px;border-radius:50%;z-index:2}.toggle-true[data-v-c8f2a86d]{background-color:var(--purple3)}.user-timecards[data-v-c8f2a86d]{overflow:visible;border:1px solid rgb(233,233,233);border-collapse:separate}td[data-v-c8f2a86d]{padding:10px}.total-approved[data-v-c8f2a86d]{flex:1;text-align:right;justify-content:flex-end!important;padding-right:var(--spacing2)}.c-comment-container[data-v-50df715c]{position:relative;width:100%;margin-top:var(--spacing1);padding-top:var(--spacing2);padding-bottom:var(--spacing2)}.c-comment[data-v-50df715c]{width:100%;border:none}.c-comment[data-v-50df715c]:focus{border:none!important}.c-comment-area[data-v-50df715c]{display:flex;border:2px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2)}.char-count[data-v-50df715c]{position:absolute;bottom:-18px;right:8px;font-size:.75rem;color:#888}.error-message[data-v-50df715c]{font-size:14px;font-weight:700;margin:0;color:var(--error);padding-left:var(--spacing1)}.error-container[data-v-50df715c]{color:var(--error);margin-bottom:var(--spacing1)}.modal-container[data-v-a687badd]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.content.current-time[data-v-a687badd]{color:var(--grey1)}.header[data-v-a687badd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.user-initials[data-v-a687badd]{background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;padding:1.8rem var(--spacing5);border-radius:var(--radius3);width:-moz-fit-content;width:fit-content}.user-initials p[data-v-a687badd]{font-weight:700;color:#a9a0a8;font-size:1.5rem;line-height:.85;margin:0}.button-actions[data-v-a687badd]{padding-top:var(--spacing2);display:grid;grid-auto-flow:column;justify-content:flex-end}.title span[data-v-a687badd]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.content[data-v-a687badd]{display:grid;row-gap:var(--spacing2)}.content span[data-v-a687badd]{font-size:24px;color:var(--purple2)}.modal-mask[data-v-a687badd]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-enter-from[data-v-a687badd],.modal-leave-to[data-v-a687badd]{opacity:0}.modal-enter-from .modal-container[data-v-a687badd],.modal-leave-to .modal-container[data-v-a687badd]{transform:scale(1.1)}.error-message[data-v-a687badd]{margin:0}.error-container[data-v-a687badd]{color:var(--error);margin-bottom:var(--spacing1)}.fields-divider h4[data-v-a687badd]{font-size:1.1rem;margin:0 0 var(--spacing2);color:var(--form-field-color1)}.content input[data-v-a687badd]{color:var(--form-field-color1)}.content input[data-v-a687badd]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.option-container[data-v-a687badd]{display:flex;align-items:center}.option-container div[data-v-a687badd]{flex:1}.option-container img[data-v-a687badd]{width:1.6rem;margin-right:var(--spacing2)}img[data-v-a687badd]{width:100%;height:auto}.cls-1[data-v-73b85190]{fill:#151515}th{color:#4a5468}.button-list[data-v-ffaf5e91],.clockin-wrapper[data-v-ffaf5e91]{display:flex;-moz-column-gap:var(--spacing4);column-gap:var(--spacing4)}.gender-button[data-v-ffaf5e91]{border:1px solid var(--light-grey2);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:36px;min-width:120px;gap:var(--spacing2);border-radius:var(--spacing3);cursor:pointer}.gender-button-active[data-v-ffaf5e91]{border:1px solid var(--purple-primary);background-color:var(--nav-bg-highlight);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:36px;min-width:120px;gap:var(--spacing2);border-radius:var(--spacing3)}.select-container[data-v-ffaf5e91]{width:inherit!important}.field-container>input[data-v-ffaf5e91],.field-container .content-wrapper>input[data-v-ffaf5e91],.select-container[data-v-ffaf5e91],.user-container .user-input>input[data-v-ffaf5e91]{width:420px;color:var(--grey1)}.arrow[data-v-ffaf5e91],.checkmark[data-v-ffaf5e91],.role[data-v-ffaf5e91]{width:var(--spacing6)}.checkmark[data-v-ffaf5e91]{position:absolute;top:0;left:0;height:18px;width:18px;border-radius:var(--spacing1);background-color:var(--light-grey1)}.perm-wrapper input:checked~.checkmark[data-v-ffaf5e91]{background-color:var(--purple-primary)}.perm-wrapper .checkmark[data-v-ffaf5e91]:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.perm-wrapper input[type=checkbox][data-v-ffaf5e91]{display:none}.c-comment-container[data-v-ffaf5e91]{position:relative;width:100%;margin-top:var(--spacing1);padding-top:var(--spacing2);padding-bottom:var(--spacing2)}.c-comment-area[data-v-ffaf5e91]{display:flex;border:2px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2)}.c-comment[data-v-ffaf5e91]{width:100%;border:none}.c-comment[data-v-ffaf5e91]:focus{border:none!important}.add-note-icon[data-v-ffaf5e91]{position:relative;cursor:pointer;top:var(--padding-select);opacity:.75}.checkmark[data-v-ffaf5e91]:after{content:"";position:absolute;display:none;left:3px;top:2px;width:5px;height:10px;border:solid #000;border-width:0 3px 3px 0;transform:rotate(45deg)}.clockin-checkmark[data-v-ffaf5e91]{display:inline-block;width:25px;height:25px;border-radius:50%;background-color:purple;position:relative;vertical-align:middle}.no-checkmark[data-v-ffaf5e91]{display:inline-block;width:25px;height:25px;border-radius:50%;position:relative;border:2px solid var(--light-grey1);vertical-align:middle}.clockin-checkmark[data-v-ffaf5e91]:after{content:"";position:absolute;left:10px;top:6px;width:6px;height:11px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.pu-container[data-v-abc13c5b]{width:100%;position:relative;color:var(--form-field-color1)}.card-container[data-v-abc13c5b]{position:absolute;left:50%;top:150%;transform:translate(-50%);background-color:#fff;border-radius:var(--radius3);min-width:-moz-fit-content;min-width:fit-content;padding:var(--spacing4);z-index:9;box-shadow:0 2px 4px 2px #00000013}.card-container[data-v-abc13c5b]:before{content:"";position:absolute;top:-5%;left:50%;transform:translate(-50%) rotate(45deg);display:block;border-width:10px;border-color:#fff}.time-detail-container[data-v-d0644bca]{width:620px;max-height:80vh}.header[data-v-d0644bca]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.title span[data-v-d0644bca]{font-family:Nunito Bold;font-size:1.5rem;color:var(--purple2)}.content-body[data-v-d0644bca]{display:flex;flex-direction:column;gap:var(--spacing1)}.te-modal-content-wrap[data-v-d0644bca]{max-height:428px;overflow-y:scroll}.odd-row[data-v-d0644bca],.even-row[data-v-d0644bca]{border-radius:var(--radius2);padding:var(--spacing2) var(--spacing3)}.even-row[data-v-d0644bca]{background-color:#f5f0f09c}.content-body[data-v-d0644bca]:not(:first-of-type){margin-top:var(--spacing2)}.editor-info[data-v-d0644bca]{display:flex;justify-content:space-between;align-items:center}.date-tag[data-v-d0644bca]{display:inline-block;color:var(--form-subtitle)}.change-container[data-v-d0644bca]{padding:4px 0}.old-value[data-v-d0644bca],.new-value[data-v-d0644bca]{display:inline-block;border-radius:var(--radius2);padding:2px 4px;font-size:.875rem}.old-value[data-v-d0644bca]{background-color:var(--late)}.new-value[data-v-d0644bca]{background-color:var(--ontime)}.action-button[data-v-d0644bca]{display:flex;justify-content:flex-end;margin-top:var(--spacing5)}.action-button>div[data-v-d0644bca]{max-width:-moz-fit-content;max-width:fit-content}.error[data-v-d0644bca]{border:2px solid var(--error-border)!important}.table[data-v-091f4d42]{width:100%;border:1px solid var(--border-outline);background-color:#fff}th[data-v-091f4d42]{color:#4a5468}.table td[data-v-091f4d42]{font-size:16px;color:var(--black);text-align:center;border-bottom:1px solid var(--table-row-border-color)}.p-date[data-v-091f4d42]{font-size:14px}table[data-v-091f4d42]{border-collapse:collapse;cursor:pointer;overflow-y:visible}input[type=time][data-v-091f4d42]::-webkit-calendar-picker-indicator{display:none}input[type=time][data-v-091f4d42]::-webkit-datetime-edit-fields-wrapper{display:flex;align-items:center;justify-content:center}.scrollable[data-v-091f4d42]{overflow-y:auto;max-height:320px}.tab-container[data-v-091f4d42]{display:flex}.tab[data-v-091f4d42]{font-weight:600;font-size:1.05rem;padding:var(--spacing1) var(--spacing4);cursor:pointer;border-radius:var(--radius4)}.active-tab[data-v-091f4d42]{background-color:var(--nav-bg-highlight);color:var(--nav-link-color1)}.controls-container[data-v-091f4d42]{padding-bottom:var(--spacing6);position:relative;margin-bottom:var(--spacing8)}.filter-controls[data-v-091f4d42]{display:grid;align-content:start;grid-auto-flow:column;grid-template-columns:repeat(4,1fr);gap:var(--spacing6)}.dropdown-container[data-v-091f4d42]{display:flex;justify-content:space-around}.action-button[data-v-091f4d42]{display:flex;cursor:pointer;background-color:transparent;min-width:84px;border:none;gap:4px;font-size:13px;border-radius:var(--radius2);background-color:var(--purple3);color:#fff;padding:8px 12px}.absences-container[data-v-091f4d42]{display:flex;flex-direction:column;padding:.4rem 0rem .1rem}.actions[data-v-091f4d42]{display:flex;height:30px;background-color:var(--light-grey2);border-radius:110px;margin-left:auto;justify-content:space-between;opacity:.8;gap:8px;transition:opacity .15s;transition-timing-function:ease-in-out}.col-status .state[data-v-091f4d42]{display:inline-block;border-radius:.5rem;background-color:#eee;padding:.3rem .5rem;font-size:.8rem;min-width:4.5rem;text-align:center}.error-message[data-v-091f4d42]{position:absolute;font-size:14px;font-weight:700;margin:0;color:var(--error);top:80%}table th[data-v-091f4d42],table td[data-v-091f4d42]{text-align:left!important}.odd-parent td[data-v-091f4d42]{background-color:#f9f9f9}.even-parent td[data-v-091f4d42]{background-color:#fff}.odd-bg-grey[data-v-091f4d42]{background-color:#f9f9f9}tbody tr[data-row-order=even][data-v-091f4d42]{background-color:#fff}tbody td input[data-v-091f4d42]:disabled,tbody td input[data-v-091f4d42]:disabled{color:#353539!important;opacity:1!important;z-index:1}.cl-comment[data-v-091f4d42]{position:absolute;width:-moz-fit-content;width:fit-content;right:-20%}.comment-card[data-v-091f4d42]{display:flex;flex-direction:column;width:100%;font-size:12px;text-align:left;flex-grow:1}@media (min-width: 320px){.comment-card[data-v-091f4d42]{width:4rem}}@media (min-width: 768px){.comment-card[data-v-091f4d42]{width:8rem}}@media (min-width: 962px){.comment-card[data-v-091f4d42]{width:12rem}}.comment-title[data-v-091f4d42]{color:var(--text-light-grey2);margin-bottom:var(--spacing1)}.comment-body[data-v-091f4d42]{color:#535056;font-size:1rem;font-weight:500}.comment-icon[data-v-091f4d42]{opacity:.65}.info-icon[data-v-091f4d42]{position:absolute;width:-moz-fit-content;width:fit-content;right:-8%;top:50%;z-index:2;transform:translateY(-50%)}.link-group[data-v-3d69ce2e]{cursor:pointer}.link-group[data-v-3d69ce2e],a.nav-link[data-v-3d69ce2e]{display:flex;align-items:center;color:inherit;text-align:left;text-decoration:none;padding:var(--spacing2) 0 var(--spacing2) var(--spacing2);width:100%;height:100%}.link-group[data-v-3d69ce2e]:hover,.nav-option .nav-link[data-v-3d69ce2e]:hover{background-color:var(--purple8);border-radius:var(--spacing2);color:#fff}a.nav-link.sub-nav[data-v-3d69ce2e]{width:75%;color:#595859}.nav-option a.active[data-v-3d69ce2e]{border-radius:var(--spacing2);background-color:var(--nav-bg-highlight);box-sizing:border-box;color:var(--nav-link-color1)}.route-icon[data-v-3d69ce2e]{display:flex;justify-content:flex-start;width:32px;margin-right:var(--spacing2)}.route-icon img[data-v-3d69ce2e]{width:1.6rem}.side-container[data-v-6f7640b0]{display:flex;height:100vh;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--side-nav-bg);z-index:100;position:sticky;top:0px;left:0px;width:16.5rem}.navbar[data-v-6f7640b0]{display:flex;width:100%;padding:2px var(--spacing6);flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.navbar ul[data-v-6f7640b0]{display:flex;width:100%;flex-direction:column;margin:0;padding:0;list-style-type:none}.navbar ul li[data-v-6f7640b0]{width:100%}.nav-separator[data-v-6f7640b0]{position:relative;height:var(--spacing8);margin-bottom:var(--spacing4);border-bottom:2px solid #59585938}.navbar ul li a.active[data-v-6f7640b0]{box-sizing:border-box}.logo-container[data-v-6f7640b0]{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing6);padding:var(--spacing12) var(--spacing12) var(--spacing4)}.logout-container[data-v-6f7640b0]{width:50%;padding:var(--spacing4)}.menu-bar-icon[data-v-6f7640b0]{margin:var(--spacing2) 0 0 var(--spacing2);z-index:101;position:absolute}@media (max-width: 640px){.side-container[data-v-6f7640b0]{display:flex;height:100vh;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--side-nav-bg);z-index:100;position:fixed;opacity:.9;top:0px;left:0px;width:16.5rem}}.scrollable[data-v-07250e67]{position:relative;max-height:100%;overflow-y:auto}.scrollable[data-v-07250e67]::-webkit-scrollbar{width:10px}.scrollable[data-v-07250e67]::-webkit-scrollbar-thumb{border-radius:var(--radius2);background:var(--purple4);box-shadow:inset 0 0 6px #00000080}.scrollable[data-v-07250e67]::-webkit-scrollbar-track{border-radius:var(--radius2);background:rgba(242,242,242,.527)}.unseen-message[data-v-07250e67]:not(:last-child){border-bottom:1px solid var(--light-grey2)}.unseen-message[data-v-07250e67]{border-radius:var(--radius2)}.layout-container[data-v-17e97f03]{display:flex;flex-direction:row;flex:auto}.side-nav-container[data-v-17e97f03]{display:flex;flex-direction:column;flex:0 0 auto}.inner-container[data-v-17e97f03]{display:flex;flex:auto;max-width:100%;flex-direction:column}.modal-container[data-v-186882e9]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.content.current-time[data-v-186882e9]{color:var(--grey1)}.header[data-v-186882e9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.user-initials[data-v-186882e9]{background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;padding:1.8rem var(--spacing5);border-radius:var(--radius3);width:-moz-fit-content;width:fit-content}.user-initials p[data-v-186882e9]{font-weight:700;color:#a9a0a8;font-size:1.5rem;line-height:.85;margin:0}.button-actions[data-v-186882e9]{padding-top:var(--spacing2);display:grid;grid-auto-flow:column;justify-content:flex-end}.title span[data-v-186882e9]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.content[data-v-186882e9]{display:grid;row-gap:var(--spacing2)}.content span[data-v-186882e9]{font-size:24px;color:var(--purple2)}.modal-mask[data-v-186882e9]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-enter-from[data-v-186882e9],.modal-leave-to[data-v-186882e9]{opacity:0}.modal-enter-from .modal-container[data-v-186882e9],.modal-leave-to .modal-container[data-v-186882e9]{transform:scale(1.1)}.error-message[data-v-186882e9]{margin:0}.error-container[data-v-186882e9]{color:var(--error);margin-bottom:var(--spacing1)}.fields-divider h4[data-v-186882e9]{font-size:1.1rem;margin:0 0 var(--spacing2);color:var(--form-field-color1)}.content input[data-v-186882e9]{color:var(--form-field-color1)}.content input[data-v-186882e9]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.option-container[data-v-186882e9]{display:flex;align-items:center}.option-container div[data-v-186882e9]{flex:1}.option-container img[data-v-186882e9]{width:1.6rem;margin-right:var(--spacing2)}.modal-container[data-v-39dbe4de]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.content.current-time[data-v-39dbe4de]{color:var(--grey1)}.header[data-v-39dbe4de]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.user-initials[data-v-39dbe4de]{background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;padding:1.8rem var(--spacing5);border-radius:var(--radius3);width:-moz-fit-content;width:fit-content}.user-initials p[data-v-39dbe4de]{font-weight:700;color:#a9a0a8;font-size:1.5rem;line-height:.85;margin:0}.button-actions[data-v-39dbe4de]{padding-top:var(--spacing2);display:grid;grid-auto-flow:column;justify-content:flex-end}.title span[data-v-39dbe4de]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.content[data-v-39dbe4de]{display:grid;row-gap:var(--spacing2)}.content span[data-v-39dbe4de]{font-size:24px;color:var(--purple2)}.modal-mask[data-v-39dbe4de]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-enter-from[data-v-39dbe4de],.modal-leave-to[data-v-39dbe4de]{opacity:0}.modal-enter-from .modal-container[data-v-39dbe4de],.modal-leave-to .modal-container[data-v-39dbe4de]{transform:scale(1.1)}.error-message[data-v-39dbe4de]{margin:0}.error-container[data-v-39dbe4de]{color:var(--error);margin-bottom:var(--spacing1)}.fields-divider h4[data-v-39dbe4de]{font-size:1.1rem;margin:0 0 var(--spacing2);color:var(--form-field-color1)}.content input[data-v-39dbe4de]{color:var(--form-field-color1)}.content input[data-v-39dbe4de]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.option-container[data-v-39dbe4de]{display:flex;align-items:center}.option-container div[data-v-39dbe4de]{flex:1}.option-container img[data-v-39dbe4de]{width:1.6rem;margin-right:var(--spacing2)}.modal-container[data-v-32860b84]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.content.current-time[data-v-32860b84]{color:var(--grey1)}.header[data-v-32860b84]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.user-initials[data-v-32860b84]{background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;padding:1.8rem var(--spacing5);border-radius:var(--radius3);width:-moz-fit-content;width:fit-content}.user-initials p[data-v-32860b84]{font-weight:700;color:#a9a0a8;font-size:1.5rem;line-height:.85;margin:0}.button-actions[data-v-32860b84]{padding-top:var(--spacing2);display:grid;grid-auto-flow:column;justify-content:flex-end}.title span[data-v-32860b84]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.content[data-v-32860b84]{display:grid;row-gap:var(--spacing2)}.content span[data-v-32860b84]{font-size:24px;color:var(--purple2)}.modal-mask[data-v-32860b84]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-enter-from[data-v-32860b84],.modal-leave-to[data-v-32860b84]{opacity:0}.modal-enter-from .modal-container[data-v-32860b84],.modal-leave-to .modal-container[data-v-32860b84]{transform:scale(1.1)}.error-message[data-v-32860b84]{margin:0}.error-container[data-v-32860b84]{color:var(--error);margin-bottom:var(--spacing1)}.fields-divider h4[data-v-32860b84]{font-size:1.1rem;margin:0 0 var(--spacing2);color:var(--form-field-color1)}.content input[data-v-32860b84]{color:var(--form-field-color1)}.content input[data-v-32860b84]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.option-container[data-v-32860b84]{display:flex;align-items:center}.option-container div[data-v-32860b84]{flex:1}.option-container img[data-v-32860b84]{width:1.6rem;margin-right:var(--spacing2)}.modal-mask[data-v-85f4dba1]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.option[data-v-85f4dba1]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;padding:1em;border:1px solid #e3d3ef;border-radius:10px;cursor:pointer}.option-selected[data-v-85f4dba1]{background-color:#e3d3ef}.options-container[data-v-85f4dba1]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1em}.option-icon[data-v-85f4dba1]{width:3em;height:auto}.option-name[data-v-85f4dba1]{text-align:center;margin-top:.5em}.title span[data-v-85f4dba1]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.modal-container[data-v-85f4dba1]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.modal-enter-from .modal-container[data-v-85f4dba1],.modal-leave-to .modal-container[data-v-85f4dba1]{transform:scale(1.1)}.header[data-v-85f4dba1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.content[data-v-85f4dba1]{display:grid;row-gap:var(--spacing2);max-height:100vh;overflow-y:auto}.content input[data-v-85f4dba1]{color:var(--form-field-color1)}.selected-file[data-v-85f4dba1]{text-align:center;margin-top:1em}.content input[data-v-85f4dba1]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.content span[data-v-85f4dba1]{font-size:24px;color:var(--purple2)}.content.current-time[data-v-85f4dba1]{color:var(--grey1)}.option-container[data-v-85f4dba1]{display:flex;flex-direction:column}.option-container div[data-v-85f4dba1]{flex:1}.option-container img[data-v-85f4dba1]{width:1.6rem;margin-right:var(--spacing2)}.error-message[data-v-85f4dba1]{text-align:center;margin:0;max-height:300px}.error-container[data-v-85f4dba1]{color:var(--error);margin-bottom:var(--spacing1)}.text-area-container[data-v-85f4dba1]{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.text-area-container textarea[data-v-85f4dba1]{width:100%;max-width:100%;border:2px solid var(--border-outline)}.char-count[data-v-85f4dba1]{position:absolute;bottom:8px;right:8px;font-size:.75rem;color:#888}.action-button[data-v-85f4dba1]{display:flex;justify-content:flex-end;margin-top:var(--spacing8)}.action-button>div[data-v-85f4dba1]{max-width:-moz-fit-content;max-width:fit-content}.modal-mask[data-v-c8d23c6a]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.title span[data-v-c8d23c6a]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.modal-container[data-v-c8d23c6a]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.modal-enter-from .modal-container[data-v-c8d23c6a],.modal-leave-to .modal-container[data-v-c8d23c6a]{transform:scale(1.1)}.header[data-v-c8d23c6a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.content[data-v-c8d23c6a]{display:grid;row-gap:var(--spacing2)}.content input[data-v-c8d23c6a]{color:var(--form-field-color1)}.content input[data-v-c8d23c6a]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.content span[data-v-c8d23c6a]{font-size:24px;color:var(--purple2)}.content.current-time[data-v-c8d23c6a]{color:var(--grey1)}.options-container[data-v-c8d23c6a]{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:2em;gap:1em;flex-wrap:wrap}.option[data-v-c8d23c6a]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;padding:1em;border:1px solid #E3D3EF;border-radius:10px;cursor:pointer}.option-selected[data-v-c8d23c6a]{background-color:#e3d3ef}.option-icon[data-v-c8d23c6a]{width:3em;height:auto}.option-name[data-v-c8d23c6a]{text-align:center;margin-top:.5em}.error-message[data-v-c8d23c6a]{margin:0}.error-container[data-v-c8d23c6a]{color:var(--error);margin-bottom:var(--spacing1)}.text-area-container[data-v-c8d23c6a]{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.text-area-container textarea[data-v-c8d23c6a]{width:100%;max-width:100%;border:2px solid var(--border-outline)}.char-count[data-v-c8d23c6a]{position:absolute;bottom:8px;right:8px;font-size:.75rem;color:#888}.action-button[data-v-c8d23c6a]{display:flex;justify-content:flex-end;margin-top:var(--spacing8)}.action-button>div[data-v-c8d23c6a]{max-width:-moz-fit-content;max-width:fit-content}.page-title[data-v-7261cec0]{padding-left:1rem}body[data-v-7261cec0]{background-color:#fff!important}.actions[data-v-7261cec0]{display:flex;height:30px;background-color:var(--light-grey2);justify-content:space-between;border-radius:110px;margin-left:auto;width:80px;opacity:.8;transition:opacity .15s;transition-timing-function:ease-in-out}.pop-up-menu-icon[data-v-7261cec0]{padding:5px;width:1.8rem;height:1.8rem;display:flex;justify-content:center;align-items:center;transition:all .2s ease;border-radius:50%}.pop-up-menu-icon[data-v-7261cec0]:hover{background-color:var(--light-grey2)}.user-table-row .actions-wrapper .popup-menu[data-v-7261cec0]{position:absolute;right:1.5rem;overflow:hidden;z-index:100;background-color:#fff;border:1px solid #f3f3f4;border-radius:.6rem;box-shadow:0 2px 4px #0000000f;width:9rem}.popup-menu ul[data-v-7261cec0]{list-style:none;margin:0;padding:0;width:150px}.popup-menu ul button[data-v-7261cec0]{padding:8px 8px 8px 12px;display:flex;color:var(--black);font-size:14px;width:100%}.popup-menu ul button p[data-v-7261cec0]{margin-left:10px;margin-top:-3px}.popup-menu ul button[data-v-7261cec0]:hover{color:#000;background-color:var(--light-grey2)}.popup-menu ul button button svg[data-v-7261cec0]{opacity:.6}.user-table-row[data-v-7261cec0]:not(:last-child){border-bottom:1px solid var(--light-grey2)}.user-table-row>td[data-v-7261cec0]{padding:12px 1rem;text-align:left}.actions-wrapper[data-v-7261cec0]{display:flex}.actions[data-v-7261cec0]{margin:auto}.actions[data-v-7261cec0] *{margin:auto;height:15px;cursor:pointer}.action-button-container[data-v-7261cec0]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1em}.actions svg[data-v-7261cec0]{opacity:.5}.user-side-nav-container[data-v-7261cec0]{display:flex;flex-direction:column;gap:var(--spacing1);padding:1rem;border-radius:var(--radius3);max-width:260px;height:100%;width:100%;border:1px solid var(--light-grey1)}.user-container[data-v-7261cec0]{display:flex;align-items:stretch;width:100%;height:100%;gap:1rem}.nav-bar-icons[data-v-7261cec0]{display:flex;gap:3px;color:#9ca3af}.user-table-header[data-v-7261cec0]{background-color:#f3eff4}.nav-bar[data-v-7261cec0]{display:flex;padding:16px 8px;justify-content:space-between}.preview-container[data-v-7261cec0]{display:flex;width:100%;padding:16px 8px;flex-direction:row;gap:var(--spacing4)}.preview-container .preview[data-v-7261cec0]{background-color:var(--light-grey2)}.user-nav-thead[data-v-7261cec0]{padding:8px}.user-nav-name-cell[data-v-7261cec0]{display:flex;flex-direction:column;align-items:flex-start}.user-table-header-row[data-v-7261cec0]{padding:.8rem 1rem;color:#745475;text-align:left}.user-table-header-row[data-v-7261cec0]:first-child{border-radius:.5rem 0rem 0rem .5rem}.user-deactivated td[data-v-7261cec0]{color:var(--text-light-grey2)}.user-deactivated td[data-v-7261cec0]:first-child{border-radius:.4rem 0rem 0rem .4rem}.user-deactivated td[data-v-7261cec0]:last-child{border-radius:0rem .4rem .4rem 0rem}.user-deactivate-button[data-v-7261cec0]{background-color:var(--light-grey1);color:var(--text-light-grey2)}.user-table-header-row[data-v-7261cec0]:last-child{border-radius:0rem .5rem .5rem 0rem}.preview[data-v-7261cec0]{width:100%;background-color:#f7f7f7;padding:10px 12px;border-radius:8px;display:flex;flex-direction:column;gap:6px}.preview-title[data-v-7261cec0]{font-size:18px;font-weight:400;color:#4b5563;position:relative;line-height:.4rem;top:-.3rem}.user-nav-cell[data-v-7261cec0]{display:flex;justify-content:flex-start}.action-button[data-v-7261cec0]{display:flex;cursor:pointer;background-color:transparent;border:none;gap:4px;font-size:13px;border-radius:var(--radius2);background-color:var(--purple3);color:#fff;padding:8px 12px}.user-side-nav[data-v-7261cec0]{display:flex;flex-direction:column;gap:1px}.user-side-nav>li[data-v-7261cec0]{font-weight:700;list-style:none;color:var(--text-light-grey2);padding:12px 8px;border-radius:var(--radius2);cursor:pointer}.user-side-nav>li[data-active=true][data-v-7261cec0]{font-weight:bolder;color:#000;background-color:var(--light-grey2)}.preview-subtitle[data-v-7261cec0]{font-weight:500;font-size:26px}p[data-v-7261cec0]{margin:0}.user-nav-department-title[data-v-7261cec0]{text-align:left;font-size:20px;font-weight:800;padding-left:.8rem}.user-nav-table[data-v-7261cec0]{width:100%;text-align:center;border-collapse:collapse}.empl-identity[data-v-7261cec0]{display:flex;align-items:center;position:relative}.empl-avatar[data-v-7261cec0]{margin-right:1rem}.user-badge-active[data-v-7261cec0]{position:absolute;top:-8px;right:-50px;color:var(--success1);padding:0 var(--spacing1);border:1px solid var(--light-grey1);border-radius:var(--spacing2);margin-left:var(--spacing1);font-size:12px;font-weight:700}.user-badge-inactive[data-v-7261cec0]{position:absolute;top:-8px;right:-55px;color:var(--grey);padding:0 var(--spacing1);border:1px solid var(--light-grey1);border-radius:var(--spacing2);margin-left:var(--spacing1);font-size:12px;font-weight:700}.user-badge-archived[data-v-7261cec0]{position:absolute;top:-8px;right:-116px;color:var(--grey);padding:0 var(--spacing1);border:1px solid var(--light-grey1);border-radius:var(--spacing2);margin-left:var(--spacing1);font-size:12px;font-weight:700}.empl-avatar .picture[data-v-7261cec0]{border-radius:50%;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;font-weight:800;overflow:hidden;background-color:var(--light-grey2)}.empl-identity h3[data-v-7261cec0],.empl-identity p[data-v-7261cec0]{margin:0rem;text-align:left}.empl-identity p[data-v-7261cec0]{font-size:.9rem;color:#ad8baf}.icon[data-v-7261cec0]{cursor:pointer}@media screen and (max-width: 800px){.hidden-col[data-v-7261cec0]{display:none}.preview-container[data-v-7261cec0]{flex-direction:column}}.container[data-v-2923d37f]{width:100%;height:100%;padding:var(--spacing4) var(--spacing6);overflow-y:auto}.modal-container[data-v-a0d839a8]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.content.current-time[data-v-a0d839a8]{color:var(--grey1)}.header[data-v-a0d839a8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.user-initials[data-v-a0d839a8]{background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;padding:1.8rem var(--spacing5);border-radius:var(--radius3);width:-moz-fit-content;width:fit-content}.user-initials p[data-v-a0d839a8]{font-weight:700;color:#a9a0a8;font-size:1.5rem;line-height:.85;margin:0}.button-actions[data-v-a0d839a8]{padding-top:var(--spacing2);display:grid;grid-auto-flow:column;justify-content:flex-end}.title span[data-v-a0d839a8]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.content[data-v-a0d839a8]{display:grid;row-gap:var(--spacing2)}.content span[data-v-a0d839a8]{font-size:24px;color:var(--purple2)}.modal-mask[data-v-a0d839a8]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-enter-from[data-v-a0d839a8],.modal-leave-to[data-v-a0d839a8]{opacity:0}.modal-enter-from .modal-container[data-v-a0d839a8],.modal-leave-to .modal-container[data-v-a0d839a8]{transform:scale(1.1)}.error-message[data-v-a0d839a8]{margin:0}.error-container[data-v-a0d839a8]{color:var(--error);margin-bottom:var(--spacing1)}.fields-divider h4[data-v-a0d839a8]{font-size:1.1rem;margin:0 0 var(--spacing2);color:var(--form-field-color1)}.content input[data-v-a0d839a8]{color:var(--form-field-color1)}.content input[data-v-a0d839a8]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.option-container[data-v-a0d839a8]{display:flex;align-items:center}.option-container div[data-v-a0d839a8]{flex:1}.option-container img[data-v-a0d839a8]{width:1.6rem;margin-right:var(--spacing2)}.table-container[data-v-7484c47e]{width:100%}.table[data-v-7484c47e]{display:flex;flex-direction:column;border-collapse:collapse;overflow:unset}.table-header[data-v-7484c47e]{background-color:var(--table-bg)}.table-header tr[data-v-7484c47e],.table-row[data-v-7484c47e]{display:grid;grid-auto-flow:column;grid-template-columns:repeat(5,minmax(180px,1fr)) 100px;position:relative}.row-icons[data-v-7484c47e]{position:absolute;width:75rem;grid-template-columns:repeat(2,minmax(20px,1fr)) 25px;z-index:3}.row-icons+td[data-v-7484c47e]{text-indent:1.5rem}.table-row>td[data-v-7484c47e]{padding:var(--spacing3) 0;width:auto}.table-row.--extend[data-v-7484c47e]{border:1px solid #e7e7e7;border-radius:.4rem;background:linear-gradient(180deg,rgb(237 237 237) 0%,rgba(242,242,242,0) 38%,rgba(255,255,255,0) 91%)}.table-header-row[data-v-7484c47e]{padding:var(--spacing3) var(--spacing4);color:var(--purple7);text-align:left}.table-row[data-v-7484c47e]{border-bottom:1px solid var(--light-grey2)}.table-row[data-v-7484c47e]:hover{cursor:pointer}.pop-up-menu-icon[data-v-7484c47e]{margin-left:1rem;padding:5px;width:1.8rem;height:1.8rem;display:flex;justify-content:center;align-items:center;transition:all .2s ease;border-radius:50%}.pop-up-menu-icon[data-v-7484c47e]:hover{background-color:var(--light-grey2)}.popup-menu[data-v-7484c47e]{position:absolute;top:45px;right:0rem;overflow:hidden;z-index:100;background-color:#fff;border:1px solid #f3f3f4;border-radius:.6rem;box-shadow:0 2px 4px #0000000f}.popup-menu ul[data-v-7484c47e]{list-style:none;margin:0;padding:0;width:150px}.popup-menu ul button[data-v-7484c47e]{padding:8px 8px 8px 12px;display:flex;color:var(--black);font-size:14px;width:100%}.popup-menu ul button p[data-v-7484c47e]{margin-left:10px;margin-top:-3px}.popup-menu ul button[data-v-7484c47e]:hover{color:#000;background-color:var(--light-grey2)}.popup-menu ul button button svg[data-v-7484c47e]{opacity:.6}.action-col[data-v-7484c47e]{width:200px}.action-container[data-v-7484c47e]{display:flex;justify-content:flex-start}.actions[data-v-7484c47e]{display:flex;height:30px;background-color:var(--light-grey2);justify-content:space-between;border-radius:110px;width:80px;opacity:.8;transition:opacity .15s;transition-timing-function:ease-in-out}.table-row:hover .actions[data-v-7484c47e]{visibility:visible}.actions[data-v-7484c47e]{visibility:hidden}.actions[data-v-7484c47e] *{margin:auto;height:15px;cursor:pointer}.actions svg[data-v-7484c47e]{opacity:.5}.pagination[data-v-7484c47e]{display:flex;gap:var(--spacing6);justify-content:flex-end;align-items:center;margin-top:var(--spacing8);width:100%;font-family:Nunito Bold}.table td.column-wrap[data-v-7484c47e]{overflow:hidden;text-overflow:ellipsis;word-break:break-word}.arrow[data-v-7484c47e]{margin-right:3px}.arrow-down-icon[data-v-7484c47e]{transform:scaleY(-1)}.row-icons[data-v-7484c47e]{display:grid;grid-auto-flow:column;justify-items:center;align-items:center;height:40px;width:75px}.icon[data-v-7484c47e]{position:relative;top:.2rem}.loader-cell[data-v-7484c47e]{display:flex;flex:1;justify-content:center;align-items:center;padding-top:var(--spacing4)}.toggle-true[data-v-7484c47e]{background-color:var(--purple3);margin-top:3px}.toggle[data-v-7484c47e]{padding:2px}@media screen and (max-width: 800px){.hidden-col[data-v-7484c47e]{display:none}}.action-bar[data-v-50e773d6]{display:flex;align-items:flex-end;margin-top:var(--spacing12)}.add-btn[data-v-50e773d6]{border-radius:var(--radius2);padding:var(--spacing1) var(--spacing3);height:38px;gap:var(--spacing2);cursor:pointer;text-align:center;background-color:var(--purple3);color:#fff;font-weight:700;width:90px;margin-left:auto;border:none}.add-btn[data-v-50e773d6]:disabled{background-color:var(--disabledPurple);cursor:not-allowed}.icon[data-v-50e773d6]{margin-right:5px}input[data-v-50e773d6]{height:38px;border:1px solid rgb(211,211,211);border-radius:5px;padding-left:8px;width:100%}table[data-v-50e773d6]{border-collapse:collapse;width:100%;margin-top:var(--spacing12)}.page-header-container[data-v-e31789de]{margin-bottom:var(--spacing3)}.btn[data-v-8abaa10d]{display:flex;justify-content:center;align-items:center;padding:var(--spacing2);border-radius:var(--radius2)}.btn[data-v-8abaa10d]:hover{background-color:var(--light-grey2)}.btn[data-v-8abaa10d]:disabled,.btn[data-v-8abaa10d]:disabled:hover{background-color:transparent;opacity:.5;cursor:not-allowed}.icon-container[data-v-8abaa10d]{display:flex;justify-content:center;align-items:center}.icon[data-v-8abaa10d]{background-color:var(--purple3);color:#fff;border:none;margin:0;border-radius:50%;padding:6px;width:14px;height:14px}.text[data-v-8abaa10d]{margin-left:var(--spacing2);font-size:1rem;font-weight:700}.page-footer[data-v-7504d12e]{display:flex;justify-content:space-between;padding:var(--spacing2) var(--spacing3)!important;border-radius:var(--radius3);border:1px solid var(--light-grey2);box-shadow:0 0 8px #eee}.right-actions[data-v-7504d12e]{display:flex}.btn[data-v-7504d12e]{width:-moz-max-content;width:max-content;margin-right:var(--spacing1)}.btn[data-v-7504d12e]:disabled{cursor:not-allowed}.nav-btn[data-v-7504d12e]{border:2px solid var(--light-grey2)}.left-actions[data-v-7504d12e]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1em}.actions[data-v-fc84e9e1]{display:flex;height:30px;background-color:var(--light-grey2);justify-content:space-between;border-radius:110px;width:80px;opacity:.8;transition:opacity .15s;transition-timing-function:ease-in-out}.actions[data-v-fc84e9e1] *{margin:auto;height:15px;cursor:pointer}.actions svg[data-v-fc84e9e1]{opacity:.5}.rule-container[data-v-3f904c66]{display:grid;grid-template-columns:1fr 3fr 4fr 2fr 3fr 2fr;background-color:#f8f7f7;padding:var(--spacing3);border-radius:var(--radius3);position:relative;min-height:100px}.for-time-and-attendance[data-v-3f904c66]{opacity:.4;position:absolute;left:16px;bottom:10px}.default-identifier[data-v-3f904c66]{position:absolute;right:5px;top:5px}.selected img[data-v-3f904c66],.unselected[data-v-3f904c66]{cursor:pointer;width:20px;height:20px;border-radius:50%}.unselected[data-v-3f904c66]{display:block;border:2px solid #dfdede;background-color:#fff}.checkbox[data-v-3f904c66],.rule-name[data-v-3f904c66],.subtext[data-v-3f904c66]{align-self:flex-start;margin:0 .2em}.dates[data-v-3f904c66]{flex-wrap:wrap}.action-container[data-v-3f904c66]{display:flex;justify-content:center;align-items:center}.action-container[data-v-3f904c66]>*{visibility:hidden}.rule-container:hover .action-container[data-v-3f904c66]>*{visibility:visible}.rates-container[data-v-3f904c66]{font-size:.875rem;margin-left:.5em}.rate[data-v-3f904c66]{display:flex;align-items:center}.rate-color[data-v-3f904c66]{display:block;width:7px;height:7px;min-width:7px;max-width:7px;max-height:7px;min-height:7px;border-radius:50%;margin-right:var(--spacing1)}.rate-name[data-v-3f904c66]{font-weight:700;margin-right:5px}@media screen and (max-width: 800px){.rule-container[data-v-3f904c66]{display:grid;grid-template-columns:1fr 3fr 3fr}.default-identifier[data-v-3f904c66]{top:auto;bottom:5px!important}.hide-on-mobile[data-v-3f904c66]{display:none}}.circle[data-v-938ec973]{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:2px solid var(--light-grey1);border-radius:50%;cursor:pointer;color:var(--text-light-grey2);font-weight:700}.disabled[data-v-938ec973]{cursor:not-allowed}.active[data-v-938ec973]{color:#fff}.locked[data-v-938ec973]{opacity:.4!important}.inactive[data-v-938ec973]{opacity:.7}.day-label[data-v-938ec973]{font-size:.875rem;color:var(--text-light-grey3);font-weight:700}.mini-select[data-v-e0abb54a]{width:-moz-fit-content;width:fit-content;max-width:-moz-min-content;max-width:min-content;justify-self:start;font-weight:700}select.mini-select[data-v-e0abb54a]{border-radius:3px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' width='10px'><!--!Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d='M169.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 274.7 54.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z' /></svg>") no-repeat var(--light-grey5);background-position:calc(100% - 1.5px) calc(50% + .5px)!important;padding-right:var(--spacing5);-moz-appearance:none!important;-webkit-appearance:none!important;appearance:none!important}.week-rule-container[data-v-2af6e635]{display:flex;flex-direction:column;background-color:var(--light-grey5);border-radius:var(--radius3);padding:var(--spacing4);position:relative}.delete-rule[data-v-2af6e635]{position:absolute;bottom:0px;right:-10%;opacity:.5;cursor:pointer;visibility:hidden}.week-rule-container:hover .delete-rule[data-v-2af6e635]{visibility:visible}.days-container[data-v-2af6e635]{display:grid;grid-template-columns:repeat(7,1fr);max-width:90%;justify-content:space-around;position:relative;border-radius:var(--radius3)}.ot-color[data-v-2af6e635]{display:block;width:8px;height:8px;min-width:8px;max-width:8px;max-height:8px;min-height:8px;border-radius:50%;margin-right:var(--spacing1)}.rule-footer[data-v-2af6e635]{display:flex;flex:1;justify-content:space-between;align-items:center;background-color:transparent;border-radius:var(--radius3);color:var(--form-subtitle)}.rule-footer[data-v-2af6e635]>*{align-self:center}.mini-select[data-v-2af6e635]{justify-self:start;font-weight:700}.rate-container[data-v-2af6e635]{margin-top:var(--spacing1);margin-bottom:var(--spacing2);color:var(--form-subtitle)}.rate-container[data-v-2af6e635] *{font-size:.96rem}.rate-container>h3[data-v-2af6e635]{margin:0;font-weight:700;color:var(--form-subtitle)}.rate-field-wrap[data-v-2af6e635]{display:flex;align-items:flex-end;margin-left:var(--spacing3);gap:2px}.rate-text[data-v-2af6e635]{vertical-align:baseline;color:var(--form-subtitle);width:40%;max-width:40%;background-color:transparent;font-weight:700}.time-range-container[data-v-2af6e635]{display:flex;align-items:center;justify-content:space-between}.time-range-divider[data-v-2af6e635]{color:var(--grey1);border:1px solid var(--grey1);border-radius:var(--radius3);display:flex;align-items:center;justify-content:center;font-size:1rem;padding:0 8px;margin:0 4px}input[type=time][data-v-2af6e635]::-webkit-calendar-picker-indicator{background:none;display:none}.time-range-input[data-v-2af6e635]{font-weight:700}.mini-text[data-v-2af6e635],.time-range-input[data-v-2af6e635]{font-size:1rem;width:-moz-fit-content;width:fit-content;min-width:5.2rem;padding:0 .2rem;border-radius:var(--radius1)}.rate-name[data-v-2af6e635]{font-weight:700;margin-right:5px}.message[data-v-2af6e635]{font-size:12px;color:var(--form-field-color1)}.error[data-v-2af6e635]{border:2px solid var(--error-border)!important}.week-rule-container[data-v-75f09367]{display:flex;flex-direction:column;border-radius:var(--radius3);padding:var(--spacing4) 5px;position:relative;border:dashed;border-color:var(--light-grey6)}.delete-rule[data-v-75f09367]{opacity:.5;cursor:pointer}.days-container[data-v-75f09367]{display:flex;justify-content:space-between;position:relative;border-radius:var(--radius3)}.ot-color[data-v-75f09367]{display:block;width:8px;height:8px;min-width:8px;max-width:8px;max-height:8px;min-height:8px;border-radius:50%;margin-right:var(--spacing1)}.rule-footer[data-v-75f09367]{display:flex;flex:1;justify-content:space-between;align-items:center;background-color:transparent;border-radius:var(--radius3);color:var(--form-subtitle)}.rule-footer[data-v-75f09367]>*{align-self:center}.mini-select[data-v-75f09367]{justify-self:start;font-weight:700}.rate-container[data-v-75f09367]{margin-top:var(--spacing1);margin-bottom:var(--spacing2);color:var(--form-subtitle);background-color:var(--light-grey5);padding:var(--spacing2);border-radius:var(--radius2)}.rate-container[data-v-75f09367] *{font-size:.96rem}.rate-container>h3[data-v-75f09367]{margin:0;font-weight:700;color:var(--form-subtitle)}.rate-field-wrap[data-v-75f09367]{display:flex;max-width:50px}.rate-text[data-v-75f09367]{color:var(--form-subtitle);width:100%;background-color:transparent;font-weight:700}.time-range-container[data-v-75f09367]{display:flex;align-items:center;justify-content:space-between}.time-range-divider[data-v-75f09367]{color:var(--grey1);border:1px solid var(--grey1);border-radius:var(--radius3);display:flex;align-items:center;justify-content:center;font-size:1rem;padding:0 8px;margin:0 4px}input[type=time][data-v-75f09367]::-webkit-calendar-picker-indicator{background:none;display:none}.time-range-input[data-v-75f09367]{font-weight:700}.mini-text[data-v-75f09367],.time-range-input[data-v-75f09367]{font-size:.8rem;width:-moz-fit-content;width:fit-content;min-width:3rem;padding:0 .2rem;border-radius:var(--radius1)}.rate-name[data-v-75f09367]{font-weight:700;margin-right:5px}.message[data-v-75f09367]{font-size:12px;color:var(--form-field-color1)}.error[data-v-75f09367]{border:2px solid var(--error-border)!important}.date-picker-container>input[type=date][data-v-99f41e44]{max-width:120px}.rule-container[data-v-99f41e44]{display:flex;flex-direction:column;position:relative}.rule-header[data-v-99f41e44]{display:flex;flex:1;justify-content:space-between;align-items:center;background-color:var(--light-grey5);border-radius:var(--radius3);padding:var(--spacing2);position:relative}.delete-rule-2[data-v-99f41e44]{position:absolute;bottom:50%;transform:translateY(50%);right:10px;opacity:.5;cursor:pointer;visibility:hidden}.rule-header:hover .delete-rule-2[data-v-99f41e44]{visibility:visible}.date-list[data-v-99f41e44]{padding:var(--spacing1) var(--spacing2)}.header-left[data-v-99f41e44]{display:flex;align-items:center;gap:var(--spacing3);flex:1}.header-right[data-v-99f41e44]{padding-right:var(--spacing8)}.ot-name[data-v-99f41e44]{font-weight:700}.rate-text[data-v-99f41e44]{vertical-align:baseline;color:var(--form-subtitle);width:25%;max-height:35px;max-width:25%;background-color:transparent;font-weight:700}.ot-color[data-v-99f41e44]{display:block;width:8px;height:8px;min-width:8px;max-width:8px;max-height:8px;min-height:8px;border-radius:50%}.date-line[data-v-99f41e44]{position:relative}.date[data-v-99f41e44]{font-weight:700;padding:var(--spacing2);cursor:pointer}.error[data-v-99f41e44]{border:2px solid var(--error-border)!important;border-radius:var(--radius3)}.header[data-v-70bd57dc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.title span[data-v-70bd57dc]{font-family:Nunito Bold;font-size:1.5rem;color:var(--purple2)}.form-subtitle[data-v-70bd57dc]{margin-top:var(--spacing4);color:var(--form-subtitle)}form[data-v-70bd57dc]{padding:var(--spacing4) 0;display:flex;width:100%;flex-direction:column;gap:var(--spacing4)}.field-container[data-v-70bd57dc]{display:flex;flex-direction:column;gap:var(--spacing2)}.field-container input[data-v-70bd57dc]{width:100%}.field-label[data-v-70bd57dc]{color:var(--form-field-color1);padding-left:var(--spacing1)}.grid-1x3[data-v-70bd57dc]{display:grid;grid-template-columns:1fr 3fr;-moz-column-gap:var(--spacing8);column-gap:var(--spacing8)}.grid-1x3[data-v-70bd57dc]>*{align-self:center}.mini-text[data-v-70bd57dc]{width:50%;max-width:100px;padding:var(--spacing1) var(--spacing3);padding-top:0;border:1px solid var(--light-grey2);border-radius:var(--radius3);background-color:#fff}.ot-error-message[data-v-70bd57dc]{font-size:14px;font-weight:700;margin:0;color:var(--error);padding-left:var(--spacing1)}.week-rules-list[data-v-70bd57dc]>*,.holiday-rules[data-v-70bd57dc]>*{margin-bottom:var(--spacing2)}.holiday-rules[data-v-70bd57dc]{border:4px dotted var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing1)}.no-rule[data-v-70bd57dc]{display:flex;justify-content:center;align-items:center;background-color:#f8f8f8;border-radius:var(--radius3);padding:var(--spacing5);color:var(--text-light-grey2)}.action-button[data-v-70bd57dc]{display:flex;justify-content:flex-end;margin-top:var(--spacing8)}.action-button>div[data-v-70bd57dc]{max-width:-moz-fit-content;max-width:fit-content}.error[data-v-70bd57dc]{border:2px solid var(--error-border)!important}.shift[data-v-70bd57dc]{flex:1;margin-right:1rem;background-color:#fff}.time-range-divider[data-v-70bd57dc]{color:var(--grey1);border:1px solid var(--grey1);border-radius:var(--radius3);display:flex;align-items:center;justify-content:center;font-size:1rem;padding:0 8px;margin:0 4px}.ce-client-page[data-v-9e3bc870]{display:flex;flex-direction:column;flex:1;background-color:#fff}.page-header[data-v-9e3bc870]{display:flex;flex-direction:column;gap:var(--spacing4);margin-bottom:var(--spacing4)}.page-title[data-v-9e3bc870]{margin:0}.tab-container[data-v-9e3bc870]{display:flex}.tab[data-v-9e3bc870]{font-weight:700;font-size:.875rem;padding:var(--spacing1) var(--spacing4);cursor:pointer;border-radius:var(--radius3)}.active-tab[data-v-9e3bc870]{background-color:var(--nav-bg-highlight);color:var(--nav-link-color1)}.info-text[data-v-9e3bc870]{color:#474545}.page-tabs[data-v-9e3bc870]{flex:1;margin:var(--spacing4) 0}.form-subtitle[data-v-9e3bc870]{color:var(--form-subtitle)}.client-form[data-v-9e3bc870]{margin-top:var(--spacing4);max-width:60%;display:flex;flex-direction:column;gap:var(--spacing6)}.line-container[data-v-9e3bc870]{display:grid;grid-template-columns:1fr 2fr;align-items:center}.field-container>input[data-v-9e3bc870]{width:100%}.field-container input[data-v-9e3bc870]:disabled{background-color:var(--light-grey3)!important;color:var(--form-subtitle)}.client-form label[data-v-9e3bc870]{color:#474545;font-weight:400}.error-message[data-v-9e3bc870]{font-size:14px;font-weight:700;margin:0;color:var(--error);padding-left:var(--spacing1)}.overtime-rules[data-v-9e3bc870]{display:flex;flex-direction:column;gap:var(--spacing2)}.overtime-rules[data-v-9e3bc870],.client-form[data-v-9e3bc870]{max-height:420px;overflow-y:auto}.page-header[data-v-9e3bc870],.page-tabs[data-v-9e3bc870]{padding-left:var(--spacing8);padding-right:var(--spacing8)}@media screen and (max-width: 800px){.page-container[data-v-9e3bc870]{padding:var(--spacing3)!important}.client-form[data-v-9e3bc870]{max-width:100%}.line-container[data-v-9e3bc870]{width:100%}}.cls-1[data-v-d6891646]{stroke-width:0px}.link-away-btn[data-v-19b5bdfb]{display:flex;justify-content:flex-start;align-items:center;width:60%;min-width:-moz-fit-content;min-width:fit-content;padding:var(--spacing1) var(--spacing4) 0}.link-away-btn p[data-v-19b5bdfb]{font-weight:700;font-size:1.18rem;border-bottom:var(--price-border);padding-left:var(--spacing2);padding-right:var(--spacing2)}.check-mark[data-v-510ba2cd]{position:relative}.check-mark[data-v-510ba2cd]:before{content:"";display:block;position:absolute;left:-20px;top:-15px;height:12px;width:7px;border-bottom:2px solid var(--purple2);border-right:2px solid var(--purple2);transform:rotate(45deg);margin:5px}.x-mark[data-v-b3eb46d7]{position:relative}.x-mark[data-v-b3eb46d7]:before{transform:rotate(45deg)}.x-mark[data-v-b3eb46d7]:after{transform:rotate(-45deg)}.x-mark[data-v-b3eb46d7]:before,.x-mark[data-v-b3eb46d7]:after{content:"";display:block;position:absolute;background-color:var(--purple2);width:15px;height:2px;left:-18px;top:-2px}.plan-container[data-v-c40c78bb]{flex:1}.plan-title-container[data-v-c40c78bb]{padding:var(--spacing2) 0;border-bottom:var(--price-border);display:flex;align-items:center}.plan-content-container[data-v-c40c78bb]{padding:var(--spacing26) 0;min-height:315px;height:315px}.plan-title[data-v-c40c78bb]{min-height:78px;height:78px;max-height:78px}.plan-title[data-v-c40c78bb],.plan-price[data-v-c40c78bb]{font-size:2.3rem}.plan-price[data-v-c40c78bb]{margin-bottom:var(--spacing2)}.plan-price-unit[data-v-c40c78bb]{font-size:1.5rem}.price-info-subtext[data-v-c40c78bb]{font-size:1.18rem}.plan-main-cta-container[data-v-c40c78bb]{display:flex;gap:var(--spacing1);margin-bottom:var(--spacing8)}.plan-main-cta-container .buy-btn[data-v-c40c78bb]{width:-moz-fit-content!important;width:fit-content!important;flex:1}.plan-main-cta-container .buy-btn[data-v-c40c78bb],.plan-sec-cta-container .sec-buy-btn[data-v-c40c78bb]{font-weight:700;font-size:1.18rem}.free-btn-container[data-v-c40c78bb]{flex:.95}.contact-us-link[data-v-c40c78bb]{display:flex;flex:1}.plan-features-container[data-v-c40c78bb]{border-top:var(--price-border);padding-top:var(--spacing8);padding-bottom:var(--spacing16)}.feature-item[data-v-c40c78bb]{display:flex;align-items:center;gap:var(--spacing2);margin-bottom:var(--spacing1)}.feature-item p[data-v-c40c78bb]{font-size:1.18rem;font-weight:600;color:var(--purple2)}.plan-sec-cta-container .sec-buy-btn[data-v-c40c78bb]{width:-moz-fit-content;width:fit-content;padding:var(--spacing1) var(--spacing8);margin-top:var(--spacing6);background-color:#000}.sec-title[data-v-c40c78bb]{font-size:1.8rem}.price-nav[data-v-83612dac]{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing10);min-height:59px}.logo-container[data-v-83612dac]{display:flex;align-items:center}.overview-text[data-v-83612dac]{font-weight:700;cursor:default}.nav-buttons[data-v-83612dac]{display:flex;gap:var(--spacing4)}.try-button[data-v-83612dac]{background:linear-gradient(90deg,#8013c6,#eb55ff);color:#fff;padding:.5em 1em;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700}.sign-in-button[data-v-83612dac]{background:none;color:#7f13c5;padding:.5em 1em;border:2px solid #7f13c5;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700}.logo-banner[data-v-83612dac]{width:176px;height:31px}.pricing-footer[data-v-9f59f166]{display:flex;flex-direction:column;justify-content:space-between;height:200px;padding-top:var(--spacing8)!important;border-top:3px solid var(--light-grey1)}.footer-logo[data-v-9f59f166]{opacity:.3}.lower-content[data-v-9f59f166]{display:flex;position:relative;justify-content:center;padding:var(--spacing4) 0;color:var(--text-light-grey3)}.detail-container[data-v-9f59f166]{position:absolute;display:flex;gap:var(--spacing4);right:0}@media (max-width: 768px){.lower-content[data-v-9f59f166]{flex-direction:column;gap:var(--spacing4)}.detail-container[data-v-9f59f166]{position:relative}}.main-container[data-v-3b66dd9f]{background-color:#fff;padding:0 32px;height:100vh}.screenshot[data-v-3b66dd9f]{width:70%;height:auto;display:block;margin-left:auto;margin-right:auto}.purple-background[data-v-3b66dd9f]{background-color:#7f13c5;color:#fff}.light-purple-background[data-v-3b66dd9f]{background-color:#f3e5f5;color:#000}.header[data-v-3b66dd9f]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.tabs-container[data-v-3b66dd9f]{display:flex;justify-content:center;align-items:center;gap:1em;border:2px solid #7f13c5;border-radius:25px;padding:.5em;margin-bottom:1em}.tab[data-v-3b66dd9f]{padding:.5em 1em;border-radius:25px;cursor:pointer;font-weight:700;color:#7f13c5}.tab.active[data-v-3b66dd9f]{background-color:#fff;box-shadow:0 4px 6px #0000001a;color:#7f13c5}.tab.white-text[data-v-3b66dd9f]{color:#fff}.time-tracking-content[data-v-3b66dd9f],.jobs-content[data-v-3b66dd9f],.clock-client-view[data-v-3b66dd9f],.staff-management-content[data-v-3b66dd9f]{width:100%;text-align:center}.time-tracking-header[data-v-3b66dd9f],.job-tracking-header[data-v-3b66dd9f],.offline-clockin-header[data-v-3b66dd9f],.staff-management-header[data-v-3b66dd9f]{font-size:2.5rem;color:#7f13c5}.subtext[data-v-3b66dd9f]{text-align:center;color:#595959;width:100%}.time-tracking-placeholder[data-v-3b66dd9f],.job-entry-placeholder[data-v-3b66dd9f],.clock-client-placeholder[data-v-3b66dd9f],.staff-management-placeholder[data-v-3b66dd9f]{width:100%;height:400px;background-color:red;margin-top:2em}.footer-text[data-v-3b66dd9f]{text-align:center;color:#fff;width:100%;margin-top:2em}.hero-section[data-v-3b66dd9f]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;padding:0 2em;background:linear-gradient(to bottom,#7f13c5 50%,#fff 50%)}.hero-content[data-v-3b66dd9f]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.hero-title[data-v-3b66dd9f]{font-size:3rem;margin-bottom:.5em;color:#fff}.hero-subtitle[data-v-3b66dd9f]{font-size:1.5rem;margin-bottom:1em;color:#fff}.hero-image-placeholder[data-v-3b66dd9f]{width:100%;height:400px;background-color:red;margin-bottom:1em}.hero-footer-text[data-v-3b66dd9f]{font-size:1.2rem;margin-bottom:1em;color:#000}.try-button[data-v-3b66dd9f]{background:linear-gradient(90deg,#8013c6,#eb55ff);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1em 3em}.features-section[data-v-3b66dd9f]{padding:4em 2em;text-align:center}.features-title[data-v-3b66dd9f]{font-size:2.5rem;margin-bottom:1em;color:#000}.features-container[data-v-3b66dd9f]{display:flex;flex-wrap:wrap;justify-content:center;gap:2em;background-color:#f9f3ff;border-radius:15px;padding:2em}.feature[data-v-3b66dd9f]{width:30%;text-align:left}.feature-header[data-v-3b66dd9f]{display:flex;align-items:center;margin-bottom:.5em}.feature-icon[data-v-3b66dd9f]{width:30px;height:30px;margin-right:1em}.feature-title[data-v-3b66dd9f]{font-size:1.5rem;color:#7f13c5}.feature-description[data-v-3b66dd9f]{font-size:1rem;color:#595959}.final-section[data-v-3b66dd9f]{background-color:#7f13c5;color:#fff;text-align:center;padding:4em 2em}.final-title[data-v-3b66dd9f]{font-size:2.5rem;margin-bottom:1em}.final-subtitle[data-v-3b66dd9f]{font-size:1.2rem;margin-bottom:2em}.white-button[data-v-3b66dd9f]{background:white;background-color:#fff;color:#7f13c5}.trial-form-container[data-v-2ef4d096]{display:flex;height:95vh}.left-section[data-v-2ef4d096]{flex:1;background-color:#7f13c5;display:flex;justify-content:center;align-items:center;position:relative}.bottom-text[data-v-2ef4d096]{position:absolute;bottom:20px;right:20px;color:#ffffff80}.right-section[data-v-2ef4d096]{flex:1;background-color:#fff;display:flex;justify-content:center;align-items:center}.form-content[data-v-2ef4d096]{width:80%;max-width:400px;text-align:center}.icon[data-v-2ef4d096]{width:50px;height:50px;margin:0 auto 20px}.form-title[data-v-2ef4d096]{font-size:2rem;margin-bottom:10px}.form-description[data-v-2ef4d096]{font-size:1rem;margin-bottom:20px}.form-group[data-v-2ef4d096]{display:flex;gap:10px;margin-bottom:10px}.input-group[data-v-2ef4d096]{width:100%;margin-bottom:10px}.form-input[data-v-2ef4d096]{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.checkbox-group[data-v-2ef4d096]{display:flex;align-items:flex-start;margin-bottom:20px}.checkbox-group input[data-v-2ef4d096]{margin-right:10px;margin-top:3px}#agreement[data-v-2ef4d096]{margin-top:.3em}.link[data-v-2ef4d096]{color:#7f13c5;text-decoration:none}.register-button[data-v-2ef4d096]{background:linear-gradient(90deg,#8013c6,#eb55ff);color:#fff;padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700}.error-message[data-v-2ef4d096]{color:red;text-align:left;margin-top:5px;font-size:.875rem}.success-message[data-v-2ef4d096]{color:green;text-align:left;margin-top:5px;font-size:.875rem}.s-title[data-v-eda1f493]{font-size:.9rem;color:var(--purple2);margin-top:var(--spacing12);margin-bottom:var(--spacing5)}.page-title[data-v-eda1f493]{font-size:3.5rem;margin-bottom:var(--spacing10)}.s-title[data-v-eda1f493],.page-title[data-v-eda1f493],.bill-switch-container[data-v-eda1f493],.plan-details-container[data-v-eda1f493]{margin-left:20%;margin-right:20%}.bill-switch-container[data-v-eda1f493]{margin-bottom:var(--spacing10);padding:0 var(--spacing8)}.plan-details-container[data-v-eda1f493]{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:var(--spacing10);column-gap:var(--spacing10)}.banner-container[data-v-eda1f493]{background-color:#9300c6;padding:var(--spacing20) 0;margin-top:var(--spacing12);margin-bottom:var(--spacing12);display:flex;flex-direction:column;align-items:center;justify-content:center}.banner-main[data-v-eda1f493],.banner-sub[data-v-eda1f493],.banner-detail[data-v-eda1f493]{color:#fff}.banner-main[data-v-eda1f493]{font-size:2.3rem}.banner-sub[data-v-eda1f493]{font-size:1.7rem;margin:var(--spacing2) 0}.banner-detail[data-v-eda1f493]{font-size:1.18rem;margin:var(--spacing8) 0}.cta-buttons[data-v-eda1f493]{display:flex;gap:var(--spacing4)}.cta-buttons .sign-up-btn[data-v-eda1f493]{font-weight:700;color:var(--purple-primary);background-color:#fff;padding-left:var(--spacing8);padding-right:var(--spacing8)}.cta-buttons .free-try[data-v-eda1f493] p{color:#fff;border-color:#fff}.call-us[data-v-eda1f493]{display:flex;justify-content:space-between;align-items:center;margin:0 var(--spacing12) var(--spacing12);padding:0 var(--spacing8)}.footer-container[data-v-eda1f493]{margin:0 var(--spacing12) var(--spacing2);padding:0 var(--spacing8)}.call-us[data-v-eda1f493],.call-us[data-v-eda1f493] p{font-size:1.4rem}.call-us-btn[data-v-eda1f493] p{border-color:var(--light-grey1)}@media (max-width: 1229px){.s-title[data-v-eda1f493],.page-title[data-v-eda1f493],.bill-switch-container[data-v-eda1f493],.plan-details-container[data-v-eda1f493]{margin-left:5%;margin-right:5%}.plan-details-container[data-v-eda1f493]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.plan-details-container[data-v-eda1f493]{grid-template-columns:repeat(1,1fr)}.banner-detail[data-v-eda1f493],.banner-main[data-v-eda1f493],.banner-sub[data-v-eda1f493]{text-align:center}}@media (max-width: 480px){.call-us[data-v-eda1f493]{flex-direction:column;align-items:center;gap:var(--spacing2)}}.settings[data-v-06053913]{display:flex;flex:1}.subcomponent-divider[data-v-06053913]{widows:60%;display:flex;flex-direction:column}.subcomponent-divider hr[data-v-06053913]{color:green;border:1.5px solid var(--light-grey1);width:100%;margin:10px 0 20px}.divider-btn[data-v-06053913]{display:flex;justify-content:flex-end;align-items:center;gap:10px;color:var(--grey1)}.days-settings[data-v-06053913]{display:flex;flex-direction:column;min-width:300px;max-width:600px;padding-bottom:2em}.subcomponent[data-v-06053913]{margin:0;width:85%}.setting[data-v-06053913]{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.page-header[data-v-06053913]{display:flex;flex-direction:column;gap:var(--spacing4);margin-bottom:var(--spacing4)}.info-text[data-v-06053913]{color:#474545}.button-action[data-v-06053913]{display:flex;justify-content:space-between;margin-top:var(--spacing12)}input[type=time][data-v-06053913]::-webkit-datetime-edit-fields-wrapper{display:flex}input[type=time][data-v-06053913]::-webkit-datetime-edit-text{padding:var(--spacing2)}input[type=time][data-v-06053913]::-webkit-datetime-edit-hour-field{padding:var(--spacing2)}input[type=time][data-v-06053913]::-webkit-datetime-edit-minute-field{padding:var(--spacing2)}input[type=time][data-v-06053913]::-webkit-datetime-edit-ampm-field{padding:var(--spacing2)}input[type=time][data-v-06053913]::-webkit-calendar-picker-indicator:hover{cursor:pointer}.week-rule-container[data-v-06053913]{display:flex;flex-direction:column;border-radius:var(--radius3);padding:var(--spacing4) 5px;position:relative;border:dashed;border-color:var(--light-grey6)}.delete-rule[data-v-06053913]{opacity:.5;cursor:pointer}.days-container[data-v-06053913]{display:flex;justify-content:space-between;position:relative;border-radius:var(--radius3)}.ot-color[data-v-06053913]{display:block;width:8px;height:8px;min-width:8px;max-width:8px;max-height:8px;min-height:8px;border-radius:50%;margin-right:var(--spacing1)}.rule-footer[data-v-06053913]{display:flex;flex:1;justify-content:space-between;align-items:center;background-color:transparent;border-radius:var(--radius3);color:var(--form-subtitle)}.rule-footer[data-v-06053913]>*{align-self:center}.mini-select[data-v-06053913]{justify-self:start;font-weight:700}.rate-container[data-v-06053913]{margin-top:var(--spacing1);margin-bottom:var(--spacing2);color:var(--form-subtitle);background-color:var(--light-grey5);padding:var(--spacing2);border-radius:var(--radius2)}.rate-container[data-v-06053913] *{font-size:.96rem}.rate-container>h3[data-v-06053913]{margin:0;font-weight:700;color:var(--form-subtitle)}.rate-field-wrap[data-v-06053913]{display:flex;max-width:50px}.rate-text[data-v-06053913]{color:var(--form-subtitle);width:100%;background-color:transparent;font-weight:700}.time-range-container[data-v-06053913]{display:flex;align-items:center;justify-content:space-between}.time-range-divider[data-v-06053913]{color:var(--grey1);border:1px solid var(--grey1);border-radius:var(--radius3);display:flex;align-items:center;justify-content:center;font-size:1rem;padding:0 8px;margin:0 4px}input[type=time][data-v-06053913]::-webkit-calendar-picker-indicator{background:none;display:none}.time-range-input[data-v-06053913]{font-weight:700}.mini-text[data-v-06053913],.time-range-input[data-v-06053913]{font-size:.8rem;width:-moz-fit-content;width:fit-content;min-width:3rem;padding:0 .2rem;border-radius:var(--radius1)}.rate-name[data-v-06053913]{font-weight:700;margin-right:5px}.message[data-v-06053913]{font-size:12px;color:var(--form-field-color1)}.error[data-v-06053913]{border:2px solid var(--error-border)!important}.time-settings[data-v-06053913]{display:flex;flex-direction:column;row-gap:var(--spacing12);min-width:300px;max-width:600px}.time-setting[data-v-06053913]{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.label[data-v-06053913]{margin-bottom:var(--spacing2)}.icon[data-v-06053913]{margin-left:5px}input[type=time][data-v-06053913]{border:none;color:var(--grey1);width:350px;font-size:16px;border:1px solid var(--border-outline2);border-radius:var(--spacing2);padding:var(--spacing1)}.error-message[data-v-06053913]{font-size:14px;font-weight:700;margin:0;color:var(--error);height:30px}.error-container[data-v-06053913]{height:var(--spacing5)}.button[data-v-06053913]{max-width:138px}.tag[data-v-54bd6fd1]{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--spacing1) var(--spacing4);gap:var(--spacing2);border-radius:var(--radius2);flex:none;order:0;flex-grow:1;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;font-size:14px;max-width:100px;text-overflow:ellipsis;overflow:hidden}.success[data-v-54bd6fd1]{background-color:var(--success1)}.info[data-v-54bd6fd1]{background-color:var(--info1)}.warn[data-v-54bd6fd1]{background-color:var(--warn1)}.error[data-v-54bd6fd1]{background-color:var(--error1)}.list[data-v-54bd6fd1]{border:1px solid var(--border-outline);color:inherit;background-color:#fff;border-radius:var(--radius1);max-width:100%;display:flex;justify-content:space-between;max-height:35px}.list-new[data-v-54bd6fd1]{border:1px solid var(--border-outline);color:#fff;background-color:var(--success1);border-radius:var(--radius1);max-width:100%;display:flex;justify-content:space-between;max-height:65px}.label[data-v-54bd6fd1]{border:1px solid var(--border-outline);color:var(--purple-primary);background-color:var(--disabledPurple);border-radius:var(--radius2);justify-content:space-between;display:flex;padding:0 var(--spacing2);padding:var(--spacing1) var(--spacing2);-moz-column-gap:var(--spacing2);column-gap:var(--spacing2);text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.holiday-container[data-v-d50ddb5b]{height:70vh}.report-wrapper[data-v-d50ddb5b]{display:grid;grid-auto-flow:column;-moz-column-gap:48px;column-gap:48px}.report-input[data-v-d50ddb5b]{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 var(--spacing10) 0;row-gap:var(--spacing4)}.date-input[data-v-d50ddb5b]{border:none;width:345px}.excluded-list[data-v-d50ddb5b]{display:flex;flex-direction:column;padding:var(--spacing3);gap:var(--spacing2);border-radius:var(--spacing1);border:1px solid var(--border-outline2);overflow-y:auto;height:370px}.drop-area[data-v-d50ddb5b]{border:1px dotted var(--border-outline2);width:345px;height:208px;display:flex;justify-content:center;align-items:center;cursor:pointer}.drop-area p[data-v-d50ddb5b],.format-notice[data-v-d50ddb5b]{text-align:center;width:154px;font-style:italic;font-size:14px;letter-spacing:-.01em}.format-notice[data-v-d50ddb5b]{text-align:justify;color:var(--grey1)}.button[data-v-d50ddb5b]{max-width:138px}.button-action[data-v-d50ddb5b]{display:flex;justify-content:space-between;margin-top:var(--spacing12)}[data-v-d50ddb5b]::-webkit-scrollbar{width:10px}[data-v-d50ddb5b]::-webkit-scrollbar-track{border-radius:var(--spacing2);background-color:var(--scroll-track)}[data-v-d50ddb5b]::-webkit-scrollbar-thumb{background:var(--purple1);border-radius:var(--spacing2)}[data-v-d50ddb5b]::-webkit-scrollbar-thumb:hover{background:var(--purple2)}.otr-page[data-v-60c42a11]{display:flex;flex-direction:column;flex:1;background-color:#fff}.page-header[data-v-60c42a11]{display:flex;flex-direction:column;gap:var(--spacing4);margin-bottom:var(--spacing4)}.page-title[data-v-60c42a11]{margin:0}.tab-container[data-v-60c42a11]{display:flex}.tab[data-v-60c42a11]{font-weight:700;font-size:.875rem;padding:var(--spacing1) var(--spacing4);border-radius:var(--radius3)}.active-tab[data-v-60c42a11]{background-color:var(--nav-bg-highlight);color:var(--nav-link-color1)}.info-text[data-v-60c42a11]{color:#474545}.page-tabs[data-v-60c42a11]{flex:1;margin:var(--spacing4) 0}.form-subtitle[data-v-60c42a11]{color:var(--form-subtitle)}.client-form[data-v-60c42a11]{margin-top:var(--spacing4);max-width:60%;display:flex;flex-direction:column;gap:var(--spacing6)}.line-container[data-v-60c42a11]{display:grid;grid-template-columns:1fr 2fr;align-items:center}.field-container>input[data-v-60c42a11]{width:100%}.field-container input[data-v-60c42a11]:disabled{background-color:var(--light-grey3)!important;color:var(--form-subtitle)}.client-form label[data-v-60c42a11]{color:#474545;font-weight:400}.error-message[data-v-60c42a11]{font-size:14px;font-weight:700;margin:0;color:var(--error);padding-left:var(--spacing1)}.overtime-rules[data-v-60c42a11]{display:flex;flex-direction:column;gap:var(--spacing2);max-height:550px;overflow-y:auto}.page-footer[data-v-60c42a11]{display:flex;justify-content:space-between;padding:var(--spacing4) var(--spacing4);border-radius:var(--radius5);border:2px solid var(--light-grey2)}.right-actions[data-v-60c42a11]{display:flex}.btn[data-v-60c42a11]{width:-moz-max-content;width:max-content;margin-right:var(--spacing1)}.btn[data-v-60c42a11]:disabled{cursor:not-allowed}.nav-btn[data-v-60c42a11]{border:2px solid var(--light-grey2)}.header[data-v-f0f10609]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.title span[data-v-f0f10609]{font-family:Nunito Bold;font-size:1.5rem;color:var(--purple2)}.form-subtitle[data-v-f0f10609]{margin-top:var(--spacing4);color:var(--form-subtitle)}form[data-v-f0f10609]{padding:var(--spacing4) 0;display:flex;width:100%;flex-direction:column;gap:var(--spacing4)}.field-container[data-v-f0f10609]{display:flex;flex-direction:column;gap:var(--spacing2)}.field-container input[data-v-f0f10609]{width:100%}.field-label[data-v-f0f10609]{color:var(--form-field-color1);padding-left:var(--spacing1)}.mini-text[data-v-f0f10609]{padding:var(--spacing1) var(--spacing3);padding-top:0;border:1px solid var(--light-grey2);border-radius:var(--radius3);background-color:#fff}.ot-error-message[data-v-f0f10609]{font-size:14px;font-weight:700;margin:0;color:var(--error);padding-left:var(--spacing1)}.action-button[data-v-f0f10609]{display:flex;justify-content:flex-end;margin-top:var(--spacing5)}.action-button>div[data-v-f0f10609]{max-width:-moz-fit-content;max-width:fit-content}.error[data-v-f0f10609]{border:2px solid var(--error-border)!important}.auto-gen-wrapper[data-v-f0f10609]{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.clockin-wrapper[data-v-f0f10609]{display:flex;-moz-column-gap:var(--spacing4);column-gap:var(--spacing4);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clockin-checkmark-wrapper[data-v-f0f10609]{display:flex;align-items:center;-moz-column-gap:var(--spacing2);column-gap:var(--spacing2)}.clockin-checkmark[data-v-f0f10609]{display:inline-block;width:25px;height:25px;border-radius:50%;background-color:purple;position:relative;vertical-align:middle}.clockin-checkmark[data-v-f0f10609]:after{content:"";position:absolute;left:10px;top:6px;width:6px;height:11px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.no-checkmark[data-v-f0f10609]{display:inline-block;width:25px;height:25px;border-radius:50%;position:relative;border:2px solid var(--light-grey1);vertical-align:middle}.field-container .flex[data-v-f0f10609]{display:flex;align-items:center}.field-container input[disabled][data-v-f0f10609]{background-color:var(--light-grey3);color:var(--form-subtitle)}.otr-page[data-v-180b6080]{display:flex;flex-direction:column;flex:1;background-color:#fff}.page-header[data-v-180b6080]{display:flex;flex-direction:column;gap:var(--spacing4);margin-bottom:var(--spacing4)}.info-text[data-v-180b6080]{color:#474545}.page-tabs[data-v-180b6080]{display:flex;flex-direction:column;flex:1;margin:var(--spacing4) 0}.overtime-rates[data-v-180b6080]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing2)}.ot-rate[data-v-180b6080]{border-radius:4px;border-left:6px solid;background-color:var(--bg-1)}.rate-value[data-v-180b6080]{color:var(--form-subtitle);font-weight:600}.action-container[data-v-180b6080]{display:flex;align-items:center}.action-container>.actions[data-v-180b6080]{visibility:hidden}.ot-rate:hover .action-container[data-v-180b6080]>*{visibility:visible}.pillContainer[data-v-dcf7f230]{display:flex;flex-direction:row;align-items:center;justify-content:center;border:2px solid var(--light-grey4);border-radius:30px;margin-right:1em;padding:.5em 2em;cursor:pointer;transition:.5s all;color:var(--black);font-size:.8rem}.pillContainer[data-v-dcf7f230]:hover{background-color:var(--light-grey6)}.pillActive[data-v-dcf7f230]{background-color:var(--light-grey6);border:2px solid var(--light-grey6)}.pillContent[data-v-dcf7f230]{font-weight:700;font-size:.8rem}.button[data-v-07d80850]{max-width:138px}.button-action[data-v-07d80850]{display:flex;justify-content:space-between;margin-top:var(--spacing12);gap:2em}.report-wrapper[data-v-123ee13b]{display:grid;grid-auto-flow:column;-moz-column-gap:48px;column-gap:48px}.header[data-v-123ee13b]{color:var(--text-light-grey3)}.report-input[data-v-123ee13b]{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 var(--spacing10) 0;row-gap:var(--spacing1)}.format-notice[data-v-123ee13b]{text-align:center;width:300px;margin-left:.5em;letter-spacing:-.01em;margin-bottom:2em}.formatOptionsContainer[data-v-123ee13b]{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;row-gap:var(--spacing3)}.format-notice[data-v-123ee13b]{text-align:justify;color:var(--grey1)}.button[data-v-123ee13b]{max-width:138px}.button-action[data-v-123ee13b]{display:flex;justify-content:space-between;margin-top:var(--spacing12)}[data-v-123ee13b]::-webkit-scrollbar{width:10px}[data-v-123ee13b]::-webkit-scrollbar-track{border-radius:var(--spacing2);background-color:var(--scroll-track)}[data-v-123ee13b]::-webkit-scrollbar-thumb{background:var(--purple1);border-radius:var(--spacing2)}[data-v-123ee13b]::-webkit-scrollbar-thumb:hover{background:var(--purple2)}.pillContainer[data-v-1057ce09]{display:flex;flex-direction:row;align-items:center;justify-content:center;border:2px solid var(--light-grey4);border-radius:30px;margin-right:1em;padding:.4em 1.2em;cursor:pointer;transition:.5s all}.pillContainer[data-v-1057ce09]:hover{background-color:var(--light-grey6)}.pillActive[data-v-1057ce09]{background-color:var(--light-grey6);border:2px solid var(--light-grey6)}.pillContent[data-v-1057ce09]{font-weight:700;font-size:.8rem}.select-container[data-v-fdb23779]{display:grid}[data-v-fdb23779] .v-field__prepend-inner>.v-icon,[data-v-fdb23779] .v-field__append-inner>.v-icon,[data-v-fdb23779] .v-field__clearable>.v-icon{color:#000}.select-container select[data-v-fdb23779]:disabled{cursor:not-allowed;background-color:var(--light-grey2)!important}.grey-theme[data-v-fdb23779]{color:var(--form-field-color1)}.error-border[data-v-fdb23779]{border-color:var(--error);border-width:1px}[data-v-fdb23779] .v-input--density-default .v-field--no-label{--v-field-padding-bottom: 0px !important}.v-input--density-default[data-v-fdb23779]{--v-input-control-height: 0px !important;--v-input-padding-top: 0px !important;padding:var(--padding-select) var(--spacing3)}[data-v-fdb23779] .v-input__details{display:none!important}[data-v-fdb23779] .v-input--density-default .v-field--variant-underlined{--v-input-control-height: 0px !important;--v-field-padding-top: 0px !important;--v-field-padding-bottom: 0px !important}.no-border .v-field--variant-underlined .v-field__outline[data-v-fdb23779]:before{border-width:0!important}[data-v-fdb23779] .v-field--variant-underlined .v-field__outline:before{display:none!important}[data-v-fdb23779] .v-field--variant-underlined .v-field__outline:after{border-bottom:0!important}.v-menu__content[data-v-fdb23779]{top:100%;left:0;width:100%}.v-list-item[data-v-fdb23779]{width:100%}.report-wrapper[data-v-aee73ee9]{display:grid;row-gap:var(--spacing12)}.header[data-v-aee73ee9]{color:var(--text-light-grey3)}.format-notice[data-v-aee73ee9]{text-align:justify;width:300px;margin-left:.5em;letter-spacing:-.01em;margin-bottom:2em}.formatOptionsContainer[data-v-aee73ee9]{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;row-gap:var(--spacing3)}.button[data-v-aee73ee9]{max-width:138px}.button-action[data-v-aee73ee9]{display:flex;justify-content:space-between;margin-top:var(--spacing12)}[data-v-aee73ee9]::-webkit-scrollbar{width:10px}[data-v-aee73ee9]::-webkit-scrollbar-track{border-radius:var(--spacing2);background-color:var(--scroll-track)}[data-v-aee73ee9]::-webkit-scrollbar-thumb{background:var(--purple1);border-radius:var(--spacing2)}[data-v-aee73ee9]::-webkit-scrollbar-thumb:hover{background:var(--purple2)}.page-header[data-v-e61c6183]{display:flex;flex-direction:column;gap:var(--spacing4);margin-bottom:var(--spacing4)}.info-text[data-v-e61c6183]{color:#474545}.switch-container[data-v-e61c6183]{display:flex;flex-direction:column;gap:var(--spacing6)}.roles-switch[data-v-e61c6183]{max-width:-moz-max-content;max-width:max-content}.roles-container[data-v-e61c6183]{display:flex;justify-content:flex-start;gap:var(--spacing4);align-items:center;flex-wrap:wrap}.role-list[data-v-e61c6183]{min-width:300px}.page-header[data-v-963deb09]{display:flex;flex-direction:column;gap:var(--spacing4);margin-bottom:var(--spacing4)}.info-text[data-v-963deb09]{color:#474545}.switch-container[data-v-963deb09]{display:flex;flex-direction:column;gap:var(--spacing6)}.roles-switch[data-v-963deb09]{max-width:-moz-max-content;max-width:max-content}.roles-container[data-v-963deb09]{display:flex;justify-content:flex-start;gap:var(--spacing4);align-items:center}.role-list[data-v-963deb09]{min-width:30%}.modal-container[data-v-0ca69795]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.content.current-time[data-v-0ca69795]{color:var(--grey1)}.header[data-v-0ca69795]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.user-initials[data-v-0ca69795]{background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;padding:1.8rem var(--spacing5);border-radius:var(--radius3);width:-moz-fit-content;width:fit-content}.user-initials p[data-v-0ca69795]{font-weight:700;color:#a9a0a8;font-size:1.5rem;line-height:.85;margin:0}.button-actions[data-v-0ca69795]{padding-top:var(--spacing6);display:grid;grid-auto-flow:column;justify-content:space-between}.title span[data-v-0ca69795]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.content[data-v-0ca69795]{display:grid;row-gap:var(--spacing2)}.content span[data-v-0ca69795]{font-size:24px;color:var(--purple2)}.modal-mask[data-v-0ca69795]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-enter-from[data-v-0ca69795],.modal-leave-to[data-v-0ca69795]{opacity:0}.modal-enter-from .modal-container[data-v-0ca69795],.modal-leave-to .modal-container[data-v-0ca69795]{transform:scale(1.1)}.error-message[data-v-0ca69795]{margin:0}.error-container[data-v-0ca69795]{color:var(--error);margin-bottom:var(--spacing1)}.fields-divider h4[data-v-0ca69795]{font-size:1.1rem;margin:0 0 var(--spacing2);color:var(--form-field-color1)}.content input[data-v-0ca69795]{color:var(--form-field-color1)}.content input[data-v-0ca69795]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.option-container[data-v-0ca69795]{display:flex;align-items:center}.option-container div[data-v-0ca69795]{flex:1}.option-container img[data-v-0ca69795]{width:1.6rem;margin-right:var(--spacing2)}.page-header[data-v-42257957]{display:flex;flex-direction:column;gap:var(--spacing4);margin-bottom:var(--spacing4)}.info-text[data-v-42257957]{color:#474545}.switch-container[data-v-42257957]{display:flex;flex-direction:column;gap:var(--spacing6)}.roles-switch[data-v-42257957]{max-width:-moz-max-content;max-width:max-content}.roles-container[data-v-42257957]{display:flex;justify-content:flex-start;gap:var(--spacing4);align-items:center}.role-list[data-v-42257957]{min-width:30%}.ip-input[data-v-42257957]{display:flex;gap:var(--spacing4)}.a-btn[data-v-42257957]{border-radius:var(--radius2);width:50px;cursor:pointer;text-align:center;font-size:1.5rem}.primary[data-v-42257957]{background-color:var(--purple3);color:#fff;border:none}.switch-table[data-v-42257957]{width:50%;text-align:left;border-collapse:separate;border-spacing:0 10px}.switch-container table th[data-v-42257957],.switch-container table td[data-v-42257957]{text-align:left;padding:12px 15px;background-color:#f2f2f2;border-bottom:1px solid #ddd}.delete-icon[data-v-42257957]{margin-left:15px;cursor:pointer;color:var(--grey2)}.page-container .container[data-v-18ef5c3f]{display:flex;flex-direction:column;row-gap:var(--spacing2)}.settings-container[data-v-18ef5c3f]{display:grid;grid-template-columns:1fr 4fr;flex:1}.settings-tabs[data-v-18ef5c3f]{padding-left:1em;margin-right:2em}.sidebar-top-container[data-v-18ef5c3f]{display:flex;flex-direction:column;padding-left:var(--page-padding)}.sidebar-top-container-text[data-v-18ef5c3f]{font-size:1.2rem;cursor:pointer}.sidebar-bottom-container[data-v-18ef5c3f]{display:flex;flex-direction:column}.sidebar-bottom-container-title[data-v-18ef5c3f]{font-size:1rem;font-weight:700;color:var(--text-light-grey2)}.tab-container[data-v-18ef5c3f]{padding-left:.1em}.tab[data-v-18ef5c3f]{padding-left:2em;padding-bottom:.5em;border-radius:10px;padding-top:.4em;cursor:pointer}.tab[data-v-18ef5c3f]:hover{background-color:var(--light-grey3)}.active-tab[data-v-18ef5c3f]{background-color:var(--light-grey2);color:var(--nav-link-color1)}.active-tab-container[data-v-18ef5c3f]{border-left:2px solid var(--nav-link-color1);font-weight:700}.settings-content[data-v-18ef5c3f]{display:flex;flex-direction:column;flex:1}.comp-page-container[data-v-18ef5c3f]{padding:var(--page-padding);padding-left:0;display:flex;flex:auto;flex-direction:column}.compy-account[data-v-18ef5c3f]{margin-bottom:1em}.red[data-v-18ef5c3f]{background-color:red}.blue[data-v-18ef5c3f]{background-color:#00f!important}.border[data-v-18ef5c3f]{border:1px solid var(--border-outline);border-radius:14px;padding:1.6rem 2rem}.subc-section[data-v-18ef5c3f]{background-color:var(--light-grey3);border-color:var(--light-grey3)!important}.button[data-v-18ef5c3f]{max-width:138px}.button-edit[data-v-18ef5c3f]{cursor:pointer;border-radius:8px;color:var(--black);text-align:center;padding:4px 6px;font-weight:600;font-size:1.1rem;width:100px;margin-left:2em;display:flex}.button-edit img[data-v-18ef5c3f]{opacity:.8;height:1.4rem}.button-edit span[data-v-18ef5c3f]{margin-left:.3rem}.textAreaNotEditing[data-v-18ef5c3f]{border:0px;background-color:transparent}.button-action[data-v-18ef5c3f]{display:flex;justify-content:center;margin-top:var(--spacing8)}input[data-v-18ef5c3f]:not([type="button"]),textarea[data-v-18ef5c3f]{width:100%;background-color:#fff!important;padding:var(--spacing3);border-radius:var(--radius2);border:2px solid var(--border-outline)}input[data-v-18ef5c3f]:focus,textarea[data-v-18ef5c3f]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}p[data-v-18ef5c3f]{font-size:22px;margin-bottom:0;margin-top:0;padding-top:8px;padding-bottom:8px}label[data-v-18ef5c3f]{font-size:large}table[data-v-18ef5c3f]{width:100%;border-collapse:collapse}textarea[data-v-18ef5c3f]{resize:none;font-size:medium}.company-container[data-v-18ef5c3f]{background-color:#fff!important;height:100vh;padding:3rem 15% 1rem}.subscription-status[data-v-18ef5c3f]{border-radius:.4rem;padding:.2rem .5rem;display:block;font-weight:600}.subscription-status.INCOMPLETE[data-v-18ef5c3f]{color:#e67e22;background-color:#fef5e7}.subscription-status.CANCELED[data-v-18ef5c3f]{color:#e74c3c;background-color:#fdecea}.subscription-status.FAILED[data-v-18ef5c3f]{color:#c0392b;background-color:#f9ebea}.subscription-status.ACTIVE[data-v-18ef5c3f]{color:#27ae60;background-color:#eafaf1}.subscription-status.PAST_DUE[data-v-18ef5c3f]{color:#f1c40f;background-color:#fcf3cf}.subscription-status.INACTIVE[data-v-18ef5c3f]{color:#95a5a6;background-color:#f4f6f6}.button-wrapper[data-v-18ef5c3f]{display:grid;grid-auto-flow:column;justify-content:flex-end;margin-top:2%}.subscription-status-wrapper[data-v-18ef5c3f]{display:grid;grid-auto-flow:column;justify-content:flex-end}.complete[data-v-42d80dc6]{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.complete-body[data-v-42d80dc6]{display:flex;align-items:center;justify-content:center;flex-direction:column;width:25%}.com-btn[data-v-42d80dc6]{width:20rem;height:3rem;font-size:1.8rem}.cc[data-v-42d80dc6]{width:100%}.input-container[data-v-42d80dc6]{position:relative}.input-container .tag[data-v-42d80dc6]{position:absolute;display:block;top:15px;right:150px;color:gray;padding-left:5px;width:45px}.create-header[data-v-42d80dc6]{color:#333;font-size:42px;font-weight:500;flex:1}.cc-logo[data-v-42d80dc6]{width:100%;height:5rem;padding:15px;display:flex;align-items:center;justify-content:flex-start;border-bottom:3px solid #c8c8c8}.cc-container[data-v-42d80dc6]{display:flex;align-items:center;justify-content:center}.cc-btn[data-v-42d80dc6]{background-color:var(--purple-primary);color:#fff;padding:10px;border-radius:10px}input[data-v-42d80dc6]:not([type="button"]){width:100%;background-color:#fff!important;padding:var(--spacing3);border-radius:var(--radius2);border:2px solid var(--border-outline)}input[data-v-42d80dc6]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.form-control[data-v-42d80dc6]{display:flex;justify-content:space-between}.form-control input[data-v-42d80dc6]{width:19rem}.v-tab.v-tab[data-v-7147ea54]{text-align:left;justify-content:left;text-transform:capitalize;background-color:transparent!important}.tab-item .v-btn__overlay[data-v-7147ea54]{background-color:transparent!important}.title-number[data-v-7147ea54]{display:inline-block;width:1.2rem;height:1.2rem;border-radius:50%;background-color:#969696;color:#fff;text-align:center;line-height:1.22rem;margin-right:var(--spacing3)}.title-text[data-v-7147ea54]{color:#969696;font-size:16px;letter-spacing:.001rem}.tab-content[data-v-7147ea54]{display:flex;align-items:center}.completed-tab[data-v-7147ea54]{background-color:var(--purple-primary)}.v-theme--light[data-v-7147ea54] .v-tab__slider{background-color:#969696;opacity:1!important;background-color:var(--purple-primary)}[data-v-7147ea54] .v-btn:hover>.v-btn__overlay{opacity:0!important}[data-v-7147ea54] .v-ripple__container{display:none!important;opacity:0!important;background-color:transparent!important}.token-message-container[data-v-7f1c2cbb]{display:flex;align-items:center}.token-success-wrapper[data-v-7f1c2cbb]{display:flex;flex-direction:column;align-items:center}.validating-icons[data-v-7f1c2cbb]{height:60px;width:60px;margin-left:var(--spacing35);margin-right:var(--spacing35);margin-top:var(--spacing5)}.validating-text[data-v-7f1c2cbb]{padding-top:1.5em;color:var(--purple-primary)}.token-validation-header[data-v-7f1c2cbb]{color:#333;font-size:42px;font-weight:500;flex:1}.create-pwd-page-container[data-v-7f1c2cbb]{display:flex;flex-direction:column;background-color:#fff;min-height:100vh}.v-card.custom-card[data-v-7f1c2cbb]{display:flex;flex-direction:column;min-height:400px;width:75%;margin:5rem auto 0rem;border-radius:12px;background-color:#fff;border:1px solid #ebebeb;box-shadow:none}.create-pwd-wrapper[data-v-7f1c2cbb]{padding-top:3em;padding-left:3em;padding-right:3em}.create-pwd-header[data-v-7f1c2cbb]{color:#333;font-size:42px;font-weight:500;flex:1}.create-pwd-inputs[data-v-7f1c2cbb]{display:flex;flex-direction:column;padding-top:1em}.login-field[data-v-7f1c2cbb]{margin-bottom:1em;border:none;background-color:#f4f4f4!important;border-radius:10px;height:60px;font-size:20px}.create-pwd-notification[data-v-7f1c2cbb]{font-size:20px;color:#969696}.create-pwd-username[data-v-7f1c2cbb]{color:#666;font-size:18px;background-color:#ebfcef;border-radius:10px;height:40px;padding:var(--spacing3);display:flex;align-items:center}.create-pwd-content[data-v-7f1c2cbb]{width:35%;margin-top:15px;display:grid;row-gap:15px}.create-pwd-button[data-v-7f1c2cbb]{width:140px!important;margin-top:var(--spacing5)}.checkmark-icon[data-v-7f1c2cbb]{width:20px;height:20px;margin-left:auto}.horizontal-tabs .tab-content[data-v-7f1c2cbb]{display:flex;flex-direction:column;height:100%}.create-pwd-success-wrapper[data-v-7f1c2cbb]{flex-grow:1;padding:var(--spacing3);display:flex;justify-content:center;align-items:center}.centered-content[data-v-7f1c2cbb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing5)}.sub-content[data-v-7f1c2cbb]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--spacing5)}.centered-text[data-v-7f1c2cbb]{margin-top:15px;font-size:18px}.heading-text[data-v-7f1c2cbb]{font-size:24px}.create-pwd-success-icon[data-v-7f1c2cbb]{width:140px;height:140px;display:flex;justify-content:center;align-items:center}.success-nav-btn[data-v-7f1c2cbb]{margin-top:var(--spacing10)}.pwd-token-validation-wrapper .success-nav-btn[data-v-7f1c2cbb]{margin-left:0}.login-nav-button[data-v-7f1c2cbb]{width:150px!important;height:44px!important}.error-message[data-v-7f1c2cbb]{position:absolute;font-size:14px;font-weight:700;margin:0;color:var(--error);top:80%}.pwd-token-validation-wrapper[data-v-7f1c2cbb]{border-radius:10px;padding:var(--spacing3);display:flex;justify-content:center;align-items:center;min-height:200px}.verified-text[data-v-7f1c2cbb]{color:#3c0;font-weight:700}.verified-content[data-v-7f1c2cbb]{margin-top:3em;margin-left:6em}.verified-sub-header[data-v-7f1c2cbb]{font-weight:600;font-size:18px}.username-text[data-v-7f1c2cbb]{color:var(--purple-primary)}.verified-content-text[data-v-7f1c2cbb]{margin-top:1.5em;font-size:16px}.verified-btn[data-v-7f1c2cbb]{margin-top:3em}.token-failed-wrapper[data-v-7f1c2cbb]{display:flex;flex-direction:column;align-items:center}.centered-content[data-v-7f1c2cbb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.failed-text[data-v-7f1c2cbb]{color:#e04628;font-weight:700}.failed-nav-btn[data-v-7f1c2cbb]{margin-top:40px}.failed-sub-header[data-v-7f1c2cbb]{font-weight:600;font-size:18px;color:#666}.failed-content-text[data-v-7f1c2cbb]{margin-top:1.5em;font-size:14px}.failed-error-message[data-v-7f1c2cbb]{color:#e04628}@media (min-width: 1920px){.v-card.custom-card[data-v-7f1c2cbb]{margin-top:12em}}@media (max-width: 1229px){.v-card.custom-card[data-v-7f1c2cbb]{max-width:100%;margin:0 auto}}@media (max-width: 768px){.v-card.custom-card[data-v-7f1c2cbb]{margin-top:14em}}@media (max-width: 480px){.v-card.custom-card[data-v-7f1c2cbb]{margin-top:12em}}.logo[data-v-7f1c2cbb]{width:14rem;border-radius:0px 0px 5rem 0rem;background-color:var(--purple3);padding:.7rem 1rem}.logo img[data-v-7f1c2cbb]{width:76%;margin:auto}.logo{width:14rem;border-radius:0px 0px 5rem 0rem;background-color:var(--purple3);padding:.7rem 1rem}.logo img{width:76%;margin:auto}.create-pwd-page-container[data-v-1c458c36]{display:flex;flex-direction:column;background-color:#fff;min-height:100vh}.validating-icons[data-v-1c458c36]{height:100px;width:100px;margin-left:var(--spacing35);margin-right:var(--spacing35);margin-top:var(--spacing5)}.v-card.custom-card[data-v-1c458c36]{display:flex;flex-direction:column;padding:calc(var(--spacing2) * 4) calc(var(--spacing1) * 7);min-height:450px;border-radius:18px;background-color:#fff;margin-top:6em}.create-pwd-wrapper[data-v-1c458c36]{padding-top:3em;padding-left:3em;padding-right:3em}.create-header[data-v-1c458c36]{color:#333;font-size:42px;font-weight:500;flex:1}.create-pwd-inputs[data-v-1c458c36]{display:flex;flex-direction:column;padding-top:1em}.login-field[data-v-1c458c36]{margin-bottom:1em;border:none;background-color:#f4f4f4!important;border-radius:10px;height:60px;font-size:20px}.create-pwd-notification[data-v-1c458c36]{font-size:20px;color:#969696}.token-failed-wrapper[data-v-1c458c36]{display:flex;flex-direction:column;align-items:center}.create-pwd-username[data-v-1c458c36]{color:#666;font-size:18px;background-color:#ebfcef;border-radius:10px;height:40px;padding:var(--spacing3);display:flex;align-items:center}.create-pwd-content[data-v-1c458c36]{width:35%;margin-top:15px;display:grid;row-gap:15px}.create-pwd-button[data-v-1c458c36]{width:140px!important;margin-top:20px}.checkmark-icon[data-v-1c458c36]{width:20px;height:20px;margin-left:auto}.horizontal-tabs .tab-content[data-v-1c458c36]{display:flex;flex-direction:column;height:100%}.create-pwd-success-wrapper[data-v-1c458c36]{flex-grow:1;background-color:#ebfcef;border-radius:10px;padding:var(--spacing3);display:flex;justify-content:center;align-items:center;height:100%}.centered-content[data-v-1c458c36]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px}.centered-text[data-v-1c458c36]{margin-top:15px;font-size:18px}.heading-text[data-v-1c458c36]{font-size:24px}.create-pwd-success-icon .checkmark-icon[data-v-1c458c36]{margin-top:30px;margin-left:240px;width:140px;height:140px;display:flex;justify-content:center;align-items:center}.success-nav-btn[data-v-1c458c36]{margin-top:40px;margin-left:150px;margin-bottom:50px}.login-nav-button[data-v-1c458c36]{width:150px!important;height:44px!important;margin-top:40px}.pwd-token-validation-wrapper[data-v-1c458c36]{flex-grow:1;background-color:#fab574;border-radius:10px;padding:var(--spacing3);display:flex;justify-content:center;align-items:center;height:100%!important}@media (max-width: 1229px){.v-card.custom-card[data-v-1c458c36]{max-width:100%;margin:0 auto}@media (max-width: 768px){.v-card.custom-card[data-v-1c458c36]{margin-top:14em}}@media (max-width: 480px){.v-card.custom-card[data-v-1c458c36]{margin-top:12em}}}.date-container[data-v-a813406e]{display:flex;flex-direction:column;align-items:center}.date-container label[data-v-a813406e],.date-container input[data-v-a813406e]{width:100%;max-width:100%}input[type=datetime-local][data-v-a813406e]::-webkit-calendar-picker-indicator{cursor:pointer}.date-container>input[type=datetime-local][data-v-a813406e]:disabled{opacity:.7;cursor:not-allowed}.modal-mask[data-v-fc74670d]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.title span[data-v-fc74670d]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.modal-container[data-v-fc74670d]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.modal-enter-from .modal-container[data-v-fc74670d],.modal-leave-to .modal-container[data-v-fc74670d]{transform:scale(1.1)}.header[data-v-fc74670d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.content[data-v-fc74670d]{display:grid;row-gap:var(--spacing2)}.content input[data-v-fc74670d]{color:var(--form-field-color1)}.content input[data-v-fc74670d]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.content span[data-v-fc74670d]{font-size:24px;color:var(--purple2)}.content.current-time[data-v-fc74670d]{color:var(--grey1)}.option-container[data-v-fc74670d]{display:flex;align-items:center}.option-container div[data-v-fc74670d]{flex:1}.option-container img[data-v-fc74670d]{width:1.6rem;margin-right:var(--spacing2)}.error-message[data-v-fc74670d]{margin:0}.error-container[data-v-fc74670d]{color:var(--error);margin-bottom:var(--spacing1)}.text-area-container[data-v-fc74670d]{display:flex;border:2px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2)}.text-area-container textarea[data-v-fc74670d]{width:100%;max-width:100%;border:none;border-radius:var(--radius3);padding:var(--spacing2)}.char-count[data-v-fc74670d]{position:absolute;bottom:-18px;right:8px;font-size:.75rem;color:#888}.action-button[data-v-fc74670d]{display:flex;justify-content:flex-end;margin-top:var(--spacing8)}.action-button>div[data-v-fc74670d]{max-width:-moz-fit-content;max-width:fit-content}.grey-card[data-v-fc74670d]{padding:var(--spacing2) var(--spacing2) var(--spacing2) var(--spacing5);background-color:var(--light-grey2);border-radius:var(--radius2)}.c-comment-container[data-v-fc74670d]{position:relative;width:100%;margin-top:var(--spacing1);padding-top:var(--spacing2);padding-bottom:var(--spacing2)}.c-comment[data-v-fc74670d]{width:100%;border:none}.c-comment[data-v-fc74670d]:focus{border:none!important}.c-comment-area[data-v-fc74670d]{display:flex;border:2px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2)}.add-note-btn[data-v-fc74670d]{display:flex;font-size:14px;gap:var(--spacing2);justify-content:space-between;align-items:center;border:1px dashed var(--light-grey1);border-radius:var(--radius3);padding:var(--spacing2) var(--spacing3)}.modal-mask[data-v-cf909deb]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container[data-v-cf909deb]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.modal-enter-from .modal-container[data-v-cf909deb],.modal-leave-to .modal-container[data-v-cf909deb]{transform:scale(1.1)}.action-button[data-v-cf909deb]{border-radius:var(--radius2);padding:var(--spacing1) var(--spacing3);height:38px;gap:var(--spacing2);cursor:pointer;background-color:var(--purple3);color:#fff;margin-left:auto;border:none;max-width:-moz-fit-content;max-width:fit-content}.approval-icon[data-v-cf909deb]{color:var(--purple3)}.indicator[data-v-cf909deb]{position:relative;width:10px;height:10px;border-radius:50%;z-index:2}.indicator[data-v-cf909deb]:before{content:"";position:absolute;top:-42px;transform:translate(200%);border:1px solid var(--light-grey1);width:1px;height:42px;z-index:1}.toggle-true[data-v-cf909deb]{background-color:var(--purple3)}.sub-entry[data-v-cf909deb]{border:1px solid white}.sub-entry[data-v-cf909deb]:hover{border:1px solid var(--light-grey1)}.sub-entry[data-v-9436bb5b]{display:flex;align-items:center;margin-bottom:var(--spacing6);height:40px}.sub-entry b[data-v-9436bb5b]{margin-left:var(--spacing3);font-family:Nunito SemiBold}.time-code-entry[data-v-9436bb5b]{padding-left:var(--spacing8)}.client-entry[data-v-9436bb5b]{padding-left:var(--spacing3)}.indicator[data-v-9436bb5b]{width:10px;height:10px;border-radius:50%;margin-right:5px;z-index:2}.indicator[data-v-9436bb5b]:before{content:"";position:absolute;top:-550%;transform:translate(200%);border:1px solid var(--light-grey1);width:1px;height:550%;left:0rem;z-index:1}.grey[data-v-9436bb5b]{background-color:var(--light-grey1)}.green[data-v-9436bb5b]{background-color:var(--success1)}.yellow[data-v-9436bb5b]{background-color:var(--warn1)}.red[data-v-9436bb5b]{background-color:var(--error1)}.time-cols-start[data-v-9436bb5b]{border:1px solid #eae9ea;border-radius:.8rem 0 0 .8rem;border-right:transparent;padding:.2rem .8rem;font-family:Nunito SemiBold;position:relative}.arrow[data-v-9436bb5b]{position:absolute;left:60%;top:25%;width:100%;height:100%}.short-date[data-v-9436bb5b]{position:absolute;font-family:Nunito Regular;font-size:14px;left:56%;top:-55%}.time-cols-end[data-v-9436bb5b]{font-family:Nunito SemiBold;border:1px solid #eae9ea;border-radius:0 .8rem .8rem 0;border-left:transparent;padding:.2rem .8rem;font-weight:500;width:75%}.page-header-container[data-v-4a422c2a]{margin-bottom:var(--spacing3)}.page-header[data-v-4a422c2a]{padding-bottom:var(--spacing6);margin-bottom:var(--spacing8)}.filter-controls[data-v-4a422c2a]{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--spacing6);padding-bottom:var(--spacing2)}.filter-controls-left[data-v-4a422c2a]{display:flex;height:auto;align-self:flex-end;flex-wrap:wrap}.select-input-wrapper[data-v-4a422c2a]{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.filter-btn[data-v-4a422c2a]{display:flex;align-items:center;padding-top:var(--spacing6)}.action-bar[data-v-4a422c2a]{display:flex;align-items:flex-end;margin-top:var(--spacing12);width:300px;margin-left:auto;align-self:flex-end}.btn[data-v-4a422c2a]{border-radius:var(--radius2);padding:var(--spacing1) var(--spacing3);height:38px;gap:var(--spacing2);cursor:pointer;text-align:center;background-color:var(--purple3);color:#fff;font-weight:700;width:90px;border:none}.btn-secondary[data-v-4a422c2a]{border-radius:var(--radius2);border:1px solid var(--light-grey1);padding:var(--spacing1) var(--spacing3);align-items:center;height:38px;width:190px;gap:var(--spacing2);cursor:pointer;text-align:center;margin-left:auto;margin-right:1rem}.icon[data-v-4a422c2a]{cursor:pointer;margin-right:5px;opacity:.5}.arrow-down-icon[data-v-4a422c2a]{transform:scaleY(-1)}.job-col[data-v-4a422c2a]{-moz-column-gap:var(--spacing1);column-gap:var(--spacing1);margin-left:var(--spacing10);padding-left:var(--spacing3);height:60px}.job-col[data-v-4a422c2a]>*{display:block;margin-bottom:auto}.date-col[data-v-4a422c2a]{display:flex;flex-direction:column}.date-col[data-v-4a422c2a]>*{display:flex;-moz-column-gap:var(--spacing2);column-gap:var(--spacing2)}.date-col[data-v-4a422c2a],.client-col[data-v-4a422c2a]{height:60px;padding-left:var(--spacing3)}.emp-col[data-v-4a422c2a]{padding-left:var(--spacing4)}.btn[data-v-4a422c2a]:disabled{opacity:.5;cursor:not-allowed}.entries-wrapper[data-v-4a422c2a]{display:flex;-moz-column-gap:var(--spacing4);column-gap:var(--spacing4)}.user-side-nav-container[data-v-4a422c2a]{display:flex;flex-direction:column;gap:var(--spacing1);padding:1rem;border-radius:var(--radius3);max-width:300px;height:100%;width:100%;border:1px solid var(--light-grey1)}.user-nav-department-title[data-v-4a422c2a]{text-align:left;font-size:20px;font-weight:800;padding-left:.8rem}.user-side-nav[data-v-4a422c2a]{display:flex;flex-direction:column;gap:1px}.user-side-nav>li[data-v-4a422c2a]{font-weight:700;list-style:none;color:var(--text-light-grey2);padding:12px 8px;border-radius:var(--radius2);cursor:pointer}.user-side-nav>li[data-active=true][data-v-4a422c2a]{font-weight:bolder;color:#000;background-color:var(--light-grey2)}.approval-txt[data-v-4a422c2a]{color:var(--purple3)}.employee-wrapper[data-v-4a422c2a]{display:block;position:relative;padding:var(--spacing1);background-color:#fff;border-radius:var(--radius2);height:43px;border:2px solid var(--border-outline)}.employee-card[data-v-4a422c2a]{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-select) var(--spacing3);border:none;background-color:var(--side-nav-bg);border-radius:var(--radius1);cursor:pointer;height:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.employee-card[data-v-4a422c2a]:hover{background-color:#f1ebf3}.empls-icon[data-v-4a422c2a]{position:relative;top:2px;opacity:.3}.close-icon[data-v-4a422c2a]{border:1px dotted var(--grey2);border-radius:50%;padding:2px 4px;align-self:auto;position:relative;right:-3px;margin:0rem}.close-icon[data-v-4a422c2a]:hover{background-color:#d0c8d2}.employee-list[data-v-4a422c2a]{position:absolute;top:105%;left:0px;width:100%;background-color:#fff;border:none 1px solid var(--border-outline) 1px solid var(--border-outline) 1px solid var(--border-outline);border-radius:var(--radius2);margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--padding-select) var(--spacing3)}.employee-list li[data-v-4a422c2a]{padding:var(--spacing2) var(--spacing4);cursor:pointer;border-radius:.3rem}.employee-list li[data-v-4a422c2a]:hover{background-color:var(--light-grey2)}.employee-list li.active[data-v-4a422c2a]{font-weight:bolder}.select-container[data-v-4a422c2a]{flex:1;min-width:18rem;margin-right:var(--spacing3)}.search-wrapper[data-v-4a422c2a]{padding:var(--spacing1) var(--spacing4);background-color:var(--light-grey3);border-radius:var(--spacing1);margin-bottom:var(--spacing2)}.search-wrapper input[data-v-4a422c2a]:focus-visible{outline:transparent}@media (max-width: 962px){.filter-btn[data-v-4a422c2a]{display:none}.select-container[data-v-4a422c2a]{margin:0}.filter-controls[data-v-4a422c2a]{flex-direction:column;width:100%}.filter-controls-left[data-v-4a422c2a],.select-input-wrapper[data-v-4a422c2a]{width:100%}.action-bar[data-v-4a422c2a]{width:100%;margin-top:var(--spacing4);justify-content:center}.btn-secondary[data-v-4a422c2a],.btn[data-v-4a422c2a]{width:100%;margin:var(--spacing2) 0}}@media (max-width: 450px){.action-bar[data-v-4a422c2a]{flex-direction:column;width:100%;margin-top:var(--spacing4);justify-content:center}}.validating-icons[data-v-9bc199b4]{height:100px;width:100px;margin-left:var(--spacing35);margin-right:var(--spacing35);margin-top:var(--spacing5)}.loading-container[data-v-9bc199b4]{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner[data-v-9bc199b4]{display:flex;justify-content:center;align-items:center;height:60px}.spinner[data-v-9bc199b4]{border:4px solid rgba(0,0,0,.1);border-left-color:#7e3af2;border-radius:50%;width:40px;height:40px;animation:spin-9bc199b4 1s linear infinite}.loading-text[data-v-9bc199b4]{font-size:1.25rem;text-align:center}@keyframes spin-9bc199b4{to{transform:rotate(360deg)}}.pwd-token-validation-wrapper[data-v-9bc199b4]{border-radius:10px;padding:var(--spacing3);display:flex;justify-content:center;align-items:center;min-height:200px}.centered-content[data-v-9bc199b4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing5)}.validating-icons[data-v-9bc199b4]{height:60px;width:60px;margin-left:var(--spacing35);margin-right:var(--spacing35);margin-top:var(--spacing5)}.centered-text[data-v-9bc199b4]{margin-top:15px;font-size:18px}.heading-text[data-v-9bc199b4]{font-size:24px}.validating-text[data-v-9bc199b4]{padding-top:.5em;color:var(--purple-primary)}[data-v-9bc199b4]:root{--spacing3: .75rem;--spacing5: 1.25rem;--spacing35: 8.75rem;--purple-primary: #8b13d1}.page-wrapp{background-color:#fff;display:flex;flex-direction:column;flex:1}.payment-container{padding:0 15%}.page-title{font-size:2rem;font-weight:700;text-align:left;margin:var(--spacing2) 0 var(--spacing6)}.page-subtitle{font-size:1.25rem;margin:var(--spacing4) 0}.payment-section{padding:var(--spacing8) var(--spacing4);border-top:2px solid var(--light-grey2)}.order-item-sub{padding:0 var(--spacing4);margin-bottom:var(--spacing2)}.order-info-container{display:flex;align-items:center;gap:var(--spacing12)}.tier-badge{display:flex;justify-content:center;align-items:center;background-color:#e8e8ea;border-radius:36px;color:gray;aspect-ratio:1/1;min-height:136px;max-height:200px}.tier-badge span{font-size:1.25rem;font-weight:700;text-align:center}.order-info-details{display:flex;flex:1;flex-direction:column;justify-content:space-between;align-self:stretch}.order-info-main{display:flex;justify-content:space-between;padding:var(--spacing4) 0;font-size:1.75rem}.order-info-main h3{font-size:1.35rem}.order-info-sec{flex:1}.billing-title{text-align:left;margin:0}.payment-details{width:50%}.payment-line2{display:flex;width:100%;gap:var(--spacing6)}.card-expiry{flex:3}.card-cvc{flex:1}.payment-input{background-color:#fff!important;border-radius:var(--radius4);border:2px solid #e2e2e277;font-family:Nunito SemiBold;font-size:1rem;line-height:1.25;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;padding:var(--spacing2);padding-left:var(--spacing4);min-height:60px}.email-container{display:flex;align-items:center;flex:1;gap:var(--spacing1);margin-bottom:var(--spacing5)}.payment-email{padding:var(--spacing4)!important}.payment-input:focus,.payment-details .card-wrapper:focus-within,.payment-details .payment-input:focus-within,.StripeElement--focus{border:2px solid var(--focus-outline)!important;border-radius:var(--radius4);outline:none;outline-color:var(--focus-outline)}.payment-input:disabled{background-color:var(--border-outline)!important}.card-wrapper{position:relative;width:100%;margin-bottom:var(--spacing6)}.card-wrapper .input{padding-right:12.5rem}.card-icons{position:absolute;top:50%;transform:translateY(-50%);right:.5rem;display:flex;flex-direction:row;gap:0rem;list-style:none;padding:0;height:2rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:250px;transition:.5s ease;transition-property:max-width}.card-icons li.creditcard-logo{width:45px;background-image:url(/assets/cards-logos-87bcc041.png);background-repeat:no-repeat;background-size:auto 31px;opacity:.5;overflow:hidden;transition:.2s ease;transition-property:width}.card-icons li.creditcard-logo[data-logo=VISA]{background-position:-2px 0}.card-icons li.creditcard-logo[data-logo=MASTERCARD]{background-position:-48px 0}.card-icons li.creditcard-logo[data-logo=AMEX]{background-position:-96px 0}.card-icons li.creditcard-logo[data-logo=DISCOVERY]{background-position:-142px 0px}.card-icons li.creditcard-logo[data-logo=UNKNOWN]{background-position:-190px 0px}.creditcard_logo[aria-hidden=true],.creditcard_logo.--inactive{width:0px}.billing-info{width:60%;display:flex;flex-direction:column}.billing-info,.name-container,.city-container{gap:var(--spacing6)}.billing-info input{padding:var(--spacing4)!important;width:100%}.name-container,.city-container{display:flex}.city-field{flex:2.2}.zip-field{flex:1}.payment-total{display:flex;justify-content:space-between;align-items:center}.total-price{font-size:1.75rem;font-weight:700}.pay-now-container{display:flex;justify-content:flex-end;margin-top:var(--spacing5)}.payment-section .pay-now-btn{width:-moz-fit-content!important;width:fit-content!important;padding:var(--spacing1) var(--spacing20);font-weight:700}.footer-container{margin:auto var(--spacing12) var(--spacing2);padding:0 var(--spacing8)}@media (max-width: 1229px){.payment-details,.billing-info{width:100%}}@media (max-width: 768px){.payment-container{padding:0 5%}.order-info-container{display:flex;flex-direction:column}.card-icons{display:none}}@media (max-width: 480px){.card-icons{display:none}.email-container{flex-direction:column;gap:var(--spacing2)}.payment-line2,.name-container,.city-container{flex-direction:column}.payment-email{max-width:100%!important;width:100%!important;min-width:unset}}.tos-link{color:var(--purple-primary);text-decoration:underline}.modal-mask[data-v-266d4bd6]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container[data-v-266d4bd6]{width:90%;max-width:800px;margin:auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;transition:all .3s ease}.header-container[data-v-266d4bd6]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1em}.header[data-v-266d4bd6]{display:flex;justify-content:space-between;align-items:center;width:100%}.top-bar[data-v-266d4bd6]{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.close-button[data-v-266d4bd6]{margin-top:1em}.title[data-v-266d4bd6]{display:flex;align-items:center;font-size:1.4rem;font-weight:700;margin-bottom:.5em}.clock-title[data-v-266d4bd6]{display:flex;align-items:center;font-size:1.2rem;font-weight:700;line-height:1.2rem}.clock-id[data-v-266d4bd6]{font-size:1rem;color:var(--text-light-grey1);font-weight:100}.icon[data-v-266d4bd6]{width:40px;height:40px;margin-right:.7em}.employee-lists[data-v-266d4bd6]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex:1;height:100%}.employee-section[data-v-266d4bd6]{flex:1;height:100%}.section-header[data-v-266d4bd6]{margin-left:1em}.employee-section-header[data-v-266d4bd6]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.selected-employees-count[data-v-266d4bd6]{font-size:.8em;color:var(--text-light-grey3);margin-right:.5em}.employee-list[data-v-266d4bd6]{border:1px solid var(--light-grey1);border-radius:var(--spacing2);padding:var(--spacing4);display:flex;flex-direction:column;height:100%}.employee-section h3[data-v-266d4bd6]{margin-top:0;margin-bottom:10px}.employee-items[data-v-266d4bd6]{height:400px;overflow-y:auto}.assigned-items[data-v-266d4bd6]{height:440px;overflow-y:auto}.employee-item[data-v-266d4bd6]{display:flex;align-items:center;gap:5px;margin-bottom:10px}.employee-item-disabled[data-v-266d4bd6],.checkbox-disabled[data-v-266d4bd6]{opacity:.5;cursor:not-allowed!important}.search-bar[data-v-266d4bd6]{margin-bottom:10px}.search-bar input[data-v-266d4bd6]{width:100%;padding:5px;border:1px solid var(--light-grey1);border-radius:4px}.empl-avatar[data-v-266d4bd6]{display:flex;align-items:center}.picture[data-v-266d4bd6]{width:40px;height:40px;border-radius:50%;background-color:var(--light-grey2);display:flex;justify-content:center;align-items:center;margin-right:10px;font-weight:700}.empl-avatar p[data-v-266d4bd6]{margin:0;white-space:nowrap}.dep[data-v-266d4bd6]{font-size:.8em;color:var(--text-light-grey3)}.move-buttons[data-v-266d4bd6]{display:flex;flex-direction:column;justify-content:center;gap:10px;align-self:center}.arrow-wrapper[data-v-266d4bd6]{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--purple-primary);cursor:pointer}.arrow-wrapper.disabled[data-v-266d4bd6]{border-color:var(--light-grey2);opacity:.5;cursor:not-allowed}.arrow[data-v-266d4bd6]{width:20px;height:20px}.rotate-90[data-v-266d4bd6]{transform:rotate(90deg)}.rotate-270[data-v-266d4bd6]{transform:rotate(270deg)}.button-actions[data-v-266d4bd6]{display:flex;justify-content:flex-end;margin-top:20px}.perm-wrapper[data-v-266d4bd6]{display:block;position:relative;padding-left:var(--spacing8);margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.perm-wrapper input[data-v-266d4bd6]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-266d4bd6]{position:absolute;top:0;left:0;height:18px;width:18px;border-radius:var(--spacing1);background-color:var(--light-grey1)}.perm-wrapper input:checked~.checkmark[data-v-266d4bd6]{background-color:var(--purple-primary)}.checkmark[data-v-266d4bd6]:after{content:"";position:absolute;display:none}.perm-wrapper input:checked~.checkmark[data-v-266d4bd6]:after{display:block}.perm-wrapper .checkmark[data-v-266d4bd6]:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.modal-enter-from[data-v-266d4bd6],.modal-leave-to[data-v-266d4bd6]{opacity:0}.modal-enter-from .modal-container[data-v-266d4bd6],.modal-leave-to .modal-container[data-v-266d4bd6]{transform:scale(1.1)}.loader-container[data-v-266d4bd6]{display:flex;flex-direction:column;flex:1;align-items:center}.info-message[data-v-266d4bd6]{margin-top:10px;color:var(--text-light-grey2)}.no-pin[data-v-266d4bd6]{background-color:#eaeaea;color:#2b2b2b!important;font-size:.65em;font-weight:500;padding:.1rem .8em!important;height:auto!important;align-self:flex-start}.registered-clock-container[data-v-5ab8846f]{padding:20px}.icon[data-v-5ab8846f]{width:auto;height:30px;margin-right:1em;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.clock-table[data-v-5ab8846f]{width:100%;border-collapse:collapse}.clock-table th[data-v-5ab8846f],.clock-table td[data-v-5ab8846f]{border:1px solid #ddd;padding:8px}.clock-table th[data-v-5ab8846f]{background-color:#f2f2f2;text-align:left}.text-green-500[data-v-5ab8846f]{color:green}.text-red-500[data-v-5ab8846f]{color:red}.status-dot[data-v-5ab8846f]{height:8px;width:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-online[data-v-5ab8846f]{background-color:green}.status-offline[data-v-5ab8846f]{background-color:red}.actions-menu[data-v-5ab8846f]{position:relative}.actions-menu button[data-v-5ab8846f]{background:none;border:none;cursor:pointer}.menu[data-v-5ab8846f]{position:absolute;background:white;border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;right:0;top:100%;z-index:10}.menu p[data-v-5ab8846f]{margin:0;padding:8px;cursor:pointer}.menu p[data-v-5ab8846f]:hover{background-color:#f2f2f2}.no-registered-clock[data-v-5ab8846f]{text-align:center;color:#999;background-color:#fbfafb9f;border-radius:8px;padding:20px;width:100%}.loader[data-v-5ab8846f]{text-align:center;padding:20px;font-size:1.5em;color:#999}.token-message-container[data-v-fa7fcb52]{display:flex;align-items:center}.token-success-wrapper[data-v-fa7fcb52]{display:flex;flex-direction:column;align-items:center}.validating-icons[data-v-fa7fcb52]{height:60px;width:60px;margin-left:var(--spacing35);margin-right:var(--spacing35);margin-top:var(--spacing5)}.validating-text[data-v-fa7fcb52]{padding-top:1.5em;color:#000}.token-validation-header[data-v-fa7fcb52]{color:#333;font-size:42px;font-weight:500;flex:1}.create-pwd-page-container[data-v-fa7fcb52]{display:flex;flex-direction:column;background-color:#fff;min-height:100vh}.v-card.custom-card[data-v-fa7fcb52]{display:flex;flex-direction:column;min-height:400px;width:75%;margin:5rem auto 0rem;border-radius:12px;background-color:#fff;border:1px solid #ebebeb;box-shadow:none}.create-pwd-wrapper[data-v-fa7fcb52]{padding-top:3em;padding-left:3em;padding-right:3em}.create-pwd-header[data-v-fa7fcb52]{color:#333;font-size:42px;font-weight:500;flex:1}.create-pwd-inputs[data-v-fa7fcb52]{display:flex;flex-direction:column;padding-top:1em}.login-field[data-v-fa7fcb52]{margin-bottom:1em;border:none;background-color:#f4f4f4!important;border-radius:10px;height:60px;font-size:20px}.create-pwd-notification[data-v-fa7fcb52]{font-size:20px;color:#969696}.create-pwd-username[data-v-fa7fcb52]{color:#666;font-size:18px;background-color:#ebfcef;border-radius:10px;height:40px;padding:var(--spacing3);display:flex;align-items:center}.create-pwd-content[data-v-fa7fcb52]{width:35%;margin-top:15px;display:grid;row-gap:15px}.create-pwd-button[data-v-fa7fcb52]{width:140px!important;margin-top:var(--spacing5)}.checkmark-icon[data-v-fa7fcb52]{width:20px;height:20px;margin-left:auto}.horizontal-tabs .tab-content[data-v-fa7fcb52]{display:flex;flex-direction:column;height:100%}.create-pwd-success-wrapper[data-v-fa7fcb52]{flex-grow:1;padding:var(--spacing3);display:flex;justify-content:center;align-items:center}.centered-content[data-v-fa7fcb52]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing5)}.sub-content[data-v-fa7fcb52]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--spacing5)}.heading-text[data-v-fa7fcb52]{font-size:24px}.create-pwd-success-icon[data-v-fa7fcb52]{width:140px;height:140px;display:flex;justify-content:center;align-items:center}.success-nav-btn[data-v-fa7fcb52]{margin-top:var(--spacing10)}.pwd-token-validation-wrapper .success-nav-btn[data-v-fa7fcb52]{margin-left:0}.login-nav-button[data-v-fa7fcb52]{width:150px!important;height:44px!important}.error-message[data-v-fa7fcb52]{position:absolute;font-size:14px;font-weight:700;margin:0;color:var(--error);top:80%}input[data-v-fa7fcb52]:not([type="button"]){width:100%;background-color:#fff!important;padding:var(--spacing3);border-radius:var(--radius2);border:2px solid var(--border-outline)}input[data-v-fa7fcb52]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.pwd-token-validation-wrapper[data-v-fa7fcb52]{border-radius:10px;padding:var(--spacing3);display:flex;align-items:flex-start;width:100%;flex-direction:column;min-height:200px}h3[data-v-fa7fcb52]{font-size:2rem}.verified-text[data-v-fa7fcb52]{color:#3c0;font-weight:700}.verified-content[data-v-fa7fcb52]{margin-top:3em;margin-left:6em}.verified-sub-header[data-v-fa7fcb52]{font-weight:600;font-size:18px}.username-text[data-v-fa7fcb52]{color:var(--purple-primary)}.verified-content-text[data-v-fa7fcb52]{margin-top:1.5em;font-size:16px}.verified-btn[data-v-fa7fcb52]{margin-top:3em}.token-failed-wrapper[data-v-fa7fcb52]{display:flex;flex-direction:column;align-items:center}.centered-content[data-v-fa7fcb52]{display:flex;flex-direction:column;align-items:flex-start;width:70%;height:auto;padding:30px}.centered-content span[data-v-fa7fcb52]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;color:red;font-weight:700}.verif-span[data-v-fa7fcb52]{background-color:#e1f0da;font-weight:700;padding:10px;border-radius:5px}.verif-span p[data-v-fa7fcb52]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;color:var(--purple-primary);font-size:20px}.verif-span span[data-v-fa7fcb52]{margin-left:20px;color:#586e72}.centered-text[data-v-fa7fcb52]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;margin-top:10px;font-size:25px}.failed-text[data-v-fa7fcb52]{color:#e04628;font-weight:700}.failed-nav-btn[data-v-fa7fcb52]{margin-top:40px}.failed-sub-header[data-v-fa7fcb52]{font-weight:600;font-size:18px;color:#666}.failed-content-text[data-v-fa7fcb52]{margin-top:1.5em;font-size:14px}.failed-error-message[data-v-fa7fcb52]{color:#e04628}@media (min-width: 1920px){.v-card.custom-card[data-v-fa7fcb52]{margin-top:12em}}@media (max-width: 1229px){.v-card.custom-card[data-v-fa7fcb52]{max-width:100%;margin:0 auto}}@media (max-width: 768px){.v-card.custom-card[data-v-fa7fcb52]{margin-top:14em}}@media (max-width: 480px){.v-card.custom-card[data-v-fa7fcb52]{margin-top:12em}}.logo[data-v-fa7fcb52]{width:14rem;border-radius:0px 0px 5rem 0rem;background-color:var(--purple3);padding:.7rem 1rem}.error[data-v-fa7fcb52]{widows:25px;height:25px}.logo img[data-v-fa7fcb52]{width:76%;margin:auto}.send-button[data-v-fa7fcb52]{width:30%}.overtime-rules[data-v-c40dc8ee]{display:flex;flex-direction:column;gap:var(--spacing2);max-height:550px;overflow-y:auto}.zone[data-v-02e6224c]{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.sw[data-v-02e6224c]{width:100%;max-width:600px;height:calc(100vh - 250px);margin:20px auto;overflow-y:auto;overflow-x:hidden;padding:0 20px}.sw h1[data-v-02e6224c]{color:var(--black);font-size:1.7rem}.sw h2[data-v-02e6224c]{color:var(--black);font-size:1.3rem}p[data-v-02e6224c]{color:#acacac}.hr[data-v-02e6224c]{width:100%;border:2px solid var(--light-grey2);border-radius:5px}.timeformat[data-v-02e6224c]{display:flex}.pill[data-v-02e6224c]{border:2px solid rgb(215,215,215);border-radius:40px;cursor:pointer;color:var(--black);font-weight:600;font-size:.8rem;padding:.4em 1.2em}.pill[data-v-02e6224c]:hover{background-color:#d7d7d7}.selectedpill[data-v-02e6224c]{background-color:var(--light-grey6);border:2px solid var(--light-grey6)}.titlecase[data-v-02e6224c]{text-transform:lowercase}.titlecase[data-v-02e6224c]:first-letter{text-transform:uppercase}.dim[data-v-02e6224c]{opacity:50%}input[data-v-02e6224c]{border:1px solid var(--light-grey2);border-radius:8px;margin-top:8px;height:40px;padding:8px}table[data-v-02e6224c]{border-collapse:collapse;width:100%;border:1px solid grey}td[data-v-02e6224c]{border-bottom:1px solid rgb(239,239,239)}.format[data-v-02e6224c]{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;row-gap:var(--spacing3)}.footerr[data-v-02e6224c]{margin-top:var(--spacing12);width:60%}.footerr-2[data-v-02e6224c]{display:flex;align-items:center;flex-direction:row;justify-content:center;width:45%}.k[data-v-02e6224c]{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.steps[data-v-02e6224c]{display:flex;width:70%;align-items:center;justify-content:space-evenly;gap:30px;font-size:.8rem;color:#6b6a6e}.step[data-v-02e6224c]{display:flex;align-items:center;justify-content:center;gap:10px}.step-p[data-v-02e6224c]{background-color:var(--text-light-grey1);width:20px;height:20px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center}.step-active[data-v-02e6224c]{background-color:var(--purple-primary);width:20px;height:20px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center}.step-p[data-v-02e6224c],.step-active span[data-v-02e6224c]{font-size:.755rem}.trash[data-v-02e6224c]{color:var(--text-light-grey1)}.button[data-v-02e6224c]{max-width:138px;margin:0}.holiday-container[data-v-02e6224c]{width:100%;height:auto;border:3px dashed rgb(215,215,215);border-radius:10px;padding:10px;border-image-width:5px;margin-top:10px}.time-input[data-v-02e6224c]{background-color:#fff;border:2px solid rgb(215,215,215);color:var(--black);font-weight:700;border-radius:1rem}.time-input[type=time][data-v-02e6224c]::-webkit-calendar-picker-indicator:after{color:#d7d7d7}.time-input[type=time][data-v-02e6224c]::-webkit-calendar-picker-indicator:before{color:#d7d7d7}.time-input[data-v-02e6224c]::-webkit-calendar-picker-indicator{color:#d7d7d7}.add-btn[data-v-02e6224c]{font-size:1.2rem;width:25px;height:25px;border-radius:15px;color:#fff;background-color:var(--purple-primary);display:flex;align-items:center;justify-content:center;margin-right:5px;cursor:pointer}.d[data-v-02e6224c]{display:flex;flex-direction:row}.out[data-v-02e6224c]{width:100%}.exh[data-v-02e6224c]{width:100%;height:2.333rem;background-color:var(--light-grey2);color:#272829;border-radius:5px;margin-bottom:10px;font-weight:700;padding:5px 20px;display:flex;align-items:center;justify-content:space-between}.add-date[data-v-02e6224c]{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:10px}.holidays-table-container[data-v-02e6224c]{position:relative;width:100%;max-width:100%;overflow-x:hidden;border:1px solid var(--light-grey2);border-radius:8px;padding:1rem;margin-top:1rem;max-height:300px;overflow-y:auto;margin-bottom:20px}.holidays-table[data-v-02e6224c]{width:100%;table-layout:fixed;border-collapse:collapse}.holidays-table th[data-v-02e6224c]{text-align:left;padding:8px;border-bottom:2px solid var(--light-grey2);color:var(--text-light-grey3);font-weight:600}.holidays-table td[data-v-02e6224c]{padding:8px;border-bottom:1px solid var(--light-grey2)}.select-btn[data-v-02e6224c]{padding:4px 12px;font-size:.875rem;min-width:80px}.loading-overlay[data-v-02e6224c]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center}.loader[data-v-02e6224c]{width:24px;height:24px;border:3px solid var(--light-grey2);border-radius:50%;border-top-color:var(--purple-primary);animation:spin-02e6224c 1s linear infinite}@keyframes spin-02e6224c{to{transform:rotate(360deg)}}.mt-4[data-v-02e6224c]{margin-top:1rem}.sw[data-v-02e6224c]::-webkit-scrollbar,.holidays-table-container[data-v-02e6224c]::-webkit-scrollbar{width:7px}.sw[data-v-02e6224c]::-webkit-scrollbar-track,.holidays-table-container[data-v-02e6224c]::-webkit-scrollbar-track{border-radius:var(--spacing2);background-color:var(--scroll-track)}.sw[data-v-02e6224c]::-webkit-scrollbar-thumb,.holidays-table-container[data-v-02e6224c]::-webkit-scrollbar-thumb{background:var(--purple1);border-radius:var(--spacing2)}.mb-6[data-v-02e6224c]{margin-bottom:24px}.year-select-container[data-v-02e6224c]{position:relative;display:flex;align-items:center;border:1px solid var(--border-outline2);border-radius:8px;height:40px;padding:0 16px;min-width:160px;background-color:#fff}.year-label[data-v-02e6224c]{color:var(--text-light-grey3);font-size:14px;margin-right:8px;white-space:nowrap}.year-select[data-v-02e6224c]{border:none;background:transparent;color:var(--form-field-color1);font-size:14px;width:100%;padding-right:20px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-position:right 0px center;background-size:16px}.year-select[data-v-02e6224c]:focus{outline:none}.year-select[data-v-02e6224c]:disabled{background-color:var(--light-grey2);cursor:not-allowed}.year-select-container[data-v-02e6224c]:has(.year-select:disabled){background-color:var(--light-grey2);cursor:not-allowed}.cc[data-v-857baecf]{border-bottom:5px solid var(--purple-primary);padding:15px;height:5rem;width:100%;display:flex;align-items:center;justify-content:space-between}.cc-logo[data-v-857baecf]{width:20%;display:flex;align-items:center;justify-content:flex-start}.page-wrap[data-v-857baecf]{border-left:3px solid var(--light-grey1);margin-left:7px;color:var(--purple-primary);font-size:2rem;height:wrap}.page-wrap .page[data-v-857baecf]{margin-left:7px;font-weight:700;font-size:1.5rem;max-height:32px;width:200%}.cc-tag h4[data-v-857baecf]{color:var(--text-light-grey3);font-size:1.1rem;font-weight:700}.cc-tag p[data-v-857baecf]{color:var(--text-light-grey2)}.modal-mask[data-v-bcf321f8]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.title span[data-v-bcf321f8]{font-family:Nunito Bold;font-size:1.12rem;color:var(--purple2)}.modal-container[data-v-bcf321f8]{width:480px;border-radius:var(--radius2);padding:var(--spacing8);gap:16px;margin:auto;box-shadow:0 2px 8px #00000054;transition:all .3s ease;background-color:#fff}.modal-enter-from .modal-container[data-v-bcf321f8],.modal-leave-to .modal-container[data-v-bcf321f8]{transform:scale(1.1)}.header[data-v-bcf321f8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing2)}.content[data-v-bcf321f8]{display:grid;row-gap:var(--spacing2)}.content input[data-v-bcf321f8]{color:var(--form-field-color1)}.content input[data-v-bcf321f8]:focus{border-color:var(--focus-outline);outline-color:var(--focus-outline)}.content span[data-v-bcf321f8]{font-size:24px;color:var(--purple2)}.content.current-time[data-v-bcf321f8]{color:var(--grey1)}.option-container[data-v-bcf321f8]{display:flex;flex-direction:column}.option-container div[data-v-bcf321f8]{flex:1}.option-container img[data-v-bcf321f8]{width:1.6rem;margin-right:var(--spacing2)}.error-message[data-v-bcf321f8]{margin:0}.error-container[data-v-bcf321f8]{color:var(--error);margin-bottom:var(--spacing1)}.text-area-container[data-v-bcf321f8]{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.text-area-container textarea[data-v-bcf321f8]{width:100%;max-width:100%;border:2px solid var(--border-outline)}.char-count[data-v-bcf321f8]{position:absolute;bottom:8px;right:8px;font-size:.75rem;color:#888}.action-button[data-v-bcf321f8]{display:flex;justify-content:flex-end;margin-top:var(--spacing8)}.action-button>div[data-v-bcf321f8]{max-width:-moz-fit-content;max-width:fit-content}.ce-client-page[data-v-5bbebcf4]{display:flex;flex-direction:column;flex:1;background-color:#fff}.page-header[data-v-5bbebcf4]{display:flex;flex-direction:column;gap:var(--spacing4)}.page-title[data-v-5bbebcf4]{margin:0}.tab-container[data-v-5bbebcf4]{display:flex}.tab[data-v-5bbebcf4]{font-weight:700;font-size:.875rem;padding:var(--spacing1) var(--spacing4);cursor:pointer;border-radius:var(--radius3)}.active-tab[data-v-5bbebcf4]{background-color:var(--nav-bg-highlight);color:var(--nav-link-color1)}.info-text[data-v-5bbebcf4]{color:#474545}.page-tabs[data-v-5bbebcf4]{flex:1;margin:var(--spacing4) 0}.form-subtitle[data-v-5bbebcf4]{color:var(--form-subtitle);margin:var(--spacing6) 0}.permission-subtitle[data-v-5bbebcf4]{color:var(--form-subtitle);font-weight:700;margin-bottom:var(--spacing1)}.shift-subtitle[data-v-5bbebcf4]{color:var(--form-subtitle);font-weight:700;padding:0}.client-form[data-v-5bbebcf4]{margin-top:var(--spacing4);max-width:60%;display:flex;flex-direction:column;gap:var(--spacing6)}.line-container[data-v-5bbebcf4]{display:grid;grid-template-columns:1fr 2fr;align-items:center}.field-container>input[data-v-5bbebcf4],.field-container .content-wrapper>input[data-v-5bbebcf4],.select-container[data-v-5bbebcf4],.user-container .user-input>input[data-v-5bbebcf4]{width:420px;color:var(--grey1)}.user-container[data-v-5bbebcf4]{display:flex;-moz-column-gap:var(--spacing16);column-gap:var(--spacing16)}.user-input[data-v-5bbebcf4]{position:relative}.company-tag[data-v-5bbebcf4]{position:absolute;top:18%;right:10%;right:var(--spacing2);color:var(--grey1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}.field-container[data-v-5bbebcf4]{display:grid;grid-auto-flow:column;justify-content:space-between;grid-template-columns:minmax(250px,1fr) 5fr}.field-container[data-v-5bbebcf4]:not(:first-child){padding:var(--spacing3) 0}.field-container input[data-v-5bbebcf4]:disabled{background-color:var(--light-grey3)!important;color:var(--form-subtitle)}.client-form label[data-v-5bbebcf4]{color:#474545;font-weight:400}.error-message[data-v-5bbebcf4]{font-size:14px;font-weight:700;margin:0;color:var(--error);padding-left:var(--spacing1)}.overtime-rules[data-v-5bbebcf4]{display:flex;flex-direction:column;gap:var(--spacing2)}.page-header[data-v-5bbebcf4],.page-tabs[data-v-5bbebcf4]{padding-left:var(--spacing8);padding-right:var(--spacing8)}.gender-button[data-v-5bbebcf4]{border:1px solid var(--light-grey2);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:40px;width:120px;gap:var(--spacing2);border-radius:var(--spacing3);cursor:pointer}.shift-button[data-v-5bbebcf4]{border:none;background-color:var(--light-grey3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing3);height:50px;width:180px;border-radius:var(--spacing4);font-size:14px}.button-list[data-v-5bbebcf4],.clockin-wrapper[data-v-5bbebcf4]{display:flex;-moz-column-gap:var(--spacing4);column-gap:var(--spacing4)}.clockin-wrapper[data-v-5bbebcf4]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--spacing23)}.clockin-checkmark-wrapper[data-v-5bbebcf4]{display:flex;align-items:center;-moz-column-gap:var(--spacing2);column-gap:var(--spacing2)}.role-wrapper[data-v-5bbebcf4]{display:grid;grid-auto-flow:column;justify-content:flex-start;align-items:center;gap:var(--spacing2)}.role-wrapper .select-container[data-v-5bbebcf4]{width:250px}.gender-button-active[data-v-5bbebcf4]{border:1px solid var(--purple-primary);background-color:var(--nav-bg-highlight);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:40px;width:120px;gap:var(--spacing2);border-radius:var(--spacing3)}.arrow[data-v-5bbebcf4],.checkmark[data-v-5bbebcf4],.role[data-v-5bbebcf4]{width:var(--spacing6)}.left .arrow[data-v-5bbebcf4]{transform:rotate(270deg);border:1px solid var(--grey1);border-radius:50%}.right .arrow[data-v-5bbebcf4]{transform:rotate(90deg);border:1px solid var(--grey1);border-radius:50%}.permissions[data-v-5bbebcf4]{display:grid;grid-auto-flow:column;grid-template-columns:.45fr 40px .45fr;align-items:center;-moz-column-gap:var(--spacing4);column-gap:var(--spacing4)}.permission-items[data-v-5bbebcf4]{border:1px solid var(--light-grey1);border-radius:var(--spacing2);padding:var(--spacing4);height:400px;overflow-y:auto}.permission-items .perm-item[data-v-5bbebcf4]{padding:var(--spacing1) 0}.disabledCheckbox[data-v-5bbebcf4]:hover{-webkit-user-select:none;-moz-user-select:none;user-select:none}.arrow-icons[data-v-5bbebcf4]{display:flex;flex-direction:column;row-gap:var(--spacing2);align-self:center;justify-self:center}.user-initials[data-v-5bbebcf4]{background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;padding:1.55rem var(--spacing5);border-radius:var(--radius3);width:-moz-fit-content;width:fit-content}.user-initials p[data-v-5bbebcf4]{font-weight:700;color:#a9a0a8;font-size:1.5rem;line-height:.85;margin:0}.user-container[data-v-5bbebcf4]{align-items:baseline}.user-container input[data-v-5bbebcf4]{height:38px}.perm-wrapper[data-v-5bbebcf4]{display:block;position:relative;padding-left:var(--spacing8);margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.perm-wrapper input[data-v-5bbebcf4]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-5bbebcf4]{position:absolute;top:0;left:0;height:18px;width:18px;border-radius:var(--spacing1);background-color:var(--light-grey1)}.perm-wrapper input:checked~.checkmark[data-v-5bbebcf4]{background-color:var(--purple-primary)}.perm-wrapper[data-v-5bbebcf4]:after{content:"";position:absolute;display:none}.perm-wrapper input:checked~.checkmark[data-v-5bbebcf4]:after{display:block}.perm-wrapper .checkmark[data-v-5bbebcf4]:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.perm-wrapper input[type=checkbox][data-v-5bbebcf4]{display:none}.checkmark[data-v-5bbebcf4]:after{content:"";position:absolute;display:none;left:3px;top:2px;width:5px;height:10px;border:solid #000;border-width:0 3px 3px 0;transform:rotate(45deg)}.clockin-checkmark[data-v-5bbebcf4]{display:inline-block;width:25px;height:25px;border-radius:50%;background-color:purple;position:relative;vertical-align:middle}.no-checkmark[data-v-5bbebcf4]{display:inline-block;width:25px;height:25px;border-radius:50%;position:relative;border:2px solid var(--light-grey1);vertical-align:middle}.clockin-checkmark[data-v-5bbebcf4]:after{content:"";position:absolute;left:10px;top:6px;width:6px;height:11px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.disabled-tab[data-v-5bbebcf4]{cursor:not-allowed;opacity:.5}.auto-gen-wrapper[data-v-5bbebcf4]{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}@media screen and (max-width: 800px){.page-container[data-v-5bbebcf4]{padding:var(--spacing1)}.page-tabs[data-v-5bbebcf4]{padding:var(--spacing3)}.user-container[data-v-5bbebcf4]{-moz-column-gap:var(--spacing1);column-gap:var(--spacing1)}.page-footer[data-v-5bbebcf4]{padding:var(--spacing2)!important;flex:1;gap:4px}.content-wrapper[data-v-5bbebcf4]{width:100%}.user-container .input-field[data-v-5bbebcf4],.field-container .input-field[data-v-5bbebcf4]{width:100%!important}.field-container[data-v-5bbebcf4]{display:flex;flex-direction:column;max-width:100%;flex:1}}.page-container[data-v-96908328]{flex:1;padding-top:var(--spacing6);padding-bottom:var(--spacing6)}.page-content[data-v-96908328]{display:flex;flex:1;flex-direction:column;background-color:#fff;border-radius:var(--spacing6);padding:var(--spacing3) var(--spacing6)}.tab[data-v-96908328]{font-weight:700;font-size:.875rem;padding:var(--spacing1) var(--spacing4);border-radius:var(--radius3);box-shadow:none!important;background-color:transparent}.active-tab[data-v-96908328]{background-color:var(--nav-bg-highlight);color:var(--nav-link-color1);box-shadow:none!important}.work-info[data-v-96908328]{padding:var(--spacing6);display:flex;flex-direction:column}.info-block.emp[data-v-96908328]{margin-top:1rem}.comp-id[data-v-96908328]{font-size:1.1rem;color:#8a8a8a;font-weight:600;line-height:1rem}.emp-number[data-v-96908328]{font-size:1.25rem;color:var(--purple-primary);font-weight:500;position:relative;line-height:1rem}.emp-name-input[data-v-96908328]{border-radius:.5rem;overflow:hidden}.emp-name[data-v-96908328]{font-size:1.5rem;font-weight:600}.emp-username[data-v-96908328]{padding:.1rem 1rem;border-radius:1rem;background-color:#f1f0f1;font-weight:600}.emp-details-panel[data-v-96908328]{width:85%;margin:1rem auto 4rem}.pin-input[data-v-96908328]{width:45%}.gender-button[data-v-96908328]{border:1px solid var(--light-grey2);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:40px;width:120px;gap:var(--spacing2);border-radius:var(--spacing3);cursor:pointer}.gender-button-active[data-v-96908328]{border:1px solid var(--purple-primary);background-color:var(--nav-bg-highlight);display:flex;align-items:center;justify-content:center;padding:var(--spacing3);height:40px;width:120px;gap:var(--spacing2);border-radius:var(--spacing3)}.outlined[data-v-96908328]{border-radius:var(--radius2);border:2px solid var(--border-outline)}.outlined-focus[data-v-96908328]{border:2px solid var(--focus-outline)!important;outline:none;outline-color:var(--focus-outline)}table[data-v-96908328]{width:100%;border-collapse:collapse}.centered[data-v-96908328]{display:grid;place-items:center}.chip[data-v-96908328]{border:2px solid var(--border-outline);border-radius:var(--radius5);padding:2px 8px}.role[data-v-96908328]{width:var(--spacing6)}.card[data-v-96908328]{background-color:var(--light-grey3);border-radius:12px;padding:var(--spacing3)}.icon[data-v-96908328]{width:1.6rem}.forgot-password-text[data-v-96908328]{display:block;cursor:pointer;font-size:16px;margin:var(--spacing4) 0;color:var(--purple3);width:-moz-max-content;width:max-content}.horizontal-separator[data-v-96908328]{background-color:var(--text-light-grey2);width:.7em;height:.2em;margin:0 .3em}.page-footer[data-v-96908328]{display:flex;justify-content:space-between;padding:var(--spacing2) var(--spacing3)!important;border-radius:var(--radius3);border:1px solid var(--light-grey2);box-shadow:0 0 8px #eee}.btn[data-v-96908328]{width:-moz-max-content;width:max-content;margin-right:var(--spacing1)}.btn[data-v-96908328]:disabled{cursor:not-allowed}.nav-btn[data-v-96908328]{border:2px solid var(--light-grey2)}.shift-assign-items-container[data-v-96908328]{display:flex;flex-direction:row;align-items:center;-moz-column-gap:1em;column-gap:1em;row-gap:1em;flex-wrap:wrap}.shift-assign-title[data-v-96908328]{font-size:1.3rem;color:var(--text-light-grey3);margin-left:.5em}.shift-assign-item[data-v-96908328]{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--light-grey5);border-radius:10px;padding:.6em;flex:1;max-width:30em}.shift-name[data-v-96908328]{color:var(--text-light-grey3);font-weight:700;margin-top:.1em;flex:1}.shift-assign-item-right[data-v-96908328]{display:flex;flex-direction:column;row-gap:.5em}.shift-date-container[data-v-96908328]{display:flex;flex-direction:row;align-items:center}.shift-date[data-v-96908328]{background-color:var(--light-grey4);border:1px solid var(--light-grey4);border-radius:15px;padding:.1em .8em;color:var(--text-light-grey3)}.shift-time-container[data-v-96908328]{display:flex;flex-direction:row;align-items:center;justify-content:space-around}.shift-time[data-v-96908328]{color:var(--text-light-grey3)}.no-shift-assign-item-container[data-v-96908328]{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f1f1f1;padding:1em 1.5em;border-radius:15px;max-width:400px}.no-shifts-assigned-message[data-v-96908328]{color:#b7b7b7;font-size:1.2rem}.no-shift-company-hours-container[data-v-96908328]{display:flex;flex-direction:row}.free-trial-price[data-v-bc011559]{font-weight:400;font-size:1.15rem}.trial-details table[data-v-bc011559]{width:100%;font-size:1.12rem}.trial-details table td[data-v-bc011559]{padding:var(--spacing2)}.trial-details .bold[data-v-bc011559]{font-weight:700;font-size:1rem}.trial-info[data-v-bc011559]{font-size:.95rem;color:var(--text-light-grey3);padding:var(--spacing2);margin-top:var(--spacing4)}.price-nav[data-v-9948f2f8]{display:flex;justify-content:center;position:relative;padding:0 var(--spacing10);min-height:70px}.line[data-v-9948f2f8]{border-top:3px solid var(--light-grey1);top:-3px;position:relative}.logo-container[data-v-9948f2f8]{position:absolute;top:50%;left:var(--spacing10);transform:translateY(-50%);display:flex;align-items:center;gap:30px}.logo-container h3[data-v-9948f2f8]{color:#858585}.price-nav-tab[data-v-9948f2f8]{padding:var(--spacing4) var(--spacing5);border-bottom:3px solid var(--light-grey1);font-weight:700;cursor:pointer}.footer-container[data-v-9948f2f8]{margin:0 var(--spacing12) var(--spacing2);padding:0 var(--spacing8)}.price-nav-tab.active[data-v-9948f2f8]{border-bottom:3px solid var(--purple-primary);z-index:1}.late[data-v-9948f2f8]{border:none;border-bottom:3px solid var(--light-grey6);border-radius:none;color:#000;font-weight:700;padding:10px;width:48%;text-align:center}.late-active[data-v-9948f2f8]{border:none;border-bottom:3px solid var(--purple-primary);border-radius:none;color:#000;font-weight:700;padding:10px;width:48%;text-align:center}.late-tab[data-v-9948f2f8]{display:flex;align-items:center;justify-content:space-between;width:45%;margin-bottom:10px}.content[data-v-9948f2f8]{display:flex;align-items:center;justify-content:center;margin-top:20px}.content-body[data-v-9948f2f8]{width:50%;padding-bottom:4rem}.content-body h1[data-v-9948f2f8]{margin-bottom:var(--spacing12)}.content-body h2[data-v-9948f2f8]{margin-bottom:var(--spacing5);margin-top:var(--spacing5);font-weight:700}.content-body p[data-v-9948f2f8]{margin-bottom:var(--spacing4)}li[data-v-9948f2f8]{position:relative;padding-left:30px;margin-bottom:10px;display:flex;align-items:center;flex:1}li[data-v-9948f2f8]:before{content:"\2022";color:#656565;font-size:25px;position:absolute;left:0;top:5px;transform:translateY(-35%);flex-shrink:0}.logo[data-v-acda9fb4]{width:14rem;border-radius:0px 0px 5rem 0rem;background-color:var(--purple3);padding:.7rem 1rem}.logo img[data-v-acda9fb4]{width:76%;margin:auto}.inner-container[data-v-acda9fb4]{display:flex;flex-direction:column;justify-content:center;align-items:center}.reactivate-btn[data-v-acda9fb4]{width:-moz-fit-content!important;width:fit-content!important;padding:var(--spacing1) var(--spacing20);font-weight:700;min-width:195px}.modal-overlay[data-v-adca6276]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.modal-container[data-v-adca6276]{padding:20px;border-radius:8px;max-width:600px;max-height:80%;overflow-y:auto;position:relative}.modal-header[data-v-adca6276]{display:flex;justify-content:flex-end}.modal-content[data-v-adca6276]{white-space:pre-wrap;word-wrap:break-word;padding:1em}.modal-container[data-v-adca6276]::-webkit-scrollbar{width:0!important;height:0!important}.modal-container[data-v-adca6276]{-ms-overflow-style:none;scrollbar-width:none}.filter-icons[data-v-1e7c5f00]{display:flex;gap:3px;color:#9ca3af;align-items:flex-end}.header-row[data-v-1e7c5f00]{font-weight:700}.date-row[data-v-1e7c5f00]{align-content:center;font-weight:600;background-color:#f3f4f6;margin-bottom:8px}.change-log-item[data-v-1e7c5f00]{background-color:#fff;border:1px solid #f3f4f6;border-radius:var(--radius2);margin-top:3px}.space-y-1[data-v-1e7c5f00]>*+*{margin-top:4px}.value-container[data-v-1e7c5f00]{background-color:#f3f4f6;border-radius:12px;padding:8px 8px 16px;margin-top:4px;cursor:pointer;position:relative}.ellipsis-icon[data-v-1e7c5f00]{position:absolute;bottom:16px;right:8px;font-size:50px;color:gray}.date-filter[data-v-1e7c5f00]{display:flex;gap:2px;justify-between:center;align-items:center}.pagination-button[data-v-1e7c5f00]{background-color:var(--purple3);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;transition:background-color .3s}.pagination-button[data-v-1e7c5f00]:disabled{background-color:gray;cursor:not-allowed}