@font-face{font-family:Poppins;src:url(/fonts/Poppins-Medium.ttf)format("truetype");font-weight:500;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background-image:linear-gradient(#ffffff1a,#bebebe1a),url(/img/pexels-steve-29506613.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;margin:0}body:before{content:"";filter:blur(6px);z-index:-1;background-image:linear-gradient(#ffffff1a,#bebebe1a),url(/img/pexels-steve-29506613.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0;transform:scale(1.05)}.icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.icon-btn:hover{opacity:.7}.action-icon{object-fit:contain;filter:brightness(0)invert();width:20px;height:20px}.item-content{flex-grow:1;width:100%;display:block}.x-btn{cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;width:100%;padding:0;transition:opacity .2s;display:flex}.x-btn:hover{opacity:.7}.x-btn-img{object-fit:contain;filter:brightness(0)invert(0);width:28px;height:28px}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.empty-state-text{color:#3c7975;text-align:center;margin:auto;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:500}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-top:10px;animation:.8s linear infinite spin;display:inline-block}.icon-btn .spinner{margin-top:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes welcome-container-animation{0%{opacity:0}to{opacity:1}}@media (width<=1600px){.empty-state-text{font-size:1rem}.spinner{width:17px;height:17px;margin-top:7px}}@media (width<=1366px){.empty-state-text{font-size:.854rem}.spinner{width:15px;height:15px;margin-top:4.5px}}@media (width<=1280px) and (resolution<=1.19x){.empty-state-text{font-size:.8rem}}@media (width<=768px){html,body{height:auto;min-height:100vh;overflow:hidden auto}.icon-btn{flex-shrink:0;width:25px;height:25px}.action-icon{width:100%;max-width:none;height:100%}.empty-state-text{font-size:1.1rem;margin:10px 0 0!important}.spinner{width:20px;height:20px;margin-top:5px}}.login-page-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.login-logo{width:20%;margin-bottom:4%;animation:.5s ease-in welcome-container-animation}.login-container{flex-direction:column;justify-content:center;align-items:center;max-width:700px;height:450px;margin-bottom:3%;animation:.5s ease-in welcome-container-animation;display:flex;background-color:#d9d9d94d!important}.login-container h2{text-align:center;color:#3c7975;margin-bottom:6%;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:500}.login-form{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.login-form input{width:350px;height:54px;font-size:.9rem}.btn-enter{color:#fff;background-color:#1da299;width:350px;height:60px;margin-top:30px;margin-bottom:15px;font-size:1.3rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.btn-enter:hover{background-color:#187e77}.error-card{text-align:center;flex-direction:column;gap:20px;width:90%;max-width:400px;display:flex}.error-card h3{color:#3c7975;margin:0;font-family:Poppins;font-size:1.7rem;font-weight:600}.error-card p{color:#666;margin:0;font-family:Poppins;font-size:1rem}.btn-ok{background-color:#1da299;justify-content:center;align-items:center;width:50%;height:40px;margin:0 auto;font-family:Poppins;font-size:.9rem;display:flex;box-shadow:1px 1px 4px #0000004d}@media (width<=1600px){.login-container{max-width:583px;height:375px}.login-container h2{margin-bottom:8%;font-size:1.833rem}.login-form{gap:13px;margin-top:17px}.login-form input{width:292px;height:45px;font-size:.75rem}.btn-enter{width:292px;height:50px;font-size:1.083rem}.error-card{gap:17px;max-width:333px}.error-card h3{font-size:1.417rem}.error-card p{font-size:.833rem}.btn-ok{height:33px;font-size:.75rem}}@media (width<=1366px){.login-container{max-width:498px;height:320px}.login-container h2{font-size:1.565rem}.login-form{gap:11px;margin-top:14px}.login-form input{width:249px;height:38px;font-size:.64rem}.btn-enter{width:249px;height:43px;font-size:.925rem}.error-card{gap:14px;max-width:285px}.error-card h3{font-size:1.209rem}.error-card p{font-size:.711rem}.btn-ok{height:28px;font-size:.64rem}}@media (width<=1280px) and (resolution<=1.19x){.login-container{max-width:467px;height:300px}.login-container h2{font-size:1.467rem}.login-form{gap:11px;margin-top:13px}.login-form input{width:233px;height:36px;font-size:.6rem}.btn-enter{width:233px;height:40px;font-size:.867rem}.error-card{gap:13px;max-width:267px}.error-card h3{font-size:1.133rem}.error-card p{font-size:.667rem}.btn-ok{height:27px;font-size:.6rem}}@media (width<=768px){.login-page-wrapper{justify-content:flex-start;align-items:center}.login-logo{width:75%;margin-top:15vh}.login-container{justify-content:flex-start;width:100%;height:auto;margin-top:10vh;box-shadow:none!important;background-color:#0000!important}.login-container h2{margin-bottom:15%;font-size:1.8rem}.login-form{width:100%;margin-top:5vh}.login-form input{width:85vw;height:50px;font-size:.9rem}.btn-enter{width:85vw;height:50px;margin-top:20px;font-size:1.3rem}.error-card{max-width:90%;height:auto;padding:20px}.error-card h3{font-size:1.3rem}.error-card p{font-size:.9rem}.btn-ok{width:100%;height:40px;font-size:.9rem}}button{cursor:pointer;border:none;border-radius:10px;padding:10px;font-family:Poppins,sans-serif}input{text-align:center;box-sizing:border-box;border:none;border-radius:4px;max-width:100%;padding:15px;font-family:Poppins,sans-serif}@media (width<=1600px){input{border-radius:3px;padding:13px}}@media (width<=1366px){input{border-radius:3px;padding:4px 8px}}@media (width<=1280px) and (resolution<=1.19x){input{border-radius:3px;padding:4px 8px}}.container{background-color:#0000;border-radius:10px;width:100%;padding:40px 50px;box-shadow:1px 1px 4px #0000004d}@media (width<=1600px){.container{border-radius:8px;padding:33px 42px}}@media (width<=1366px){.container{border-radius:7px;padding:28px 36px}}@media (width<=1280px) and (resolution<=1.19x){.container{border-radius:7px;padding:27px 33px}}@media (width<=768px){.container{border:none;padding:0}}.card{background-color:#d9d9d9;border-radius:15px;width:100%;padding:40px 50px;box-shadow:2px 2px 4px #0000004d}@media (width<=1600px){.card{border-radius:13px;padding:33px 42px}}@media (width<=1366px){.card{border-radius:11px;padding:28px 36px}}@media (width<=1280px) and (resolution<=1.19x){.card{border-radius:10px;padding:27px 33px}}.homepage-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100vh;display:flex;overflow:hidden}.welcome-container{box-sizing:border-box;justify-content:center;align-items:center;max-width:calc(100vw - 26% - 20px);margin-left:26%;animation:.5s ease-in welcome-container-animation;display:flex}.welcome-container h2{color:#fff;font-family:Poppins,sans-serif;font-size:70px;font-weight:500}.welcome-container span{color:#1da299}.illustration{width:22%}@media (width<=1600px){.welcome-container h2{font-size:58px}}@media (width<=1366px){.welcome-container h2{font-size:50px}}@media (width<=1280px) and (resolution<=1.19x){.welcome-container h2{font-size:47px}}@media (width<=768px){.welcome-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;margin-top:55%;margin-left:0;padding:0 20px}.welcome-container h2{text-align:center;width:100%;margin-left:55%;font-size:3rem}.illustration{width:90%;margin-top:10%;margin-left:30%}}.layout-container{width:100%;max-width:100vw;height:100vh;position:relative;overflow:hidden}.main-content{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-width:0;height:100vh;min-height:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}.main-content>.user-management-wrapper,.main-content>.scheduling-page-wrapper,.main-content>.production-page-wrapper,.main-content>.message-page-wrapper,.main-content>.incident-page-wrapper,.main-content>.homepage-wrapper{pointer-events:none}.main-content .main-container-user-management,.main-content .main-container-scheduling-panel,.main-content .main-container-production-status-panel,.main-content .main-container-message-editor,.main-content .main-container-incident-history,.main-content .welcome-container,.main-content .modal-overlay{pointer-events:auto}.main-content>.user-management-wrapper,.main-content>.scheduling-page-wrapper,.main-content>.production-page-wrapper,.main-content>.message-page-wrapper,.main-content>.incident-page-wrapper{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.main-content>.homepage-wrapper{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;max-width:100%;height:100%;min-height:100vh;display:flex;overflow:hidden}.main-content .main-container-user-management,.main-content .main-container-scheduling-panel,.main-content .main-container-production-status-panel,.main-content .main-container-message-editor,.main-content .main-container-incident-history{box-sizing:border-box;flex:0 auto;justify-content:flex-start;width:min(1308px,100vw - 26% - 40px);height:75vh;min-height:0;max-height:75vh;margin-top:17.5vh;margin-bottom:20px;margin-left:26%}.main-content .welcome-container{max-width:calc(100vw - 26% - 20px);margin-left:26%}.main-content .content-wrapper{flex:1;width:100%;min-height:0}.main-content .container.user-registration-container,.main-content .container.registered-users-container{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;max-height:100%;padding:20px;display:flex;overflow:hidden}.main-content .user-registration-form{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;width:100%;min-height:0;display:flex}.main-content .user-registration-form .btn-register{flex-shrink:0}.main-content .user-registration-form input,.main-content .user-registration-form .btn-show-referral,.main-content .input-row-inline>*{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.main-content .input-row-inline{grid-template-columns:1.35fr .65fr;min-width:0}.main-content .user-management-scroll-area,.main-content .scheduling-scroll-area,.main-content .production-scroll-area,.main-content .incident-scroll-area,.main-content .messages-scroll-area{flex:1;min-height:0;overflow-y:auto}@media (width<=1600px){.main-content .main-container-user-management,.main-content .main-container-scheduling-panel,.main-content .main-container-production-status-panel,.main-content .main-container-message-editor,.main-content .main-container-incident-history{width:min(1090px,100vw - 26% - 40px)}.main-content .container.user-registration-container,.main-content .container.registered-users-container{padding:17px}}@media (width<=1366px){.main-content .main-container-user-management,.main-content .main-container-scheduling-panel,.main-content .main-container-production-status-panel,.main-content .main-container-message-editor,.main-content .main-container-incident-history{width:min(931px,100vw - 26% - 40px)}.main-content .container.user-registration-container{padding:10px 14px}.main-content .container.registered-users-container{padding:14px}}@media (width<=1366px) and (resolution<=1.19x){.main-content .user-registration-form{justify-content:space-evenly;gap:8px}.main-content .container.user-registration-container h3{margin-bottom:18px}.main-content .user-registration-form .btn-register{margin-top:0}}@media (width<=1280px) and (resolution<=1.19x){.main-content .main-container-user-management,.main-content .main-container-scheduling-panel,.main-content .main-container-production-status-panel,.main-content .main-container-message-editor,.main-content .main-container-incident-history{width:min(872px,100vw - 26% - 27px)}.main-content .container.user-registration-container{padding:10px 13px 14px}}@media (width>=769px) and (resolution>=1.19x){.main-content .main-container-user-management h2,.main-content .main-container-scheduling-panel h2,.main-content .main-container-production-status-panel h2,.main-content .main-container-message-editor h2,.main-content .main-container-incident-history h2{margin-bottom:clamp(10px,2vh,32px)}.main-content .container.user-registration-container h3,.main-content .container.registered-users-container h3{margin-bottom:clamp(6px,1.2vh,12px)}.main-content .user-registration-form{justify-content:flex-start;gap:4px}.main-content .user-registration-form .btn-register{margin-top:6px}}@media (width<=768px){.layout-container{height:auto;min-height:100vh;overflow-x:hidden}.main-content{width:100%;height:auto;display:block;position:static;top:auto;left:auto;overflow:visible}.main-content>.user-management-wrapper,.main-content>.scheduling-page-wrapper,.main-content>.production-page-wrapper,.main-content>.message-page-wrapper,.main-content>.incident-page-wrapper{height:auto;overflow:visible}.main-content>.homepage-wrapper{justify-content:flex-start;align-items:flex-start;height:auto;min-height:auto;overflow:visible}.main-content .main-container-user-management,.main-content .main-container-scheduling-panel,.main-content .main-container-production-status-panel,.main-content .main-container-message-editor,.main-content .main-container-incident-history{width:100%;height:auto;max-height:none;margin-left:0}.main-content .welcome-container{margin-left:0}}.header{z-index:10;background-color:#1da29966;justify-content:center;align-items:center;width:100%;height:10%;display:flex;position:absolute;top:0;left:0}.hamburger-btn{cursor:pointer;background:0 0;border:none;display:none;position:absolute;left:20px}.hamburger-btn img{filter:brightness(0)invert();width:35px;transition:filter .3s}.hamburger-btn.open img{filter:brightness(0)saturate()invert(30%)sepia(88%)saturate(415%)hue-rotate(127deg)brightness(96%)contrast(88%)}.header-logo{width:10%}@media (width<=1600px){.hamburger-btn{left:17px}.hamburger-btn img{width:29px}}@media (width<=1366px){.hamburger-btn{left:14px}.hamburger-btn img{width:25px}}@media (width<=1280px) and (resolution<=1.19x){.hamburger-btn{left:13px}.hamburger-btn img{width:23px}}@media (width<=768px){.header{z-index:1000;background-color:#1da299;position:fixed}.hamburger-btn{display:block}.header-logo{width:40%}}.side-menu{z-index:5;background-color:#1da299b3;flex-direction:column;align-items:center;width:21%;height:90%;animation:1.5s ease-out forwards menuSlide;display:flex;position:absolute;top:10%;left:0}.side-menu:after{content:"";background-color:#ffffffe6;border-radius:20px;width:3px;height:25%;position:absolute;top:37%;right:2%}.menu-items{flex-direction:column;flex-grow:1;width:90%;margin-top:30px;display:flex}.btn-item{color:#fff;background-color:#0000;height:70px;font-size:1.02rem;transition:background-color .2s}.btn-item:hover{background-color:#1da299}.btn-exit{color:#fff;background-color:#aaa;width:min(330px,90%);height:60px;margin-top:12px;margin-bottom:30px;font-size:1.3rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.btn-exit:hover{background-color:#888}.btn-credits{color:#fff;width:min(330px,90%);height:48px;box-shadow:none;background-color:#0000;border:1px solid #ffffff8c;margin-top:10px;font-size:1rem;transition:background-color .2s}.btn-credits:hover{background-color:#ffffff26}@keyframes menuSlide{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@media (width<=1600px){.btn-item{height:58px;font-size:.85rem}.btn-exit{width:min(275px,90%);height:50px;font-size:1.083rem}.btn-credits{width:min(275px,90%);height:42px;font-size:.9rem}}@media (width<=1366px){.btn-item{height:50px;font-size:.726rem}.btn-exit{width:min(235px,90%);height:43px;font-size:.925rem}.btn-credits{width:min(235px,90%);height:38px;font-size:.8rem}}@media (width<=1280px) and (resolution<=1.19x){.btn-item{height:47px;font-size:.68rem}.btn-exit{width:min(220px,90%);height:40px;font-size:.867rem}.btn-credits{width:min(220px,90%);height:36px;font-size:.75rem}}@media (width<=768px){.side-menu{z-index:1000;background-color:#1da299f7;width:75%;transition:transform .4s ease-in-out;animation:none;position:fixed;transform:translate(-100%)}.side-menu.open{transform:translate(0)}.side-menu:after{content:"";background-color:#ffffffe6;border-radius:20px;width:3px;height:25%;position:absolute;top:37%;right:2%}.btn-item{height:60px;font-size:.9rem}.btn-exit{height:50px;font-size:1rem}.btn-credits{height:44px;font-size:.9rem}}.credits-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:35%;max-width:480px;padding:10px 16px 24px;display:flex}.credits-card h3{color:#3c7975;margin:0;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:500}.credits-subtitle{color:#666;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:.9rem}.credits-scroll-area{text-align:left;flex-direction:column;gap:12px;width:100%;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.credit-item strong{color:#333;font-family:Poppins,sans-serif;font-size:.9rem;display:block}.credit-item p{color:#555;margin:4px 0 0;font-family:Poppins,sans-serif;font-size:.85rem}.credit-item a{color:#1da299;text-decoration:underline}@media (width<=1600px){.credits-card{width:40%}.credits-card h3{font-size:1.3rem}}@media (width<=1366px){.credits-card{width:45%}.credits-card h3{font-size:1.15rem}.credits-subtitle,.credit-item strong,.credit-item p{font-size:.8rem}}@media (width<=1280px) and (resolution<=1.19x){.credits-card{gap:10px;width:48%}.credits-card h3{font-size:1.05rem}.credits-subtitle,.credit-item strong,.credit-item p{font-size:.75rem}.credits-scroll-area{gap:10px;max-height:200px}}@media (width<=768px){.credits-card{width:85%;padding:15px}.credits-card h3{font-size:1.2rem}}.user-management-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;overflow:hidden}.main-container-user-management{box-sizing:border-box;background-color:#d9d9d94d;flex-direction:column;justify-content:center;align-items:center;width:min(1308px,100%);animation:.5s ease-in welcome-container-animation;display:flex}.main-container-user-management h2{color:#3c7975;margin-bottom:45px;font-family:Poppins,sans-serif;font-size:2.04rem}.content-wrapper{justify-content:flex-start;width:100%;min-width:0;display:flex}.container .user-registration-container,.container .registered-users-container{box-sizing:border-box;min-width:0;overflow:hidden}.container .user-registration-container{background-color:#d9d9d94d;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;min-width:0;max-width:400px;padding:20px;display:flex}.user-registration-container h3{color:#3c7975;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:1.56rem}.user-registration-form{flex-direction:column;gap:10px;width:100%;display:flex}.user-registration-form input{font-size:.9rem}.input-row-inline{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.input-row-inline>*{flex:1;min-width:0}.btn-show-referral{color:#3c7975;cursor:pointer;background-color:#ebebeb;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.btn-show-referral:hover{background-color:#d3d3d3}.btn-register{color:#fff;background-color:#1da299;width:100%;height:55px;font-size:1.1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.btn-register:hover{background-color:#187e77}.container .registered-users-container{background-color:#d9d9d94d;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;min-width:0;max-width:750px;padding:20px;display:flex}.registered-users-container h3{color:#3c7975;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:1.56rem}.user-management-scroll-area{scrollbar-width:thin;scrollbar-color:#fff9 transparent;flex-direction:column;flex:1;width:100%;max-height:500px;padding-right:10px;display:flex;overflow-y:auto}.user-management-scroll-area::-webkit-scrollbar{width:6px}.user-management-scroll-area::-webkit-scrollbar-track{background:0 0}.user-management-scroll-area::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:10px}.user-management-scroll-area .list-item{flex-shrink:0!important}.registered-users-container .item-content{text-align:center!important;justify-content:center!important;align-items:center!important;padding:0 20px!important;display:flex!important}.edit-user-card{text-align:center;flex-direction:column;align-items:center;gap:15px;width:35%;padding:10px 16px;display:flex}.edit-user-title{color:#3c7975;margin:0 0 15px;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:500}.edit-user-form{flex-direction:column;gap:15px;width:100%;display:flex}.edit-user-form .input-group{flex-direction:column;align-items:stretch;width:100%;display:flex}.edit-user-form .input-group label{color:#666;text-align:left;margin-bottom:6px;font-family:Poppins,sans-serif;font-size:1rem}.edit-user-form input{box-sizing:border-box!important;border-radius:8px!important;width:100%!important;max-width:100%!important;margin:0!important}.btn-save-user{color:#fff;background-color:#1da299;width:50%;height:55px;margin:10px auto 0;font-size:1.1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.btn-save-user:hover{background-color:#187e77}.delete-user-card{text-align:center;flex-direction:column;align-items:center;gap:15px;width:25%;padding:10px 16px;display:flex}.delete-user-card h3{color:#3c7975;margin:0;font-family:Poppins,sans-serif;font-size:1.7rem;font-weight:500}.delete-user-name{color:#666;word-break:break-word;margin:0;font-family:Poppins,sans-serif;font-size:1rem}.delete-user-card .btn-container{gap:10px;display:flex}.delete-user-card .yes-btn{color:#fff;background-color:#1da299;flex-shrink:0;width:120px;height:50px;margin-top:auto;margin-bottom:30px;font-size:1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.delete-user-card .yes-btn:hover{background-color:#187e77}.delete-user-card .no-btn{color:#fff;background-color:#cc5031;flex-shrink:0;width:120px;height:50px;margin-top:auto;margin-bottom:30px;font-size:1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.delete-user-card .no-btn:hover{background-color:#c73d1a}@media (width>=1601px){.user-management-wrapper .empty-state-text{transform:translateY(-25px)}}@media (width<=1600px){.main-container-user-management{width:min(1090px,100vw - 26% - 40px);padding:30px}.main-container-user-management h2{margin-bottom:38px;font-size:1.7rem}.content-wrapper{justify-content:center;gap:15px;width:100%}.container .user-registration-container{flex:1;max-width:333px;padding:17px}.user-registration-container h3{margin-bottom:25px;font-size:1.3rem}.user-registration-form input{width:100%;height:45px;font-size:.75rem}.input-row-inline{gap:8px}.btn-show-referral{font-size:.75rem}.btn-register{height:46px;font-size:.917rem}.container .registered-users-container{flex:1.8;max-width:625px;padding:17px}.registered-users-container h3{margin-bottom:25px;font-size:1.3rem}.registered-users-container .list-item{height:40px;font-size:.85rem}.user-management-scroll-area{max-height:417px}.edit-user-title{font-size:1.25rem}.edit-user-form{gap:13px}.edit-user-form .input-group label{font-size:.833rem}.edit-user-form input{height:45px}.btn-save-user{height:46px;font-size:.917rem}.delete-user-card{gap:13px}.delete-user-card h3{font-size:1.417rem}.delete-user-name{font-size:.9rem}.delete-user-card .yes-btn,.delete-user-card .no-btn{width:110px;height:45px;margin-bottom:20px;font-size:.95rem}}@media (width<=1366px){.main-container-user-management{width:min(931px,100vw - 26% - 40px);padding:26px}.main-container-user-management h2{margin-bottom:24px;font-size:1.451rem}.content-wrapper{justify-content:center;gap:13px;width:100%}.container .user-registration-container{flex:1;max-width:285px;padding:14px}.user-registration-container h3{font-size:1.11rem}.container .registered-users-container{flex:1.8;max-width:534px;padding:14px}.registered-users-container h3{margin-bottom:21px;font-size:1.11rem}.registered-users-container .list-item{height:34px;font-size:.726rem}.user-management-scroll-area{max-height:356px}.edit-user-title{font-size:1.067rem}.edit-user-form{gap:11px}.edit-user-form .input-group label{margin-bottom:4px;font-size:.711rem}.edit-user-form input{height:38px}.btn-save-user{height:39px;font-size:.783rem}.delete-user-card{gap:11px}.delete-user-card h3{font-size:1.209rem}.delete-user-name{font-size:.811rem}.delete-user-card .yes-btn,.delete-user-card .no-btn{width:94px;height:38px;margin-bottom:17px;font-size:.811rem}}@media (width<=1366px) and (resolution<=1.19x){.user-registration-container h3{margin-bottom:18px}.user-registration-form{flex:1;justify-content:space-evenly;gap:8px}.user-registration-form input{width:100%;height:38px;padding:4px 8px;font-size:.64rem}.input-row-inline{gap:7px}.btn-show-referral{height:38px;min-height:38px;font-size:.64rem}.btn-register{height:40px;margin-top:0;font-size:.783rem}}@media (width<=1366px) and (resolution>=1.19x){.user-registration-container h3{margin-bottom:12px}.user-registration-form{justify-content:flex-start;gap:4px}.user-registration-form input{height:30px;padding:2px 6px}.input-row-inline{gap:4px}.btn-show-referral{height:30px;min-height:30px;font-size:.6rem}.btn-register{height:32px;margin-top:6px}}@media (width<=1280px) and (resolution<=1.19x){.main-container-user-management h2{margin-bottom:22px;font-size:1.36rem}.content-wrapper{justify-content:center;gap:12px;width:100%}.container .user-registration-container{flex:1;max-width:267px;padding:13px}.user-registration-container h3{margin-bottom:12px;font-size:1.04rem}.user-registration-form{gap:5px}.user-registration-form input{width:100%;height:32px;padding:2px 6px;font-size:.6rem}.input-row-inline{grid-template-columns:1.35fr .65fr;gap:5px}.btn-show-referral{height:32px;min-height:32px;font-size:.6rem}.btn-register{height:34px;margin-top:8px;font-size:.733rem}.container .registered-users-container{flex:1.8;max-width:500px;padding:13px}.registered-users-container h3{margin-bottom:16px;font-size:1.04rem}.registered-users-container .list-item{height:32px;font-size:.68rem}.user-management-scroll-area{max-height:333px}.edit-user-title{font-size:1rem}.edit-user-form{gap:10px}.edit-user-form .input-group label{margin-bottom:4px;font-size:.667rem}.edit-user-form input{height:36px}.btn-save-user{height:37px;font-size:.733rem}.delete-user-card{gap:10px}.delete-user-card h3{font-size:1.133rem}.delete-user-name{font-size:.76rem}.delete-user-card .yes-btn,.delete-user-card .no-btn{width:88px;height:36px;margin-bottom:16px;font-size:.76rem}}@media (width<=768px){.main-container-user-management{width:100%;height:auto;margin-top:120px;margin-bottom:20px;margin-left:0;padding:0 15px}.main-container-user-management h2{margin-top:25px;font-size:1.3rem}.content-wrapper{flex-direction:column;gap:30px}.container .user-registration-container,.container .registered-users-container{flex-direction:column;flex:none;width:100%;max-width:100%;height:auto;padding:20px 15px;display:flex;align-items:stretch!important}.user-registration-container h3,.registered-users-container h3{text-align:center;font-size:1.3rem}.user-registration-form input{height:50px;font-size:.9rem}.btn-show-referral{height:100%}.btn-register{height:50px;font-size:1.1rem}.user-management-scroll-area{flex-direction:column;width:100%;max-height:none;padding-right:0;display:flex;overflow:visible;align-items:stretch!important}.container .registered-users-container{margin-bottom:20px}.registered-users-container .list-item{justify-content:flex-start;height:50px;margin-bottom:10px;width:100%!important}.registered-users-container .item-content{box-sizing:border-box;text-align:left!important;width:100%!important;padding-left:15px!important;padding-right:95px!important;display:block!important}.registered-users-container .item-content span{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.85rem;display:block;overflow:hidden}.edit-user-card{width:90%;padding:20px}.edit-user-title{font-size:1.3rem}.edit-user-form input{height:50px}.btn-save-user{width:100%;height:50px;margin-top:15px}.delete-user-card{gap:20px;width:85%;padding:15px}.delete-user-card h3{font-size:1.3rem}.delete-user-name{font-size:.95rem}.delete-user-card .btn-container{justify-content:space-around;width:100%}.delete-user-card .yes-btn,.delete-user-card .no-btn{width:45%;height:50px;margin-bottom:10px;font-size:1rem}}.list-item{background-color:#31a9a1b3;border-radius:4px;justify-content:center;align-items:center;width:100%;height:45px;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:.95rem;display:flex;position:relative}.item-actions{gap:12px;display:flex;position:absolute;right:15px}@media (width<=1600px){.list-item{border-radius:3px;height:38px;margin-bottom:8px;font-size:.792rem}.item-actions{gap:10px;right:13px}}@media (width<=1366px){.list-item{border-radius:3px;height:32px;margin-bottom:7px;font-size:.676rem}.item-actions{gap:9px;right:11px}}@media (width<=1280px) and (resolution<=1.19x){.list-item{border-radius:3px;height:30px;margin-bottom:7px;font-size:.633rem}.item-actions{gap:8px;right:10px}}@media (width<=768px){.item-actions{gap:15px}}.scheduling-page-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;overflow:hidden}.main-container-scheduling-panel{box-sizing:border-box;background-color:#d9d9d94d;flex-direction:column;justify-content:flex-start;align-items:center;width:min(1308px,100%);animation:.5s ease-in welcome-container-animation;display:flex}.main-container-scheduling-panel h2{color:#3c7975;margin-bottom:45px;font-family:Poppins,sans-serif;font-size:2.04rem}.scheduling-scroll-area{scrollbar-width:thin;scrollbar-color:#fff9 transparent;flex-direction:column;flex:1;width:100%;min-height:0;padding-right:10px;display:flex;overflow-y:auto}.scheduling-scroll-area::-webkit-scrollbar{width:6px}.scheduling-scroll-area::-webkit-scrollbar-track{background:0 0}.scheduling-scroll-area::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:10px}.scheduling-scroll-area .list-item{flex-shrink:0!important}.main-container-scheduling-panel .list-legend{grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 1.5fr 60px;align-items:center;width:100%;display:grid}.main-container-scheduling-panel .list-legend span{text-align:left;padding-bottom:10px;padding-left:10px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;color:#fff!important}.main-container-scheduling-panel .list-row-data{grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 1.5fr 60px;align-items:center;width:100%;display:grid}.main-container-scheduling-panel .list-row-data span{text-align:left;padding-left:10px;font-size:.9rem;color:#fff!important}.btn-add-date{color:#fff;background-color:#1da299;flex-shrink:0;width:270px;height:60px;margin-top:auto;margin-bottom:5px;font-size:1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.btn-add-date:hover{background-color:#187e77}.add-remove-date-card{text-align:center;flex-direction:column;align-items:center;gap:15px;width:35%;padding:10px 16px;display:flex}.add-remove-date-card h3{color:#3c7975;margin:0;font-family:Poppins;font-size:1.7rem;font-weight:500}.add-date-form{flex-wrap:nowrap;justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.add-date-form .input-group{align-items:center;gap:10px;width:auto;margin:0;display:flex}.add-date-form .input-group label{color:#666;white-space:nowrap;margin:0;font-family:Poppins;font-size:1.1rem}.add-date-form .input-group input[type=datetime-local]{box-sizing:border-box;color:#333;appearance:none;outline:none;width:220px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:.9rem;border:1px solid #ccc!important;border-radius:8px!important}.add-date-form .input-group input[type=datetime-local]:focus{border-color:#1da299!important}.btn-confirm-date{color:#3c7975;background-color:#b8b8b8;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;transition:all .1s ease-in;display:flex;border-radius:8px!important}.btn-confirm-date:hover{background-color:#eee}.add-remove-date-scroll-area{scrollbar-width:thin;scrollbar-color:#fff9 transparent;border-radius:5px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:270px;margin-bottom:12px;padding-right:10px;display:flex;overflow-y:auto}.add-remove-date-scroll-area .list-item{flex-shrink:0!important;width:100%!important;min-height:45px!important;margin-bottom:8px!important;margin-left:auto!important;margin-right:auto!important;padding:0 10px!important}.add-remove-date-scroll-area::-webkit-scrollbar{width:6px}.add-remove-date-scroll-area::-webkit-scrollbar-track{background:0 0}.add-remove-date-scroll-area::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:10px}.empty-dates-text{color:#666;text-align:center;margin:auto;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:500;transform:translateY(-150%)}.date-only-row{color:#fff;justify-content:center;align-items:center;width:100%;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;display:flex}.date-only-row span{white-space:nowrap}@media (width<=1600px){.main-container-scheduling-panel{width:min(1090px,100vw - 26% - 40px);padding:30px}.main-container-scheduling-panel h2{margin-bottom:38px;font-size:1.7rem}.scheduling-scroll-area{max-height:74%}.scheduling-scroll-area .list-legend span,.scheduling-scroll-area .list-row-data span{font-size:.85rem}.btn-add-date{width:225px;height:50px;margin-bottom:4px;font-size:.833rem}.add-remove-date-card{gap:13px;padding:8px 13px}.add-remove-date-card h3{font-size:1.417rem}.add-date-form{gap:13px}.add-date-form .input-group{gap:8px}.add-date-form .input-group label{font-size:.917rem}.add-date-form .input-group input[type=datetime-local]{width:183px;padding:5px 10px;font-size:.75rem}.btn-confirm-date{width:38px;height:38px;padding:4px 10px;font-size:1.1rem}.add-remove-date-scroll-area{height:225px}.add-remove-date-scroll-area .list-item{height:42px!important;min-height:45px!important;margin-bottom:8px!important;padding:0 8px!important}.add-remove-date-scroll-area .icon-btn{width:24px;min-width:24px;height:24px}.add-remove-date-scroll-area .action-icon{height:12px}.empty-dates-text{font-size:.917rem}.date-only-row{font-size:.833rem}}@media (width<=1366px){.main-container-scheduling-panel{width:min(931px,100vw - 26% - 40px);padding:26px}.main-container-scheduling-panel h2{margin-bottom:32px;font-size:1.451rem}.scheduling-scroll-area{max-height:72%}.scheduling-scroll-area .list-legend span,.scheduling-scroll-area .list-row-data span{font-size:.726rem}.btn-add-date{width:192px;height:43px;margin-bottom:4px;font-size:.711rem}.add-remove-date-card{gap:11px;padding:7px 11px}.add-remove-date-card h3{font-size:1.209rem}.add-date-form{gap:11px}.add-date-form .input-group{gap:7px}.add-date-form .input-group label{font-size:.782rem}.add-date-form .input-group input[type=datetime-local]{width:156px;padding:4px 9px;font-size:.64rem}.btn-confirm-date{width:32px;height:32px;padding:4px 9px;font-size:.939rem}.add-remove-date-scroll-area{height:192px}.add-remove-date-scroll-area .list-item{height:37px!important;min-height:45px!important;margin-bottom:8px!important;padding:0 7px!important}.add-remove-date-scroll-area .icon-btn{width:21px;min-width:21px;height:21px}.add-remove-date-scroll-area .action-icon{height:10px}.date-only-row{font-size:.711rem}}@media (width<=1280px) and (resolution<=1.19x){.main-container-scheduling-panel h2{margin-bottom:22px;font-size:1.36rem}.scheduling-scroll-area{max-height:72%}.scheduling-scroll-area .list-legend span,.scheduling-scroll-area .list-row-data span{font-size:.68rem}.btn-add-date{width:180px;height:40px;margin-bottom:3px;font-size:.667rem}.add-remove-date-card{gap:10px;padding:7px 11px}.add-remove-date-card h3{font-size:1.133rem}.add-date-form{gap:10px}.add-date-form .input-group{gap:7px}.add-date-form .input-group label{font-size:.733rem}.add-date-form .input-group input[type=datetime-local]{width:147px;padding:4px 8px;font-size:.6rem}.btn-confirm-date{width:30px;height:30px;padding:3px 8px;font-size:.88rem}.add-remove-date-scroll-area{height:180px}.add-remove-date-scroll-area .list-item{height:37px!important;min-height:45px!important;margin-bottom:8px!important;padding:0 7px!important}.add-remove-date-scroll-area .icon-btn{width:19px;min-width:19px;height:19px}.add-remove-date-scroll-area .action-icon{height:9px}.date-only-row{font-size:.667rem}}@media (width<=768px){.main-container-scheduling-panel{width:100%;height:auto;margin-top:120px;margin-bottom:20px;margin-left:0;padding:20px 10px}.main-container-scheduling-panel h2{text-align:center;font-size:1.2rem}.scheduling-scroll-area{max-height:none;padding-right:0;overflow-y:visible}.main-container-scheduling-panel .list-legend{display:none}.main-container-scheduling-panel .list-row-data{flex-direction:column;align-items:flex-start;gap:5px;width:75%;display:flex}.main-container-scheduling-panel .list-row-data span{font-size:.9rem}.main-container-scheduling-panel .list-row-data span:first-child{font-size:1rem;font-weight:500;color:#3c7975!important}.main-container-scheduling-panel .list-item{height:auto;min-height:60px;margin-bottom:10px;padding:15px 10px;width:100%!important}.btn-add-date{z-index:100;width:210px;height:50px;font-size:.8rem;position:fixed;bottom:50px;right:20px;box-shadow:0 4px 10px #0000004d}.add-remove-date-card{gap:15px;width:90%;padding:20px}.add-remove-date-card h3{font-size:1.3rem}.add-date-form{flex-direction:column;gap:15px}.add-date-form .input-group{flex-direction:column;gap:8px;width:100%}.add-date-form .input-group label{white-space:normal;font-size:1rem}.add-date-form .input-group input[type=datetime-local]{width:100%;padding:8px;font-size:.9rem}.btn-confirm-date{width:100%;height:45px;font-size:1.2rem}.add-remove-date-scroll-area{scrollbar-width:none;-ms-overflow-style:none;height:200px;max-height:none;padding-right:0;overflow-y:auto}.add-remove-date-scroll-area::-webkit-scrollbar{display:none}.add-remove-date-scroll-area .list-item{width:100%!important;margin-left:0!important;margin-right:0!important}.empty-dates-text{margin-top:40px;font-size:.95rem}}.production-page-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;overflow:hidden}.main-container-production-status-panel{box-sizing:border-box;background-color:#d9d9d94d;flex-direction:column;justify-content:flex-start;align-items:center;width:min(1308px,100%);animation:.5s ease-in welcome-container-animation;display:flex}.main-container-production-status-panel h2{color:#3c7975;margin-bottom:45px;font-family:Poppins,sans-serif;font-size:2.04rem}.production-scroll-area{scrollbar-width:thin;scrollbar-color:#fff9 transparent;flex-direction:column;flex-grow:1;width:100%;max-height:71%;margin-bottom:20px;padding-right:10px;display:flex;overflow-y:auto}.production-scroll-area::-webkit-scrollbar{width:6px}.production-scroll-area::-webkit-scrollbar-track{background:0 0}.production-scroll-area::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:10px}.production-scroll-area .list-item{flex-shrink:0!important}.main-container-production-status-panel .list-legend{grid-template-columns:1fr 2fr 1fr 60px;align-items:center;width:100%;display:grid}.main-container-production-status-panel .list-legend span{text-align:left;padding-bottom:10px;padding-left:10px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;color:#fffc!important}.main-container-production-status-panel .list-row-data{grid-template-columns:1fr 2fr 1fr 60px;align-items:center;width:100%;display:grid}.main-container-production-status-panel .list-row-data span{text-align:left;padding-left:10px;font-size:.9rem;color:#fff!important}.btn-add-product{color:#fff;background-color:#1da299;flex-shrink:0;width:270px;height:60px;margin-top:auto;margin-bottom:5px;font-size:1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.btn-add-product:hover{background-color:#187e77}.add-product-card,.update-status-card,.delete-product-card{text-align:center;flex-direction:column;align-items:center;gap:15px;width:35%;padding:10px 16px;display:flex}.add-product-card h3,.update-status-card h3,.delete-product-card h3{color:#3c7975;margin:0;font-family:Poppins;font-size:1.7rem;font-weight:500}.update-status-card p{color:#666;margin-bottom:10px;font-family:Poppins}.add-product-form,.update-status-form{flex-direction:column;gap:15px;width:100%;display:flex}.add-product-form .input-group{grid-template-columns:1fr 1fr;align-items:center;gap:15px;width:100%;display:grid}.update-status-form .input-group{justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.add-product-form .input-group label,.update-status-form .input-group label{color:#666;text-align:right;justify-self:end;margin:0;font-family:Poppins;font-size:1.1rem}.add-product-form .input-group input,.add-product-form .input-group select,.update-status-form .input-group input,.update-status-form .input-group select{box-sizing:border-box;text-align:left;color:#333;appearance:none;background-color:#fff;outline:none;justify-self:start;width:100%;max-width:250px;padding:8px 12px;font-family:Poppins,sans-serif;font-size:.95rem;border:1px solid #ccc!important;border-radius:8px!important}.update-status-form .input-group select{flex-shrink:0;width:250px}.add-product-form .input-group input:focus,.add-product-form .input-group select:focus,.update-status-form .input-group input:focus,.update-status-form .input-group select:focus{border-color:#1da299!important}.btn-confirm-product,.btn-update-status{color:#fff;background-color:#1da299;width:35%;height:55px;margin:15px auto;font-size:1.1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.btn-confirm-product:hover,.btn-update-status:hover{background-color:#187e77}.delete-btn-group{justify-content:center;align-items:center;gap:20px;width:100%;margin-top:10px;margin-bottom:10px;display:flex}.btn-cancel-delete,.btn-confirm-delete{cursor:pointer;border-radius:8px;width:35%;height:50px;font-family:Poppins,sans-serif;font-size:1.1rem;transition:all .2s}.btn-cancel-delete{color:#666;background-color:#0000;border:1px solid #ccc}.btn-cancel-delete:hover{background-color:#f5f5f5}.btn-confirm-delete{color:#fff;background-color:#c0392b;border:none;box-shadow:1px 1px 4px #0000004d}.btn-confirm-delete:hover{background-color:#a53125}@media (width<=1600px){.main-container-production-status-panel{width:min(1090px,100vw - 26% - 40px);padding:30px}.main-container-production-status-panel h2{margin-bottom:38px;font-size:1.7rem}.production-scroll-area{max-height:74%}.production-scroll-area .list-legend span,.production-scroll-area .list-row-data span{font-size:.85rem}.btn-add-product{width:225px;height:50px;margin-bottom:4px;font-size:.833rem}.add-product-card h3{font-size:1.3rem}.add-product-form,.update-status-form{gap:13px}.add-product-form .input-group,.update-status-form .input-group{gap:12px}.add-product-form .input-group label,.update-status-form .input-group label{font-size:.917rem}.add-product-form .input-group input,.add-product-form .input-group select,.update-status-form .input-group input,.update-status-form .input-group select{max-width:208px;padding:7px 10px;font-size:.792rem}.update-status-form .input-group select{width:208px}.btn-confirm-product,.btn-update-status{width:35%;height:46px;margin:12px auto;font-size:.917rem}.delete-product-card p{font-size:.95rem!important}.delete-product-card p span{font-size:.85rem!important}.delete-btn-group{gap:17px}.btn-cancel-delete,.btn-confirm-delete{width:40%;height:42px;font-size:.917rem}}@media (width<=1366px){.main-container-production-status-panel{width:min(931px,100vw - 26% - 40px);padding:26px}.main-container-production-status-panel h2{margin-bottom:32px;font-size:1.451rem}.production-scroll-area{max-height:72%}.production-scroll-area .list-legend span,.production-scroll-area .list-row-data span{font-size:.726rem}.btn-add-product{width:192px;height:43px;margin-bottom:4px;font-size:.711rem}.add-product-card h3{font-size:1.11rem}.add-product-form,.update-status-form{gap:11px}.add-product-form .input-group,.update-status-form .input-group{gap:10px}.add-product-form .input-group label,.update-status-form .input-group label{font-size:.783rem}.add-product-form .input-group input,.add-product-form .input-group select,.update-status-form .input-group input,.update-status-form .input-group select{max-width:178px;padding:6px 9px;font-size:.676rem}.update-status-form .input-group select{width:178px}.btn-confirm-product,.btn-update-status{width:35%;height:39px;margin:10px auto;font-size:.783rem}.delete-product-card p{font-size:.85rem!important}.delete-product-card p span{font-size:.75rem!important}.delete-btn-group{gap:14px}.btn-cancel-delete,.btn-confirm-delete{width:45%;height:36px;font-size:.783rem}}@media (width<=1280px) and (resolution<=1.19x){.main-container-production-status-panel h2{margin-bottom:22px;font-size:1.36rem}.production-scroll-area{max-height:72%}.production-scroll-area .list-legend span,.production-scroll-area .list-row-data span{font-size:.68rem}.btn-add-product{width:180px;height:40px;margin-bottom:3px;font-size:.667rem}.add-product-card h3{font-size:1.04rem}.add-product-form,.update-status-form{gap:10px}.add-product-form .input-group,.update-status-form .input-group{gap:9px}.add-product-form .input-group label,.update-status-form .input-group label{font-size:.733rem}.add-product-form .input-group input,.add-product-form .input-group select,.update-status-form .input-group input,.update-status-form .input-group select{max-width:167px;padding:5px 8px;font-size:.633rem}.update-status-form .input-group select{width:167px}.btn-confirm-product,.btn-update-status{width:35%;height:37px;margin:10px auto;font-size:.733rem}.delete-product-card p{font-size:.85rem!important}.delete-product-card p span{font-size:.75rem!important}.delete-btn-group{gap:13px}.btn-cancel-delete,.btn-confirm-delete{width:45%;height:33px;font-size:.733rem}}@media (width<=768px){.main-container-production-status-panel{width:100%;height:auto;margin-top:120px;margin-bottom:20px;margin-left:0;padding:20px 10px}.main-container-production-status-panel h2{text-align:center;font-size:1.2rem}.production-scroll-area{max-height:none;padding-right:0;overflow-y:visible}.main-container-production-status-panel .list-legend{display:none}.main-container-production-status-panel .list-row-data{flex-direction:column;align-items:flex-start;gap:5px;width:75%;display:flex}.main-container-production-status-panel .list-row-data span{font-size:.9rem}.main-container-production-status-panel .list-row-data span:first-child{font-size:1rem;font-weight:500;color:#3c7975!important}.main-container-production-status-panel .list-item{height:auto;min-height:60px;margin-bottom:10px;padding:15px 10px;width:100%!important}.btn-add-product{z-index:100;width:210px;height:50px;font-size:.8rem;position:fixed;bottom:50px;right:20px;box-shadow:0 4px 10px #0000004d}.add-product-card,.update-status-card,.delete-product-card{gap:15px;width:90%;padding:20px}.add-product-card h3,.update-status-card h3{font-size:1.3rem}.add-product-form .input-group,.update-status-form .input-group{grid-template-columns:1fr;gap:5px;display:grid}.add-product-form .input-group label,.update-status-form .input-group label{text-align:left;justify-self:start;font-size:1rem}.add-product-form .input-group input,.add-product-form .input-group select,.update-status-form .input-group input,.update-status-form .input-group select{width:100%;max-width:100%;padding:10px 12px;font-size:.9rem}.btn-confirm-product,.btn-update-status{width:100%;height:50px;margin:20px 0 0;font-size:1.1rem}.delete-product-card p{margin:10px 0!important;font-size:.95rem!important}.delete-product-card p span{font-size:.85rem!important}.delete-btn-group{flex-direction:column;gap:10px;width:100%;margin-top:15px}.btn-cancel-delete,.btn-confirm-delete{width:100%;height:50px;font-size:1rem}.btn-confirm-delete{order:-1}}.incident-page-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;overflow:hidden}.main-container-incident-history{box-sizing:border-box;background-color:#d9d9d94d;flex-direction:column;justify-content:flex-start;align-items:center;width:min(1308px,100%);animation:.5s ease-in welcome-container-animation;display:flex}.main-container-incident-history h2{color:#3c7975;margin-bottom:45px;font-family:Poppins,sans-serif;font-size:2.04rem}.incident-scroll-area{scrollbar-width:thin;scrollbar-color:#fff9 transparent;flex-direction:column;flex-grow:1;width:100%;max-height:71%;margin-bottom:20px;padding-right:10px;display:flex;overflow-y:auto}.incident-scroll-area::-webkit-scrollbar{width:6px}.incident-scroll-area::-webkit-scrollbar-track{background:0 0}.incident-scroll-area::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:10px}.incident-scroll-area .list-item{flex-shrink:0!important}.main-container-incident-history .list-legend{grid-template-columns:1fr .5fr 2.3fr .7fr 60px;align-items:center;width:100%;display:grid}.main-container-incident-history .list-legend span{text-align:left;padding-bottom:10px;padding-left:10px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;color:#fffc!important}.main-container-incident-history .list-row-data{grid-template-columns:1fr .5fr 2.3fr .7fr 60px;align-items:center;width:100%;display:grid}.main-container-incident-history .list-row-data span{text-align:left;padding-left:10px;font-size:.9rem;color:#fff!important}.main-container-incident-history .occurrence-description-preview{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;min-width:0;max-width:100%;overflow:hidden}.main-container-incident-history .occurrence-description-preview:hover{text-decoration:underline}.exclude-occurrence-card{text-align:center;flex-direction:column;align-items:center;gap:15px;width:25%;padding:10px 16px;display:flex}.exclude-occurrence-card h3{color:#3c7975;margin:0;font-family:Poppins;font-size:1.7rem;font-weight:500}.btn-container{gap:10px;display:flex}.yes-btn{color:#fff;background-color:#1da299;flex-shrink:0;width:120px;height:50px;margin-top:auto;margin-bottom:30px;font-size:1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.yes-btn:hover{background-color:#187e77}.no-btn{color:#fff;background-color:#cc5031;flex-shrink:0;width:120px;height:50px;margin-top:auto;margin-bottom:30px;font-size:1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.no-btn:hover{background-color:#c73d1a}.respond-occurrence-card{text-align:center;flex-direction:column;align-items:center;gap:15px;width:35%;padding:10px 16px;display:flex}.respond-occurrence-card h3{color:#3c7975;margin:0;font-family:Poppins,sans-serif;font-size:1.7rem;font-weight:500}.respond-occurrence-subtitle{color:#666;margin:0;font-family:Poppins,sans-serif}.respond-occurrence-description{color:#888;word-break:break-word;max-width:100%;margin:0;font-family:Poppins,sans-serif;font-size:.95rem}.respond-occurrence-form{flex-direction:column;gap:15px;width:100%;display:flex}.respond-occurrence-form .input-group{flex-direction:column;align-items:stretch;width:100%;display:flex}.respond-occurrence-form .input-group label{color:#666;text-align:left;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:1.1rem}.respond-occurrence-form .input-group textarea{box-sizing:border-box;color:#333;resize:vertical;background-color:#fff;outline:none;width:100%;padding:10px;font-family:Poppins,sans-serif;font-size:.95rem;border:1px solid #ccc!important;border-radius:8px!important}.respond-occurrence-form .input-group textarea:focus{border-color:#1da299!important}.btn-send-response{color:#fff;cursor:pointer;background-color:#1da299;border:none;border-radius:8px;width:35%;height:55px;margin:15px auto;font-family:Poppins,sans-serif;font-size:1.1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.btn-send-response:hover{background-color:#187e77}.view-description-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:35%;max-width:520px;padding:10px 16px 24px;display:flex}.view-description-text{color:#333;text-align:left;white-space:pre-wrap;word-break:break-word;width:100%;max-height:50vh;margin:0;font-family:Poppins,sans-serif;font-size:1rem;overflow-y:auto}@media (width<=1600px){.main-container-incident-history{width:min(1090px,100vw - 26% - 40px);padding:30px}.main-container-incident-history h2{margin-bottom:38px;font-size:1.7rem}.incident-scroll-area{max-height:74%}.incident-scroll-area .list-legend span,.incident-scroll-area .list-row-data span{font-size:.85rem}.exclude-occurrence-card{gap:13px}.exclude-occurrence-card h3{font-size:1.417rem}.yes-btn,.no-btn{width:110px;height:45px;margin-bottom:20px;font-size:.95rem}.respond-occurrence-card{gap:13px;width:40%}.respond-occurrence-card h3{font-size:1.417rem}.respond-occurrence-form .input-group label{font-size:1rem}.respond-occurrence-form .input-group textarea{font-size:.9rem}.btn-send-response{width:40%;height:50px;font-size:1rem}.view-description-card{gap:10px;width:40%}.view-description-text{font-size:.9rem}.occurrence-x-btn-img{width:24px;height:24px}}@media (width<=1366px){.main-container-incident-history{width:min(931px,100vw - 26% - 40px);padding:26px}.main-container-incident-history h2{margin-bottom:32px;font-size:1.451rem}.incident-scroll-area{max-height:72%}.incident-scroll-area .list-legend span,.incident-scroll-area .list-row-data span{font-size:.726rem}.exclude-occurrence-card{gap:11px}.exclude-occurrence-card h3{font-size:1.209rem}.yes-btn,.no-btn{width:94px;height:38px;margin-bottom:17px;font-size:.811rem}.respond-occurrence-card{gap:11px;width:45%}.respond-occurrence-card h3{font-size:1.209rem}.respond-occurrence-form .input-group label{font-size:.854rem}.respond-occurrence-form .input-group textarea{font-size:.811rem}.btn-send-response{width:45%;height:42px;font-size:.854rem}.view-description-card{gap:10px;width:45%}.view-description-text{font-size:.811rem}.occurrence-x-btn-img{width:21px;height:21px}}@media (width<=1280px) and (resolution<=1.19x){.main-container-incident-history h2{margin-bottom:22px;font-size:1.36rem}.incident-scroll-area{max-height:72%}.incident-scroll-area .list-legend span,.incident-scroll-area .list-row-data span{font-size:.68rem}.exclude-occurrence-card{gap:10px}.exclude-occurrence-card h3{font-size:1.133rem}.yes-btn,.no-btn{width:88px;height:36px;margin-bottom:16px;font-size:.76rem}.respond-occurrence-card{gap:10px}.respond-occurrence-card h3{font-size:1.133rem}.respond-occurrence-form .input-group label{font-size:.8rem}.respond-occurrence-form .input-group textarea{font-size:.76rem}.btn-send-response{width:45%;height:40px;font-size:.8rem}.view-description-card{gap:10px;width:48%}.view-description-text{font-size:.76rem}.occurrence-x-btn-img{width:19px;height:19px}}@media (width<=768px){.main-container-incident-history{width:100%;height:auto;margin-top:120px;margin-bottom:20px;margin-left:0;padding:20px 10px}.main-container-incident-history h2{text-align:center;font-size:1.2rem}.incident-scroll-area{max-height:none;padding-right:0;overflow-y:visible}.main-container-incident-history .list-legend{display:none}.main-container-incident-history .list-row-data{flex-direction:column;align-items:flex-start;gap:5px;width:75%;display:flex}.main-container-incident-history .list-row-data span{font-size:.9rem}.main-container-incident-history .list-row-data span:first-child{font-size:1rem;font-weight:500;color:#3c7975!important}.main-container-incident-history .list-item{height:auto;min-height:60px;margin-bottom:10px;padding:15px 10px;width:100%!important}.exclude-occurrence-card{gap:20px;width:85%;padding:15px}.exclude-occurrence-card h3{font-size:1.3rem}.btn-container{justify-content:space-around;width:100%}.yes-btn,.no-btn{width:45%;height:50px;margin-bottom:10px;font-size:1rem}.respond-occurrence-card{gap:20px;width:85%;padding:15px}.respond-occurrence-card h3{font-size:1.3rem}.respond-occurrence-form .input-group label{font-size:1rem}.respond-occurrence-form .input-group textarea{font-size:.95rem}.btn-send-response{width:100%;height:50px;font-size:1rem}.view-description-card{gap:15px;width:85%;padding:15px}.view-description-text{font-size:.95rem}.occurrence-x-btn-img{width:26px;height:26px}}.message-page-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;overflow:hidden}.main-container-message-editor{box-sizing:border-box;background-color:#d9d9d94d;flex-direction:column;justify-content:flex-start;align-items:center;width:min(1308px,100%);animation:.5s ease-in welcome-container-animation;display:flex}.main-container-message-editor h2{color:#3c7975;margin-bottom:45px;font-family:Poppins,sans-serif;font-size:2.04rem}.messages-scroll-area{scrollbar-width:thin;scrollbar-color:#fff9 transparent;flex-direction:column;gap:15px;width:100%;max-height:60vh;margin-top:10px;padding-right:10px;display:flex;overflow-y:auto}.messages-scroll-area::-webkit-scrollbar{width:6px}.messages-scroll-area::-webkit-scrollbar-track{background:0 0}.messages-scroll-area::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:10px}.main-container-message-editor .list-item{min-height:80px;flex-shrink:0!important;height:auto!important;margin-bottom:0!important;padding:15px 50px 15px 15px!important}.main-container-message-editor .message-content{flex:1;min-width:0;padding-right:15px}.main-container-message-editor .message-title{text-align:center;font-size:1rem;display:block}.main-container-message-editor .message-body{text-align:center;white-space:pre-line;white-space:pre-wrap;overflow-wrap:break-word;font-size:.95rem;display:block}.edit-message-card{text-align:center;flex-direction:column;align-items:center;gap:15px;width:35%;padding:10px 16px;display:flex}.edit-message-card h3{color:#3c7975;margin:0;font-family:Poppins,sans-serif;font-size:1.7rem;font-weight:500}.edit-message-subtitle{color:#666;margin-bottom:10px;font-family:Poppins,sans-serif}.edit-message-form{flex-direction:column;gap:15px;width:100%;display:flex}.edit-message-form .input-group{flex-direction:column;align-items:stretch;width:100%;display:flex}.edit-message-form .input-group label{color:#666;text-align:left;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:1.1rem}.edit-message-form .input-group textarea{box-sizing:border-box;color:#333;resize:vertical;background-color:#fff;outline:none;width:100%;padding:10px;font-family:Poppins,sans-serif;font-size:.95rem;border:1px solid #ccc!important;border-radius:8px!important}.edit-message-form .input-group textarea:focus{border-color:#1da299!important}.btn-save-message{color:#fff;background-color:#1da299;width:35%;height:55px;margin:15px auto;font-size:1.1rem;transition:background-color .2s;box-shadow:1px 1px 4px #0000004d}.btn-save-message:hover{background-color:#187e77}@media (width<=1600px){.main-container-message-editor{width:min(1090px,100vw - 26% - 40px);padding:30px}.main-container-message-editor h2{margin-bottom:38px;font-size:1.7rem}.main-container-message-editor .message-title{font-size:.833rem}.main-container-message-editor .message-body{font-size:.792rem}.edit-message-card h3{font-size:1.417rem}.edit-message-form{gap:13px}.edit-message-form .input-group label{font-size:.917rem}.edit-message-form .input-group textarea{padding:8px;font-size:.792rem}.btn-save-message{width:35%;height:46px;margin:13px auto;font-size:.917rem}}@media (width<=1366px){.main-container-message-editor{width:min(931px,100vw - 26% - 40px);padding:26px}.main-container-message-editor h2{margin-bottom:32px;font-size:1.451rem}.main-container-message-editor .message-title{font-size:.711rem}.main-container-message-editor .message-body{font-size:.676rem}.edit-message-card h3{font-size:1.209rem}.edit-message-form{gap:11px}.edit-message-form .input-group label{font-size:.783rem}.edit-message-form .input-group textarea{padding:7px;font-size:.676rem}.btn-save-message{width:35%;height:39px;margin:11px auto;font-size:.783rem}}@media (width<=1280px) and (resolution<=1.19x){.main-container-message-editor h2{margin-bottom:22px;font-size:1.36rem}.main-container-message-editor .message-title{font-size:.667rem}.main-container-message-editor .message-body{font-size:.633rem}.edit-message-card h3{font-size:1.133rem}.edit-message-form{gap:10px}.edit-message-form .input-group label{font-size:.733rem}.edit-message-form .input-group textarea{padding:7px;font-size:.633rem}.btn-save-message{width:35%;height:37px;margin:11px auto;font-size:.733rem}}@media (width<=768px){.main-container-message-editor{width:100%;height:auto;margin-top:120px;margin-bottom:20px;margin-left:0;padding:20px 10px}.main-container-message-editor h2{text-align:center;font-size:1.2rem}.messages-scroll-area{max-height:none;padding-right:0;overflow-y:visible}.main-container-message-editor .list-item{min-height:60px;width:100%!important;padding:15px 40px 15px 10px!important}.main-container-message-editor .message-title{text-align:left;font-size:.95rem}.main-container-message-editor .message-body{text-align:left;font-size:.9rem}.edit-message-card{gap:15px;width:90%;padding:20px}.edit-message-card h3{font-size:1.3rem}.edit-message-form .input-group label{font-size:1rem}.edit-message-form .input-group textarea{padding:10px 12px;font-size:.9rem}.btn-save-message{width:100%;height:50px;margin:20px 0 0;font-size:1.1rem}}