:root{--surfaceAccent: #fff;--surface: #F0F0F0 ;--card: #DFE6E6;--menu: #353A47;--primary: #09865C;--primarySelected: #F2BBC9;--primaryDisabled: #C7CBD6;--onPrimary: #fff;--onLight: #353A47;--onMenu: #fff;--secundary: #aed9c5;--isAvailable: #F2BBC9;--isNotAvailable: #F52314;--shiftAvailable: #0000C9;--border: #DCDCE5 ;--Error: #F52314;--modalContainerBackground: rgba(247, 244, 243, .5);--roundedCorner: 4px;--logo: url(/CREW-CRAFT_logo-2025_full-color_344x344.png)}@font-face{font-family:CrewCraft;src:url(/assets/Urbanist-VariableFont_wght-CTijjoPN.ttf)}.error{color:var(--Error)}@media print{.no-print,.no-print *{display:none!important}}.tabs{margin:0 0 20px 80px}.tabs .button:first-child{border-radius:0px 0px 0px var(--roundedCorner)}.tabs .button:last-child{border-right:0px;border-radius:0px 0px var(--roundedCorner) 0px}.tabs button,.tabs .button{margin:0;color:var(--onLight);background-color:var(--secundary);padding:10px;border:0px;display:inline-block;cursor:pointer;border-radius:0;border-right:1px solid var(--border);box-shadow:0 0;flex-grow:1;font-weight:600;letter-spacing:1px;text-transform:none}.grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:auto;gap:5px;margin:8px}.gridCorner{background-color:var(--surfaceAccent)}.gridHeader{background-color:var(--surfaceAccent);padding:10px;font-weight:700;border-radius:0px 0px var(--roundedCorner) var(--roundedCorner)}.gridFooter{background-color:var(--surfaceAccent);padding:10px;font-weight:700;margin:0!important;border-radius:0px 0px var(--roundedCorner) var(--roundedCorner)}.gridRow{background-color:var(--surfaceAccent);margin:0;padding:10px;border-radius:0px var(--roundedCorner) var(--roundedCorner) 0px}.gridCell{background-color:var(--surfaceAccent);border-radius:var(--roundedCorner)}.gridCell span{display:inline-block;margin:5px;padding:5px}.gridButton{width:90%;box-sizing:border-box;margin:5px;padding:5px;border-radius:var(--roundedCorner);background-color:var(--primary);color:var(--onPrimary);display:inline-block;text-decoration:none}.touchCell{cursor:pointer;font-family:CrewCraft;color:var(--onPrimary);background-color:var(--primary);text-decoration:none;border-radius:var(--roundedCorner)}.gcSpan2{grid-column:span 2}.gcSpan3{grid-column:span 3}.gcSpan4{grid-column:span 4}.gcSpan5{grid-column:span 5}.gcSpan6{grid-column:span 6}button,.button,.touch,.touchRow{font-family:CrewCraft;color:var(--onPrimary);background-color:var(--primary);text-transform:none;text-decoration:none;border:0px;border-radius:4px;font-size:.9em;display:inline-block;cursor:pointer;margin:2px 0 8px;padding:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.softTouch{font-family:CrewCraft;color:var(--onPrimary);background-color:var(--primary);text-transform:none;text-decoration:none;border:0px;border-radius:2px;padding:2px}.touchRow{display:block;margin:0 0 8px}.selected span,.button.selected,.touchRow.selected,.touch.selected,.touchCell.selected{background-color:var(--primarySelected)!important;color:var(--onLight)!important}button.button:disabled,.touch:disabled,.touchRow:disabled{background-color:var(--primaryDisabled);color:var(--onLight)}.deleteButton{background-color:var(--Error)!important}.button.tinyButton{border-radius:4px;padding:2px 4px;margin:0 4px}.buttonGroup{display:flex;justify-content:left;flex-direction:row;flex-wrap:nowrap;margin:4px 0 8px}.buttonGroup .button{margin:0;border-radius:0;border:0px;display:inline-block;border-right:1px solid var(--onPrimary);box-shadow:0 0;flex-grow:1;color:var(--onPrimary);background-color:var(--primary)}.buttonGroup .button:first-child,.buttonGroupRow .touch:first-child{border-radius:4px 0 0 4px}.buttonGroup .button:last-child,.buttonGroupRow .touch:last-child{border-right:0px;border-radius:0 4px 4px 0}.buttonGroupRow{display:flex;justify-content:left;flex-direction:row;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;flex-wrap:nowrap;gap:0px}.buttonGroupRow .touch{border-right:1px solid var(--onPrimary);text-overflow:ellipsis;border-radius:0;flex-grow:1;margin:0}.buttonGroupRow .touch:first-child{border-radius:4px 0 0 4px}.buttonGroupRow .touch:last-child{border-right:0px;border-radius:0 4px 4px 0}form section{margin-top:20px}label{display:block;margin:12px 0 4px 4px;text-align:left;font-weight:400}fieldset,input,legend,select,textarea{background-color:var(--surfaceAccent);color:var(--onLight);border:1px solid var(--border);border-radius:4px;padding:8px;width:100%;box-sizing:border-box}textarea{height:6em}.dateTime input{width:30%;margin:0}.dateTime input:first-child{border-radius:var(--roundedCorner) 0px 0px var(--roundedCorner)}.dateTime input:last-child{border-radius:0px var(--roundedCorner) var(--roundedCorner)x 0px}.compoundElement{display:flex;flex-direction:row;justify-content:left;flex-wrap:nowrap;align-items:center;margin:5px 0 0}.compoundElement input,.compoundElement select,.compoundElement button,.compoundElement .button{height:2.5em;box-sizing:border-box}.compoundElement input:first-child,.compoundElement select:first-child,.compoundElement button:first-child,.compoundElement .button:first-child{border-radius:var(--roundedCorner) 0px 0px var(--roundedCorner)}.compoundElement input:last-child,.compoundElement select:last-child,.compoundElement button:last-child,.compoundElement .button:last-child{border-radius:0px var(--roundedCorner) var(--roundedCorner) 0px}.switch{position:relative;display:inline-block;width:60px;height:34px;margin:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--onPrimary);-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px #0003}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.skeleton-message{display:flex;margin-bottom:1rem;width:100%;align-items:flex-start}.skeleton-avatar{width:30px;height:30px;border-radius:50%;background-color:#e4e6eb;margin-right:8px;flex-shrink:0}.skeleton-content{flex-grow:1;max-width:70%}.skeleton-line{height:12px;background-color:#e4e6eb;border-radius:6px;margin-bottom:8px;width:100%;animation:skeletonPulse 1.5s infinite}.skeleton-line-short{width:60%}@keyframes skeletonPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.card{background-color:var(--card);color:var(--onLight);border-radius:var(--roundedCorner);border-bottom:0;margin:0 20px 20px;padding:20px;opacity:1;box-sizing:border-box}.card h4,.card h5{margin:12px 4px 8px;padding:0 0 4px 4px}.card h4{border-bottom:1px solid var(--onLight)}.invisibleCard{margin:0 20px 20px;padding:0 20px}.helpcard{color:var(--onLight)}.helpcard h4{margin:0 0 16px;padding:0 0 8px;border-bottom:1px solid var(--onLight);font-size:1.2em}.helpcard p{margin:0 0 16px;line-height:1.5}.helpcard ul{margin:0;padding-left:20px}.helpcard ul li{margin-bottom:8px;line-height:1.5}.helpcard ul li:last-child{margin-bottom:0}@media (width <= 1000px){.card{margin:0;padding:10px}.invisibleCard{margin:0;padding:5px 0 0 5px}.helpcard{padding:10px}}@media (max-width: 800px){html,body{font-size:16px;padding:0;margin:0}.container3{width:100%!important;box-sizing:border-box;margin-bottom:16px!important}.menuText{display:none}}body{margin:0;padding:0;font-family:CrewCraft;color:var(--onLight);background-color:var(--surfaceAccent);letter-spacing:1px;font-size:.9em;background-image:linear-gradient(to top,#fff,var(--surface))}#app{margin:0 auto;position:absolute;right:0;left:0;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;display:flex;flex-direction:column;overflow-y:hidden}main{margin:20px}.container3{width:30%;margin:0 auto}.container7{width:65%;margin:0 auto;display:flex}.container10{width:100%;margin:0 auto;display:flex;flex-direction:column}section{margin-bottom:20px}.flex{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}.inlineBlock{display:inline-block}.center{text-align:center}.right{text-align:right}.left{text-align:left}.top{vertical-align:top}.middle{vertical-align:middle}.bottom{vertical-align:bottom}.floatLeft{float:left}.floatRight{float:right}.wdt100{width:100%}.wdt90{width:90%}.wdt80{width:80%}.wdt75{width:75%}.wdt70{width:70%}.wdt60{width:60%}.wdt50{width:50%}.wdt40{width:40%}.wdt30{width:30%}.wdt25{width:25%}.wdt20{width:20%}.wdt15{width:15%}.wdt10{width:10%}.wdt5{width:5%}.f1{flex-grow:1!important}.f2{flex-grow:2!important}.f3{flex-grow:3!important}.f4{flex-grow:4!important}.row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.column{flex-basis:25%;padding:4px;margin:4px;background-color:var(--PrimaryDisabled)!important}h1,h2,h3,h4,h5,p{margin:0 0 8px;padding:0;vertical-align:middle;line-height:1.5}h1{font-size:1.6em}h2{font-size:1.4em}p{margin:0 0 8px 8px}.strong{font-weight:700}.OneEm{font-size:1em!important}.Opoint8Em{font-size:.8em!important}dl{display:grid;grid-gap:4px 16px;grid-template-columns:1fr 2fr;width:100%}dt{font-weight:700;margin:0;grid-column-start:1;text-align:right}dd{background-color:var(--surfaceAccent);margin:0;grid-column-start:2}.modalContainer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--modalContainerBackground);display:flex;justify-content:center;align-items:center;z-index:100}.modal{background-color:var(--surface);color:var(--onLight);border-radius:var(--roundedCorner);padding:20px;width:30vw;max-width:600px;min-height:60vh}.modalColumns{display:flex;justify-content:space-between;flex-direction:row}.modalWide{width:60vw!important;max-width:1200px!important}.modal .container3{width:50%;box-sizing:border-box}.modalTitle{display:flex;height:40px;margin:0 20px 20px}.modalTitle h4{display:inline-block;flex-grow:15}.modalTitle button{display:inline-block;flex-grow:1;margin:0;padding:5px}.pagination{display:flex}.pagination button{flex-grow:1}.pagination div{flex-grow:14}#titleBar{background-color:var(--surface);color:var(--onLight);padding:8px 8px 8px 80px;margin:0;font-size:1em}.subHeader{background-color:var(--secondary);padding:10px}#loginLogo{background-image:var(--logo);height:200px;width:200px;background-size:contain;background-repeat:no-repeat;background-position:center;display:block;margin:100px auto 50px}#logoContainer{width:100%}#logo{background-image:var(--logo);height:125px;width:125px;background-size:contain;background-repeat:no-repeat;background-position:center;display:block;margin-left:auto;margin-right:auto}.error{position:relative}.errors{color:var(--onPrimary);background-color:var(--Error);position:absolute;top:1px;font-size:.8em;letter-spacing:1px;padding:5px;font-weight:600;border-radius:var(--roundedCorner)}.scrollPane{overflow-y:scroll;max-height:20vw;margin:4px 8px 8px}.settingsRow{display:flex;justify-content:space-between;align-items:center;margin:4px;padding:4px 8px;background-color:var(--primaryDisabled);border-radius:var(--roundedCorner);font-size:.9em}@media (width <= 1000px){body{font-size:.8em}main{margin:10px 0 0}.button{margin:2px}}#langSelect{width:20%;display:inline;margin:0}#poweredByCrewCraft{position:absolute;bottom:0;right:0;margin:0;display:var(--displayPoweredByCrewCraft);width:100%;text-align:center;background-color:var(--secundary);padding:4px}#accountMenu[data-v-c632e4cf]{display:block;position:fixed;top:48px;color:var(--onPrimary);background-color:var(--primary);z-index:2;cursor:pointer;padding:20px;border:1px solid white}#accountMenu .touchRow[data-v-c632e4cf]{border-bottom:1px solid white;border-radius:0;padding:4px}#dataMenu[data-v-26dab35d]{display:block;position:fixed;top:48px;color:var(--onPrimary);background-color:var(--primary);z-index:2;cursor:pointer;padding:20px;border:1px solid white}#dataMenu .touchRow[data-v-26dab35d]{border-bottom:1px solid white;border-radius:0;padding:4px}.errorBanner{display:block;position:fixed;top:0;left:0;z-index:1000;background-color:var(--card);color:var(--onLight);padding:1rem;box-shadow:0 2px 4px #0000001a;width:100%;border:1px solid var(--border);border-radius:var(--roundedCorner);display:flex}.errorBanner .alert{color:var(--Error)}.errorBanner .confirm{background-color:var(--secondaryContainerLight);color:var(--onSecondaryContainerLight)}::backdrop{background-color:var(--onSecondaryContainerLight);opacity:.7}.dialogButtons{text-align:center}.menu{background-color:var(--menu);color:var(--onMenu)}#mainHeader{display:flex;justify-content:space-between;align-items:stretch;height:3rem;padding:0 1rem;border-bottom:1px solid var(--onLight)}#mainHeader .selected,#mainHeader .selected a{background-color:var(--primarySelected)!important;color:var(--onLight)!important}nav{display:flex;align-items:center;gap:1rem;height:3rem;vertical-align:middle}nav a{color:var(--onMenu);text-decoration:none;vertical-align:middle;align-items:center;align-self:center;padding:1rem 8px;box-sizing:border-box}#accountMenuContainer{display:flex;align-items:flex-end;justify-content:flex-end;height:3rem;vertical-align:middle}footer{background-color:var(--card);color:var(--onLight);padding:10px;position:absolute;bottom:0;left:0;width:100%;height:46px;box-sizing:border-box}#footerPusher{height:46px}.dashboardCalendar{margin:auto;text-align:center}.calendarHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr)}.calendarDay,.calendarDate{padding:10px}.calendarDate{background-color:var(--surfaceAccent);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden}.calendarDate .button{margin:4px!important;padding:4px!important;position:relative;width:100%;box-sizing:border-box}.calendarDate .button.no-shifts{background-color:var(--surface);border:1px solid var(--primary);color:var(--primary)}.modalBody .touchRow.no-shifts{background-color:var(--surfaceAccent);border:1px solid var(--primary);color:var(--primary);margin:4px 0}.dbButton{background-color:#fff;color:var(--primary);border:1px solid var(--primary)}.dbButtonMetric{float:right}.green{color:var(--primary);border-color:var(--primary)}.orange{color:orange;border-color:orange}.red{color:var(--Error);border-color:var(--Error)}@media (max-width: 1000px){.dbButtonText{display:none}}.startup-tips{margin-bottom:20px}.startup-tips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.startup-tips-header h3{margin:0;font-size:1.25rem;font-weight:600}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--onLight);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--roundedCorner);transition:background-color .2s}.btn-close:hover{background-color:var(--primaryDisabled)}.startup-tips-content p{margin-bottom:16px;color:var(--onLight)}.tips-checklist{list-style:none;padding:0;margin:0}.tips-checklist li{display:flex;align-items:center;padding:12px 8px;border-bottom:1px solid var(--border);background-color:var(--surfaceAccent);margin-bottom:4px;border-radius:var(--roundedCorner)}.tips-checklist li:last-child{border-bottom:none}.tips-checklist li.completed{opacity:.7}.check-icon{width:24px;height:24px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary)}.tips-checklist li:not(.completed) .check-icon{color:var(--primaryDisabled)}.check-label{flex:1;font-size:16px;color:var(--onLight)}.btn-action{background-color:var(--primary);color:var(--onPrimary);border:none;padding:6px 16px;border-radius:var(--roundedCorner);cursor:pointer;font-size:14px;transition:background-color .2s}.btn-action:hover{background-color:var(--primarySelected);color:var(--onLight)}.startup-completion{margin-top:20px;text-align:center;padding:16px;background-color:var(--surfaceAccent);border-radius:var(--roundedCorner)}.startup-completion p{margin-bottom:16px;font-weight:600;color:var(--primary)}.btn-get-started{background-color:var(--Error);color:var(--onPrimary);border:none;padding:12px 24px;border-radius:var(--roundedCorner);cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s}.btn-get-started:hover{background-color:var(--primarySelected);color:var(--onLight)}.planningButton{display:flex;justify-content:space-between}.todayGroup{display:flex;justify-content:space-between;margin:4px}.loading{background-color:var(--surface);color:var(--onSecudaryContainer);position:absolute;top:0;width:100%;padding:4px;margin:0}button.sending{opacity:.8}