body{display:flex;justify-content:center;align-items:center;color:#000;font-family:Exo;font-size:14px}input,textarea,select{font-size:16px}.phonebody{background-color:#fff;border:.5px solid rgb(189,189,189);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;box-sizing:border-box}@media screen{.phonebody{width:768px;height:100dvh}}@media screen and (max-width: 450px){.phonebody{width:455px;height:100dvh}.content{max-height:100%}}p,h1,h2,h3{margin:0}a{text-decoration:none}input{background-color:#fff;font-family:Exo;width:100%;outline:none;border:.5px solid rgb(122,122,122);height:44px;border-radius:10px;box-sizing:border-box;color:#000;padding:10px}.general-action-button{border:.7px solid #5ca131;background-color:#fff;color:#5ca131;font-family:Exo;font-size:1em;border-radius:10px;width:100%;min-height:44px;margin:0;outline:none}.no-fill-button{background-color:#fff;border:.7px solid #5ca131;color:#5ca131;font-family:Exo;border-radius:10px;width:40%;min-height:44px;margin:0}.alt-action-button{border:.7px solid #e0e0e0;background-color:#fff;color:#5ca131;font-family:Exo;border-radius:10px;width:100%;min-height:44px;margin:0;outline:none}.no-fill-button:focus{background-color:#e7ffd8}.general-action-button:hover{background-color:#e0ffcd;color:#000}.general-action-button:active{background-color:#e0ffcd}.loader{position:absolute;top:0;left:0;width:100%;min-height:100%;background:#ffffffda;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;gap:8px}.loader span{width:12px;height:12px;background:#177c26;border-radius:50%;animation:bounce .4s infinite alternate}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.4s}@keyframes bounce{to{opacity:.3;transform:translateY(-6px)}}.loginbody{background-color:#fff;width:375px;min-height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;box-sizing:border-box}.home-logo-div{width:100%;display:flex;justify-content:center;align-items:center;background-color:none;margin:25px 0}.home-logo-div img{width:35%}.error-div{background-color:red;width:100%;height:auto;display:flex;flex-direction:column;border-radius:10px;box-sizing:border-box;color:#fff;justify-content:center;align-items:center;padding:8px}.input-label-combo{display:flex;flex-direction:column;width:100%;padding:2px;box-sizing:border-box;gap:5px;margin:5px 0;color:#9c9c9c}.inputs-div{display:flex;flex-direction:column;width:100%;background-color:none;gap:10px;padding:10px 25px;box-sizing:border-box}.alert{position:absolute;top:0;left:0;width:100%;min-height:100%;background:#ffffffda;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;gap:8px}.alert-div{background-color:#fff;width:70%;min-height:50%;display:flex;flex-direction:column;border:.5px solid #5ca131;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:2%;box-sizing:border-box;text-align:center}.alert-title-div{width:100%;background-color:#fff;display:flex;justify-content:flex-start;align-items:center;gap:5px;box-sizing:border-box;color:#5ca131}.alert-icon-div{width:100%;display:flex;justify-content:center;align-items:center}.header{background-color:#5ca131;width:100%;height:8%;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:0 20px;box-sizing:border-box}.content{position:relative;width:100%;height:84%;background-color:#fff;display:flex;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:10px;padding:10px 20px;box-sizing:border-box}.footer{background-color:#5ca131;width:100%;height:8%;display:flex;justify-content:space-around;align-items:flex-start;color:#fff;box-sizing:border-box}.menu-buttons{background-color:#5ca131;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:smaller;color:#fff;width:auto;min-height:50px;border-radius:0;flex:1;margin:0;outline:none;border:none;box-sizing:border-box}.menu-buttons:hover{color:#e0fcbb;outline:none}.menu-buttons:focus{color:#e0fcbb;outline:none}.menu-buttons:active{border-bottom:5px solid white;outline:none}.header-buttons{background-color:#5ca131;display:flex;flex-direction:column;font-size:smaller;color:#fff;width:auto;border-radius:0;margin:0;outline:none;border:none;box-sizing:border-box}.header-buttons:focus{outline:none}.carousel-container{background-color:#fff;width:100%;height:auto;min-height:130px;display:flex;justify-content:space-evenly;gap:10px;border-radius:8px;padding:10px;box-sizing:border-box}.carousel{background-color:#f0902f;color:#fff;width:30%;height:auto;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.action-container{background-color:#fff;border:.5px solid rgb(207,207,207);width:100%;height:auto;min-height:130px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:10px;border-radius:8px;padding:10px;box-sizing:border-box}.no-shift{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.upcoming-shift{background-color:#dcffd8;border-radius:8px;width:100%;height:auto;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:5px;padding:10px;box-sizing:border-box}.upcoming-shift h3{margin:0;font-size:1.4em;color:#5ca131}.upcoming-shift p{font-size:1.1em}.line-divider{width:100%;height:.3px;margin:0;background-color:#5ca131}.notifications-div{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff;width:100%;height:100%;flex:auto;gap:5px;overflow-y:auto}.notifications-div::-webkit-scrollbar{display:none}.notifications-header{background-color:#fff;border-bottom:.5px solid rgb(207,207,207);padding-left:10px;width:100%;box-sizing:border-box}.notification{display:flex;flex-direction:column;background-color:#fff;border:.5px solid rgb(207,207,207);border-radius:8px;width:100%;height:auto;padding:10px;box-sizing:border-box}.notification h2{font-size:1.2em;color:#5ca131}.notification p strong{font-size:.8em}.live-dot{position:relative;display:inline-block;width:12px;height:12px;background:#e11d48;border-radius:50%;margin:0 10px}.live-dot:before,.live-dot:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:#2fd82c;opacity:.6;transform:translate(-50%,-50%) scale(1);animation:ping 1.5s ease-out infinite;z-index:-1}.live-dot:after{animation-delay:.75s}@keyframes ping{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}80%{transform:translate(-50%,-50%) scale(3);opacity:0}to{opacity:0}}.pages-header{background-color:#fff;border-bottom:.5px solid rgb(207,207,207);padding-left:10px;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.shifts-body{display:flex;flex-direction:column;background-color:#fff;width:100%;height:auto;flex:auto;gap:5px;padding:10px;box-sizing:border-box;overflow-y:auto}.shifts-body::-webkit-scrollbar{display:none}.coming-soon{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background-color:#f5f5f5;border-radius:8px;padding:10px;box-sizing:border-box;margin-top:20px}.shift{display:flex;flex-direction:row;justify-content:space-between;background-color:#fff;border:.5px solid rgb(207,207,207);border-radius:8px;width:100%;height:auto;padding:10px;box-sizing:border-box}.shift-details{gap:13px}.shift-date{background-color:#5ca131;width:10%;min-width:60px;display:flex;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:large}.sleep-status{width:50%;height:25px;background-color:#f8dec5;color:#f50;font-weight:400;border-radius:8px;display:flex;justify-content:center;align-items:center;margin:5px 0;padding:0}.shift h2{font-size:1.2em;color:#5ca131}.shift p strong{font-size:.8em}.shift:hover{background-color:#e9fbde}.shift:focus{background-color:#e9fbde}.refresh-text{font-size:x-small;color:#cbcbcb}.shift-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:#fff;width:100%;height:auto;flex:auto;gap:5px;padding:10px;box-sizing:border-box;overflow-y:auto}.shift-action-button{background-color:#5ca131;color:#fff;font-family:Exo;border:none;border-radius:10px;width:100%;min-height:44px;outline:none;margin:20px 0}.no-shifts-div{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}