@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";body,h1{font-family:Inter,sans-serif}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block}input,button,textarea,select{font:inherit}html{scrollbar-gutter:stable}body{font-family:var(--font-body);font-size:1rem;color:var(--color-text);background-color:var(--color-background);height:98vh;width:100vw}#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:120%}h1{font-size:2rem;font-weight:600}a{color:inherit;text-decoration:underline;cursor:pointer}button,input,select,textarea{font:inherit}button{cursor:pointer;background:none;border:none}input{width:100%;height:46px;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);padding-inline:1rem}input[aria-invalid=true]{border-color:var(--color-error)}.input-error{color:#d32f2f;font-size:.875rem;margin-top:.35rem}.label{font-weight:500;font-size:1rem}.input-error{color:var(--color-error);font-size:.875rem;margin-top:.35rem}.standard-form{padding-top:2rem;display:grid;gap:1rem}.standard-form_input-group{display:grid;gap:.5rem;width:100%;padding-bottom:.4rem}.standard-form_input-group-flex{display:grid;gap:.5rem}.standard-form_input-group-flex div{display:flex;gap:.5rem}.standard-form_input-group-flex div div{display:grid;gap:.5rem;align-content:start}.standard-form_icon{height:16px;width:16px}.standard-form button{display:flex;align-items:center;gap:.2rem;margin-top:.5rem}.first-header{color:#7c7c7c}.app-main{padding:var(--space-lg) var(--space-sm) var(--space-xl)}.app-container{max-width:var(--container-width);margin:0 auto}.app-container--narrow{max-width:var(--container-narrow)}.page-section{width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.standard-form_page{margin:0 auto;display:grid;place-items:center}.flex{display:flex}.grid{display:grid}.hidden{display:none}.text-muted{color:var(--color-muted)}.w-full{width:100%}.center{display:grid;place-items:center}:root{--font-body: "Roboto", sans-serif;--font-heading: "Inter", sans-serif;--color-text: #272727;--color-muted: #7c7c7c;--color-border: #e4e4e4;--color-background: #f5f5f5;--color-surface: #ffffff;--color-primary: #272727;--color-secondary: #2b9e98;--color-error: #d32f2f;--radius-sm: 8px;--radius-md: 9px;--radius-lg: 16px;--container-width: 700px;--container-narrow: 700px;--header-height: 80px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.button{display:inline-flex;height:48px;justify-content:center;align-items:center;gap:.2rem;font-weight:600;border-radius:var(--radius-md);width:100%}.button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.6;cursor:not-allowed}.button-prim{background-color:#000;color:#fff;border:3px solid transparent}.button-prim:hover{background-color:var(--color-primary);color:#fff;border:3px solid transparent}.button-alt{background-color:#fff;color:var(--color-primary);border:1px solid var(--color-primary)}.button-alt:hover{outline:1px solid var(--color-primary)}.loader{text-decoration:none}.notfound{text-decoration:none}.home_container{width:100%}.home_container h1{font-size:2rem}.home_content-container{padding-top:1rem;height:100%;width:100%;display:grid;align-items:center;gap:1rem;flex-wrap:wrap}.workshifts_page-header-container{display:flex;align-items:center;justify-content:space-between}.home_add-workshift{border:1px solid #e4e4e4;border-radius:8px;display:grid;place-items:center;padding-inline:.5rem;text-decoration:none}.home_add-workshift p{color:#000;font-size:2rem;font-weight:100;padding-inline:.5rem}.wc_info-group label{font-size:.8rem;font-weight:400;cursor:pointer}.wc_info-group p,.wc_info-group-flex p{font-weight:600}.wc_container{border:1px solid #ddd;border-radius:12px;padding:1rem;transition:all .3s ease;cursor:pointer}.wc_container.open{background-color:#f9f9f9}.wc_info-group-flex{display:flex;gap:.5rem}.wc_header{display:grid;grid-template-columns:2fr 3fr 3fr 3fr 1fr;align-items:center;-webkit-user-select:none;user-select:none}.wc__booking-status{font-size:.7rem;font-weight:600;align-self:center}.wc_details{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;border-top:1px solid #eee;padding-top:1rem;animation:fadeIn .2s ease-in-out}.wc__chevron{display:flex;justify-content:flex-end}.wc_button-container{display:flex;gap:.4rem}.wc_button-container *{padding-inline:3rem;text-decoration:none}.rotate{transform:rotate(180deg);transition:transform .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bookings_map_conatiner{padding-top:1rem;display:grid;gap:1rem}.complete_page{height:80vh;display:grid;place-items:center}.complete-profile{display:grid;min-width:440px;max-width:30%;margin:0 auto;align-items:center}.complete-profile form{padding-top:2rem;display:grid;gap:1rem}.complete-profile form button{display:flex;align-items:center;gap:.3rem}.complete_input-group{display:grid;gap:.5rem;padding-bottom:.4rem}.complete_input-group div{display:flex;gap:.5rem}.complete_input-group div input{width:100%}.complete_icon_arrow{height:17px;width:17px}.signup_page{display:grid;grid-template-columns:5fr 4fr;height:100vh;overflow:hidden}.signup_page form h1{letter-spacing:-3%}.signup_page img{height:calc(100vh - 2rem);width:calc(100% - 1rem);object-fit:cover;margin:1rem;border-radius:12px}.signup_left-side{display:grid;grid-template-rows:3fr 1fr;max-width:60%;padding-left:3rem;height:100%}.already-account_group{text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:3rem}.already-account_group a{color:#000;text-decoration:none;font-weight:700;display:flex;gap:5px;align-items:center}.signup_icon_arrowright{height:16px;width:16px}.signup_page form{display:grid;margin:auto 0rem 0rem}.signup_page form button{margin-top:3rem;display:flex;gap:6px;align-items:center;height:58px}.signup_first-header{color:#7c7c7c}.signup_input-group{padding-top:1.5rem;display:grid;gap:.6rem}.signup_input-group label{font-weight:500;font-size:16px}.error-message{padding:.6rem .2rem;font-size:.9rem;color:var(--color-error)}.login_page{display:grid;grid-template-columns:5fr 4fr;overflow:hidden}.login_page form h1{letter-spacing:-3%}.login_page img{height:calc(100vh - 2rem);width:calc(100% - 1rem);object-fit:cover;margin:1rem;border-radius:12px}.login_left-side{display:grid;grid-template-rows:2fr 1fr;max-width:60%;padding-left:3rem;height:100%}.no-account_group{text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:3rem}.no-account_group a{color:#000;text-decoration:none;font-weight:700;display:flex;gap:5px;align-items:center}.login_icon_arrowright{height:16px;width:16px}.login_page form{display:grid;margin:auto 0rem 0rem}.login_page form button{margin-top:3rem;display:flex;gap:6px;align-items:center;height:58px}.login_first-header{color:#7c7c7c}.login_input-group{padding-top:1.5rem;display:grid;gap:.6rem}.protected-route{display:grid;place-items:center;height:80vh}.loader,.notfound{text-decoration:none}.workshift-details__container{width:var(--container-width)}.header_container{display:grid;grid-template-columns:1fr auto 1fr;margin-block:1rem}.header_container *{text-decoration:none}.header_midd-section{display:flex;gap:1.8rem}.header_midd-section *{display:flex;align-items:center;gap:.3rem;font-weight:600}.header__right-secion{display:flex;align-items:center;height:44px}.header_container>a{justify-self:end;margin-right:1rem;padding-inline:1rem;border:1px solid black;border-radius:8px}.header_icon{height:16px;width:16px}.ssp__container{height:100%;width:100%;display:grid;place-items:center}.ssp__container div{width:70%;padding-bottom:5rem}.ssp__container div h1{padding-bottom:1rem}