:root{--primary:#3b82f6;--primary-dark:#2563eb;--coolGrey:#64748b;--btnInactive:#cbd5e1;--foreground:#000;--card:#fff;--border:#dee2e6;--destructive:#dc2626;--muted-foreground:#6b7280}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}img{width:100%}ul{padding:0;list-style:none}li{list-style:none}.App{background-color:gray;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;display:flex}.button{text-align:center;border-radius:38px;margin:0 16px 0 0;padding:8px 27px;font-weight:500;transition:all 1s;display:inline-block}.button.btn-brand{color:#fff;background-color:#000;border:1px solid #000}.button.btn-brand:hover{color:#fff;background-color:#212529;border-color:#212529}.button.btn-outline-brand{color:#000;background-color:#fff;border:1px solid #000}.button.btn-outline-brand:hover{color:#fff;background-color:#212529;border-color:#212529}.report-btn{color:#fff;white-space:nowrap;text-align:center;background-color:#4caf50;border-radius:12px;padding:10px;font-size:smaller}.form-control,.form-select,.input-group-text{box-shadow:none;border-color:#dee2e6;outline:none;padding:12px 10px}.form-control:focus,.form-select:focus,.input-group-text:focus{box-shadow:none;border-color:#ced4da;outline:none}.link,a{color:inherit;text-decoration:none}@media (min-width:568px){.mobile-container{scrollbar-width:none;-ms-overflow-style:none;border-radius:44px;width:375px;height:760px;position:relative;overflow:auto;box-shadow:0 25px 50px -12px #00000040}.App{padding:30px}.report-categories{max-height:170px;padding-right:10px;overflow-y:auto}}@media (max-width:567px){.mobile-container{width:100%;max-width:100%;height:100vh;box-shadow:none;scrollbar-width:none;-ms-overflow-style:none;border-radius:0;overflow-y:auto}.mobile-container::-webkit-scrollbar{display:none}.App{padding:0}.report-categories{max-height:200px;padding-right:10px;overflow-y:auto}}.splash-screen{color:#fff;opacity:1;background-color:#000;flex-direction:column;justify-content:center;align-items:center;height:100%;transition:opacity 2.3s ease-out;display:flex}.splash-screen.hidden{opacity:0}.splash_message-container{flex-wrap:nowrap;justify-content:center;align-items:center;width:fit-content;display:flex}.splash-logo{width:50px;height:80px}.search-bar-container{justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}.search-bar{border:1px solid #ccc;border-radius:12px;width:90%;margin-top:10px;margin-bottom:10px;padding:8px;position:relative}.search-icon{margin-left:10px;font-size:20px}.search-bar input{border:none;outline:none;width:80%}footer{width:100%;padding:3px 20px 10px;overflow:hidden}.footer{justify-content:space-between;align-items:center;padding:4px;display:flex}.phone-btn{color:#fff;background-color:green;border-radius:100%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.user-btn{color:#fff;background-color:#000;border-radius:100%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.loading__container{position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.loading__circle{border:2px solid #0000;border-bottom-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signup{background-color:#fff;flex-direction:column;height:100%;display:flex}.section-title{text-align:left;max-width:600px;margin:40px 0 0 10px;padding:10px}.cursor-pointer{cursor:pointer}.signup .form-control,.signup .input-group-text,.login .form-control,.login .input-group-text{box-shadow:none;border-color:#dee2e6;outline:none;padding:12px 10px}.signup .form-control:focus,.signup .input-group-text:focus,.login .form-control:focus,.login .input-group-text:focus{box-shadow:none;border-color:#ced4da;outline:none}input{box-shadow:none;border-color:#212529;outline:none}.login{background-color:#fff;flex-direction:column;height:100%;display:flex}footer{bottom:0}.welcome{background-color:#fff;flex-direction:column;height:100%;display:flex}.welcome-title{text-align:center;max-width:600px;margin:40px auto 0;padding:10px}.missing{background-color:#fff;flex-direction:column;height:100%;display:flex}.missing .section-title{text-align:center;max-width:600px;padding:10px}.banner-message{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.report{background-color:#fff;flex-direction:column;height:100%;display:flex}.report .report-section-title{text-align:center;margin:10px 0 0;padding:10px 0}.handleForm{max-height:90vh;padding-right:10px;overflow-y:auto}.handleForm::-webkit-scrollbar{display:none}.handleForm{scrollbar-width:none}.submit{background-color:#f8f9fa;flex-direction:column;height:100%;display:flex}.back-arrow{cursor:pointer;align-self:start;margin:50px 0 0 30px;font-size:24px}.section-title{text-align:center;margin-bottom:20px}.checkmark-circle{background-color:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex}.checkmark{width:100px;height:100px}.checkmark-circle circle{stroke:none;stroke-width:2px;stroke-miterlimit:10}.checkmark-check{stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;animation:.5s ease-in-out .3s forwards checkmark}@keyframes checkmark{0%{stroke-dasharray:50 50;stroke-dashoffset:50px}to{stroke-dasharray:50 50;stroke-dashoffset:0}}.home-page{background-color:#fff;flex-direction:column;height:100%;display:flex}.home-page .home-page-btn{color:#fff;text-align:center;flex:nowrap;background-color:green;border-radius:10px;padding:4px 12px}.main{scrollbar-width:none;-ms-overflow-style:none;flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.main::-webkit-scrollbar{display:none}.safety-tips ul{list-style-type:"none"}.safety-tips li{margin-bottom:10px;padding-left:25px;position:relative}.safety-tips li:before{content:"📌";position:absolute;top:0;left:0}.hotlines-page{-ms-overflow-style:none;scrollbar-width:none;background-color:#fff;flex-direction:column;min-height:100%;padding-bottom:20px;display:flex}.hotlines-page::-webkit-scrollbar{display:none}.hotlines-page{-ms-overflow-style:none;scrollbar-width:none}.report-categories::-webkit-scrollbar{width:8px}.report-categories::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.report-categories::-webkit-scrollbar-track{background-color:#f1f1f1}.mexican-wave:before{content:"";border-radius:100%;width:10px;height:10px;animation:.75s infinite backwards mexican-wave;position:absolute;transform:translateY(10px)}@keyframes mexican-wave{0%{-webkit-box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary);box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary)}15%{-webkit-box-shadow:-30px -20px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary);box-shadow:-30px -20px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary)}30%{-webkit-box-shadow:-30px -10px 0 0 var(--primary), -15px -20px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary);box-shadow:-30px -10px 0 0 var(--primary), -15px -20px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary)}45%{-webkit-box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -20px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary);box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -20px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary)}60%{-webkit-box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -20px 0 0 var(--primary), 30px -10px 0 0 var(--primary);box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -20px 0 0 var(--primary), 30px -10px 0 0 var(--primary)}75%{-webkit-box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -20px 0 0 var(--primary);box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -20px 0 0 var(--primary)}to{-webkit-box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary);box-shadow:-30px -10px 0 0 var(--primary), -15px -10px 0 0 var(--primary), 0 -10px 0 0 var(--primary), 15px -10px 0 0 var(--primary), 30px -10px 0 0 var(--primary)}}
