.app{background:linear-gradient(to bottom,#fff,#fffcf9)}html,body{overflow-x:hidden;margin:0;padding:0;width:100vw;height:100vh}body{display:flex}.unauthorized-container{max-width:500px;margin:100px auto;padding:30px;text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.unauthorized-container h1{color:#d32f2f;margin-bottom:16px}.user-info{margin:24px 0;padding:16px;background-color:#f5f5f5;border-radius:4px}.action-buttons{display:flex;justify-content:center;gap:16px;margin-top:24px}.primary-button{background-color:#184a5b;color:#fff;padding:10px 16px;text-decoration:none;border-radius:4px;font-weight:500}.secondary-button{background-color:#e0e0e0;color:#333;padding:10px 16px;text-decoration:none;border-radius:4px;font-weight:500}.otp-verification-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.otp-verification-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;width:90%;text-align:center}.otp-header h2{color:#333;margin:0 0 10px;font-size:24px}.otp-header p{color:#666;margin:0 0 30px;font-size:14px}.otp-input-container{display:flex;justify-content:center;gap:10px;margin:20px 0}.otp-input{width:50px;height:50px;text-align:center;font-size:20px;font-weight:700;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .3s}.otp-input:focus{border-color:#667eea;box-shadow:0 0 5px #667eea4d}.otp-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.otp-error{background:#fee;color:#c33;padding:10px;border-radius:6px;margin:10px 0;font-size:14px}.otp-timer{margin:20px 0;font-size:14px}.otp-timer p{margin:0;color:#666}.otp-timer .expired{color:#e74c3c;font-weight:700}.otp-actions{display:flex;flex-direction:column;gap:10px}.verify-btn,.resend-btn,.cancel-btn{padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.verify-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.verify-btn:disabled{background:#ccc;cursor:not-allowed}.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.resend-btn{background:#f8f9fa;color:#667eea;border:1px solid #667eea}.resend-btn:disabled{background:#f5f5f5;color:#ccc;border-color:#ccc;cursor:not-allowed}.resend-btn:hover:not(:disabled){background:#667eea;color:#fff}.cancel-btn{background:transparent;color:#666;border:1px solid #ddd}.cancel-btn:hover{background:#f5f5f5}.FabButtonFab{position:fixed;bottom:32px;right:32px;z-index:1300;box-shadow:0 6px 24px #0000002e;background-color:#184a5b!important;color:#fff}.DialogFab{position:fixed!important;right:32px;bottom:100px;margin:0;padding:0;width:350px;max-height:500px;border-radius:24px;box-shadow:0 6px 24px #00000040}.DialogTitleFab{background:#184a5b;color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;font-weight:600!important}.DialogContentFab{padding:0;background:#f4f7fa;height:400px;overflow-y:auto}.AnnouncementListFab{padding:16px}.AnnouncementItemFab{margin-bottom:16px;padding:16px;border-radius:12px;background:#d5dcdd;height:auto;box-shadow:0 1px 4px #00000014;overflow-wrap:break-word;word-wrap:break-word}.AnnouncementTitleFab{font-weight:700;color:#184a5b;margin-bottom:4px;font-weight:600!important;overflow-wrap:break-word;word-break:break-word}.AnnouncementDescriptionFab{color:#333;margin-bottom:8px;line-height:1.5;height:auto;width:100%!important;overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.AnnouncementImageFab{max-width:100%;border-radius:4px;margin-bottom:8px}.AnnouncementDateFab{color:#666;font-size:.75rem;font-style:italic}.CenteredFab{padding:24px;text-align:center}.BadgeFab .MuiBadge-badge{color:#fff;font-size:.95rem;font-weight:700;min-width:22px;height:22px;border-radius:50%;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;top:-17px;right:35px;z-index:1400}@media (max-width: 768px){.DialogFab{width:85%;max-width:450px;right:50%;bottom:50%;transform:translate(50%,50%)}.FabButtonFab{bottom:20px;right:20px}}@media (max-width: 480px){.DialogFab{width:90%;max-width:none;height:80%;max-height:550px;right:40%;bottom:50%;transform:translate(50%,50%);border-radius:16px}.DialogContentFab{height:calc(100% - 56px)}.FabButtonFab{bottom:16px;right:16px;height:48px!important;width:48px!important;min-height:0!important}.BadgeFab .MuiBadge-badge{top:-12px;right:24px;min-width:18px;height:18px;font-size:.8rem}.DialogTitleFab{padding:12px 16px;font-size:16px}.AnnouncementItemFab{padding:12px;margin-bottom:12px}}@media (max-width: 320px){.DialogFab{width:95%;height:85%}.AnnouncementTitleFab{font-size:14px}.AnnouncementDescriptionFab{font-size:12px}}.page-container{min-height:100vh;min-width:100vw;display:flex;justify-content:center;align-items:flex-start;padding:5px 20px;background-color:#f0f2f5;background-image:url(/assets/SIMunicipal-qUnRBbdf.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;box-sizing:border-box;position:relative}.page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f0f2f5b3;z-index:1}.page-container>.privacy-container{position:relative;z-index:2}.privacy-container{width:100%;max-width:1000px;background-color:#fafafaf2;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px 40px;box-sizing:border-box;color:#333;position:relative}.privacy-container h1{text-align:center;color:#1c4d5a;margin-bottom:30px;font-size:2rem}.DataPrivacy-label{color:#1c4d5a;margin-top:30px;font-size:1.4rem;text-align:left}.privacy-container h2{color:#255e82;margin-top:25px;font-size:1.3rem;text-align:left;font-size:1.5rem}.privacy-container h3{color:#0c4061;margin-top:20px;font-size:1.2rem}.privacy-container h4{color:#000;margin-top:15px;font-size:1.05rem}.privacy-container p{margin-bottom:15px;font-size:1rem;line-height:1.7}.privacy-container ul{margin-left:20px;margin-bottom:20px}.privacy-container ul li{margin-bottom:5px}.privacy-container strong{font-weight:600}.language-toggle-container{display:flex;justify-content:center;margin:20px 0 30px}.language-toggle-btn{background:linear-gradient(135deg,#154360,#0c4061);color:#fff;border:none;padding:6px 14px;border-radius:25px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #1543604d;min-width:130px;letter-spacing:.5px}.language-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #15436066;background:linear-gradient(135deg,#0c4061,#154360)}.language-toggle-btn:active{transform:translateY(0)}.language-toggle-btn.english-active,.language-toggle-btn.tagalog-active,.language-toggle-btn.tagalog-active:hover{background:linear-gradient(135deg,#154360,#0c4061)}.english-content,.tagalog-content{animation:fadeIn .3s ease-in}.proceed-button-container{display:flex;justify-content:center;margin:40px 0 20px;padding-top:30px;border-top:2px solid #e0e0e0}.proceed-button{background:linear-gradient(135deg,#154360,#0c4061);color:#fff;border:none;padding:8px 15px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #154360;text-transform:none;min-width:280px}.proceed-button:hover{background:linear-gradient(135deg,#154360,#0c4061);transform:translateY(-2px)}.proceed-button:active{transform:translateY(0)}#terms-and-conditions{margin:2px auto;padding:30px;border-radius:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}#terms-and-conditions h1{font-size:2rem;margin-bottom:15px;text-align:center;color:#154360}#terms-and-conditions h2{font-size:1.5rem;margin-top:25px;color:#255e82;text-align:left}#terms-and-conditions p,#terms-and-conditions li{line-height:1.7;margin-bottom:10px}#terms-and-conditions ul{padding-left:20px}#terms-and-conditions ul ul{margin-top:10px;padding-left:20px;list-style-type:circle}a{color:#007acc;text-decoration:none}a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.page-container{margin-left:0}}@media (max-width: 768px){.page-container{padding:20px 10px;margin-left:0;background-attachment:scroll}.privacy-container{padding:20px}.privacy-container h1{font-size:1.5rem}.privacy-container h2{font-size:1.2rem}.privacy-container h3{font-size:1.1rem}.privacy-container h4{font-size:1rem}.language-toggle-btn{padding:10px 20px;font-size:.9rem;min-width:100px}.language-toggle-container{margin:15px 0 25px}}.LogInContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:6vh;height:100vh;width:100vw;text-align:center}.LogIn:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/HeroBg-4fI-ib2x.JPEG);background-size:cover;background-position:center;background-attachment:fixed;z-index:-2}.LogIn:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#d0d7deb3;z-index:-1}@media (max-width: 575px){.LogInContainer{flex-direction:column;padding:15px;margin-top:2vh;height:auto;min-height:100vh}.LogIn:before{background-attachment:scroll}}@media (min-width: 576px) and (max-width: 767px){.LogInContainer{flex-direction:column;padding:20px;margin-top:3vh}.LogIn:before{background-attachment:scroll}}@media (min-width: 768px) and (max-width: 991px){.LogInContainer{flex-direction:column;padding:25px;margin-top:4vh}}@media (min-width: 992px) and (max-width: 1199px){.LogInContainer{flex-direction:row;padding:30px;margin-top:5vh}}@media (min-width: 1200px) and (max-width: 1399px){.LogInContainer{flex-direction:row;padding:40px;margin-top:6vh}}@media (min-width: 1400px){.LogInContainer{flex-direction:row;padding:50px;margin-top:7vh;margin-left:auto;margin-right:auto}}@media (orientation: portrait) and (max-width: 991px){.LogInContainer{flex-direction:column;height:auto;min-height:100vh}}@media (orientation: landscape) and (max-height: 600px){.LogInContainer{margin-top:2vh;padding:10px}.LogIn:before{background-attachment:scroll}}.LogInContainerContent{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:70px;background-color:#184a5b;min-height:542px;text-align:center;border-radius:10px 0 0 10px}.WelcomeMessage{margin-bottom:16px;color:#fff}.MainTitle{font-weight:700;color:#fff;margin-bottom:16px;font-size:2rem;font-weight:600!important}.PlaceholderText{color:#c2c7cb;margin-bottom:32px!important;max-width:500px;font-size:1rem}.SignUpText{color:#fff!important}.SignUpButton{border-radius:8px;border-color:#fff!important;color:#fff!important;text-transform:uppercase;padding:12px 30px;font-size:1rem}.SignUpButton:hover{border-color:#fff!important;background-color:#fff!important;color:#184a5b!important}@media (max-width: 575px){.LogInContainerContent{padding:20px;min-height:auto;border-radius:10px;margin:10px;width:calc(95% - 20px)}.WelcomeMessage{font-size:.9rem;margin-bottom:12px}.MainTitle{font-size:1.8rem;margin-bottom:12px}.PlaceholderText{font-size:.9rem;margin-bottom:20px!important;max-width:280px}.SignUpButton{font-size:.9rem;padding:10px 25px}}@media (min-width: 576px) and (max-width: 767px){.LogInContainerContent{padding:30px;min-height:auto;border-radius:10px;width:90%}.WelcomeMessage{font-size:1rem;margin-bottom:14px}.MainTitle{font-size:2rem;margin-bottom:14px}.PlaceholderText{font-size:.95rem;margin-bottom:24px!important;max-width:350px}.SignUpButton{font-size:1rem;padding:12px 35px}}@media (min-width: 768px) and (max-width: 991px){.LogInContainerContent{padding:40px;border-radius:10px;width:400px;min-height:auto}.WelcomeMessage{font-size:1.1rem;margin-bottom:15px}.MainTitle{font-size:2.2rem;margin-bottom:15px}.PlaceholderText{font-size:1rem;margin-bottom:28px!important;max-width:420px}.SignUpButton{font-size:1.1rem;padding:14px 40px}}@media (min-width: 992px) and (max-width: 1199px){.LogInContainerContent{padding:50px;border-radius:10px 0 0 10px;min-height:542px}.WelcomeMessage{font-size:1.2rem;margin-bottom:16px}.MainTitle{font-size:2.4rem;margin-bottom:16px}.PlaceholderText{font-size:1.05rem;margin-bottom:32px!important;max-width:480px}.SignUpButton{font-size:1.2rem;padding:15px 45px}}@media (min-width: 1200px) and (max-width: 1399px){.LogInContainerContent{padding:60px;border-radius:10px 0 0 10px;min-height:542px}.WelcomeMessage{font-size:1.3rem;margin-bottom:16px}.MainTitle{font-size:2.6rem;margin-bottom:16px}.PlaceholderText{font-size:1.1rem;margin-bottom:32px!important;max-width:500px}.SignUpButton{font-size:1.3rem;padding:16px 50px}}@media (min-width: 1400px){.LogInContainerContent{padding:70px;border-radius:10px 0 0 10px;min-height:542px}.WelcomeMessage{font-size:1.4rem;margin-bottom:16px}.MainTitle{font-size:2.8rem;margin-bottom:16px}.PlaceholderText{font-size:1.2rem;margin-bottom:32px!important;max-width:520px}.SignUpButton{font-size:1.4rem;padding:18px 55px}}@media (orientation: portrait) and (max-width: 991px){.LogInContainerContent{padding:20px;min-height:auto;border-radius:5px!important;margin:10px;width:calc(90% - 20px);margin-top:10vh!important}.MainTitle{font-size:1.8rem!important;margin-top:20px!important;margin-bottom:30px!important}.PlaceholderText{max-width:300px;font-size:.9rem!important;margin-bottom:20px!important}}@media (orientation: landscape) and (max-height: 600px){.LogInContainerContent{padding:15px;min-height:auto;border-radius:10px;width:85%;max-width:450px}.WelcomeMessage{font-size:.8rem;margin-bottom:6px}.MainTitle{font-size:1.4rem;margin-bottom:6px}.PlaceholderText{font-size:.8rem;margin-bottom:12px!important;max-width:350px}.SignUpButton{font-size:.8rem;padding:6px 18px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.LogInContainerContent{border-radius:12px 0 0 12px}.SignUpButton{border-radius:10px}}.DialogTitle{font-size:1.5rem;font-weight:700;padding-left:30px!important;text-align:center}.DialogContent{display:flex;flex-direction:column;gap:16px;padding-left:30px!important;padding-right:30px!important;min-height:150px}.DialogContentText{color:#0009;font-size:.9rem;text-align:center;margin-bottom:16px}.DialogActions{padding-bottom:30px!important;padding-left:30px!important;padding-right:30px!important;display:flex;gap:12px}.email-input{color:#184a5b!important;border-color:#184a5b!important}.ContinueButton{border-radius:8px!important;border-color:#184a5b!important;background-color:#184a5b!important;color:#fff!important;text-transform:uppercase!important;padding:12px 30px!important;font-size:1rem!important;flex:1}.ContinueButton:hover{background-color:#0f3a4a!important;box-shadow:0 4px 8px #184a5b4d!important}.ContinueButton:disabled{background-color:#ccc!important;color:#999!important}.CancelButton{border-radius:8px!important;border:1px solid #ccc!important;color:#666!important;text-transform:uppercase!important;padding:12px 30px!important;font-size:1rem!important}.CancelButton:hover{background-color:#f5f5f5!important;border-color:#999!important}.MuiTextField-root .MuiOutlinedInput-root{border-radius:8px}.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#184a5b}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#184a5b;box-shadow:0 0 5px #184a5b4d}@media (max-width: 600px){.DialogContent,.DialogActions{padding-left:20px!important;padding-right:20px!important}.ContinueButton,.CancelButton{padding:10px 20px!important;font-size:.9rem!important}}.DialogForgetPassword .MuiDialog-paper{border-radius:12px;max-width:500px}.MuiCircularProgress-root{color:#184a5b!important}.MuiAlert-root{border-radius:8px;font-size:.9rem}.LogInCardContainer{display:flex;flex-direction:column;align-self:center;width:100%;padding:75px;gap:16px;box-shadow:none!important;color:#184a5b;max-height:542px}.LogIn{margin:0vw}@media (min-width: 600px){.LogInCardContainer{width:450px}}.LogInTitle{font-weight:600!important;text-align:center;margin-bottom:16px;color:#184a5b}.LogInForm{display:flex;flex-direction:column;width:100%;gap:16px;box-shadow:none}.LogInLabel{text-align:left;display:block;margin-bottom:8px;color:#184a5b}.PasswordContainer{display:flex;justify-content:space-between}.forgot-password-link{align-self:start;color:#184a5b}.ForgotPassword{color:#184a5b!important;text-align:start;margin-top:10px!important}.ForgotPassword1{color:#fff!important;text-align:start;margin-top:10px!important}#email,#password{color:#fff}.TextField{background-color:#184a5b;color:#fff!important;border-radius:10px;box-shadow:none!important}.TextField.error{border-color:#f5f5f5!important;border-radius:10px;color:#fff!important}.MuiFormHelperText-root.Mui-error{color:#fff!important}.RememberMe{color:#184a5b}.RememberMe .MuiCheckbox-root,.RememberMe .MuiCheckbox-root.Mui-checked{color:#184a5b!important}.LoginButton{color:#fff!important;background-color:#184a5b!important;border-radius:8px}.LoginButton:hover{border-color:#184a5b!important;background-color:#fff!important;color:#184a5b!important}.TextField .MuiInputAdornment-root .MuiIconButton-root{color:#fff!important}.TextField .MuiInputAdornment-root .MuiIconButton-root:hover{background-color:#ffffff1a!important}.TextField .MuiOutlinedInput-input{color:#fff!important}.TextField .MuiOutlinedInput-input::placeholder{color:#ffffffb3!important;opacity:1}@media (max-width: 575px){.LogInCardContainer{width:calc(95% - 20px);padding:20px;max-height:none;margin:10px}.LogInTitle{font-size:1.8rem!important;margin-bottom:12px}.LogInForm{gap:12px}.TextField{font-size:14px}.LoginButton{padding:12px;font-size:16px}}@media (min-width: 576px) and (max-width: 767px){.LogInCardContainer{width:calc(90% - 20px);padding:30px;max-height:none;margin:10px}.LogInTitle{font-size:2rem!important;margin-bottom:14px}.LogInForm{gap:14px}.LoginButton{padding:14px}}@media (min-width: 768px) and (max-width: 991px){.LogInCardContainer{width:calc(90% - 20px);max-width:380px;padding:40px;margin:10px}.LogInTitle{font-size:2.2rem!important}.LogInForm{gap:15px}}@media (min-width: 992px) and (max-width: 1199px){.LogInCardContainer{width:420px;padding:50px}.LogInTitle{font-size:2.4rem!important}}@media (min-width: 1200px) and (max-width: 1399px){.LogInCardContainer{width:450px;padding:60px}.LogInTitle{font-size:2.5rem!important}}@media (min-width: 1400px){.LogInCardContainer{width:480px;padding:75px}.LogInTitle{font-size:2.6rem!important}.LogInForm{gap:18px}}@media (orientation: portrait) and (max-width: 991px){.LogInCardContainer{width:calc(90% - 20px);max-width:calc(85vw - 20px);padding:25px;max-height:none;margin:10px}.LogInTitle{font-size:1.9rem!important}}@media (orientation: landscape) and (max-height: 600px){.LogInCardContainer{padding:20px;max-height:none;width:calc(85% - 20px);max-width:430px;margin:10px}.LogInTitle{font-size:1.8rem!important;margin-bottom:10px}.LogInForm{gap:10px}.LoginButton{padding:10px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.LogInCardContainer,.TextField{border-radius:12px}.LoginButton{border-radius:10px}}.LoginButton.locked{background-color:#ffcdd2!important;color:#c62828!important;cursor:not-allowed!important}.LoginButton.locked:hover{background-color:#ffcdd2!important}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.TextField.error-shake{animation:shake .6s ease-in-out}.lockout-warning{background:linear-gradient(45deg,#ffebee,#ffcdd2);border:1px solid #ef5350;border-radius:8px;padding:16px;margin:16px 0;text-align:center}.lockout-countdown{font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;color:#c62828}.NavBarContainer{display:flex;flex-direction:row;align-items:center;padding:10px 20px;background-color:#fff;position:fixed;top:0%;width:100vw;box-shadow:0 4px 12px -2px #324b6414;z-index:100;box-sizing:border-box}.LogoNavBar{width:250px;margin-left:50px;height:auto}.LogoNavBar:after{content:"";display:inline-block;vertical-align:middle;height:36px;margin:0 32px 0 18px;border-left:1.5px solid #e6ecf1}.NavButtons{display:flex;align-items:center;flex-direction:row;justify-content:flex-end;margin-left:auto;margin-right:50px;color:#184a5b!important;font-weight:600!important;gap:10px;flex-wrap:wrap}.NavBarContainer Button{color:#184a5b;background:none;border:none;font-weight:600!important;font-size:16px!important;padding:8px 22px;margin:0 2px;border-radius:22px;transition:background .2s,box-shadow .2s,color .2s;letter-spacing:.01em;position:relative;overflow:hidden;white-space:nowrap}.NavBarContainer Button:hover,.NavBarContainer Button:focus{background:#e6f1f5;color:#15516b;box-shadow:0 2px 8px #184a5b12}.MuiMenu-paper{background:#f8fafc!important;box-shadow:0 8px 24px #00000017!important;border:1px solid #e3e6e8!important;border-radius:12px!important;min-width:220px!important;padding:8px 0}.ServiceItem{border-radius:8px!important;margin:2px 0;transition:background .1s}.ServiceItem:hover{background-color:#d5dcdd!important}@media (max-width: 1024px){.LogoNavBar{width:200px;margin-left:30px}.LogoNavBar:after{margin:0 20px 0 12px;height:32px}.NavButtons{margin-right:30px;gap:8px}.NavBarContainer Button{padding:6px 16px;font-size:15px!important}.NavBarContainer{padding:8px 15px}}@media (max-width: 767px){.LogoNavBar{width:160px;margin-left:15px}.LogoNavBar:after{margin:0 12px 0 8px;height:28px}.NavBarContainer{padding:8px 10px}.NavButtons{margin-right:15px;gap:6px}.NavBarContainer Button{padding:6px 12px;font-size:14px!important}.MuiMenu-paper{min-width:200px!important}}@media (min-width:385px) and (max-width: 560px){.NavBarContainer{padding:6px 8px;flex-wrap:nowrap}.LogoNavBar{width:120px;margin-left:5px}.LogoNavBar:after{margin:0 8px 0 4px;height:24px}.NavButtons{margin-right:5px;gap:2px!important;flex-wrap:wrap;justify-content:flex-end}.NavBarContainer Button{padding:2px 4px;font-size:8px!important;margin:0 1px;border-radius:18px}.MuiMenu-paper{min-width:180px!important;max-width:90vw!important}.ServiceItem{padding:8px 12px!important}.ServiceIcon{min-width:36px!important}}@media (max-width: 480px){.NavBarContainer{padding:4px 6px;flex-wrap:nowrap}.LogoNavBar{width:100px;margin-left:3px}.LogoNavBar:after{margin:0 6px 0 3px;height:20px}.NavButtons{margin-right:3px;gap:3px;flex-wrap:wrap;justify-content:flex-end}.NavBarContainer Button{padding:4px 6px;font-size:8px!important;margin:0 1px;border-radius:16px;min-width:auto}.MuiMenu-paper{min-width:150px!important;max-width:95vw!important}.ServiceItem{padding:6px 8px!important}.ServiceIcon{min-width:32px!important}}@media (max-width: 319px){.NavBarContainer{padding:3px 4px}.LogoNavBar{width:90px;margin-left:2px}.LogoNavBar:after{margin:0 4px 0 2px;height:18px}.NavButtons{margin-right:2px;gap:2px}.NavBarContainer Button{padding:3px 5px;font-size:8px!important;border-radius:14px}.MuiMenu-paper{min-width:140px!important;max-width:98vw!important}.ServiceItem{padding:4px 6px!important}}@media (min-width: 1440px){.LogoNavBar{width:280px;margin-left:80px}.LogoNavBar:after{margin:0 40px 0 24px;height:40px}.NavButtons{margin-right:80px;gap:15px}.NavBarContainer Button{padding:10px 26px;font-size:17px!important}.NavBarContainer{padding:12px 30px}}@media (max-height: 500px) and (orientation: landscape){.NavBarContainer{padding:4px 15px}.LogoNavBar{width:140px}.LogoNavBar:after{height:20px;margin:0 10px 0 6px}.NavBarContainer Button{padding:4px 10px;font-size:13px!important}}#section1,#username-container,#password-container{position:static!important;top:auto!important}#section1{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 24px;margin-bottom:24px}#username-container,#password-container,#confirmpassword-container{display:flex;flex-direction:column;grid-template-columns:repeat(3,1fr);margin-bottom:16px;margin-left:24px;margin-right:15px;position:relative}#username-container,#password-container,#confirmpassword-container{display:flex;flex-direction:column;position:relative}#username-container .labels,#password-container .labels,#confirmpassword-container .labels{font-size:14px;color:#555;margin-bottom:6px}#username-container input,#password-container input,#confirmpassword-container input{padding:12px;border-radius:8px;font-size:16px;border:1.5px solid #2a5764;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;width:99%;height:40px;box-sizing:border-box}#username-container input:focus,#password-container input:focus,#confirmpassword-container input:focus{outline:none;border:2px solid #24677a}.error-message{font-size:12px;color:red;margin-top:4px;position:absolute;bottom:-18px;left:0;width:100%;text-align:left}.error-message-password{font-size:10px;color:#b80505}.asterisk{color:red}.password-validation{margin-top:8px;padding:12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:12px;grid-column:2;margin-left:24px;margin-right:15px}.password-validation h4{margin:0 0 8px;font-size:13px;color:#333;font-weight:600}.validation-item{display:flex;align-items:center;margin-bottom:4px;transition:color .3s ease}.validation-item:last-child{margin-bottom:0}.validation-icon{width:16px;height:16px;margin-right:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:10px}.validation-icon.valid{background-color:#28a745;color:#fff}.validation-icon.invalid{background-color:#dc3545;color:#fff}.validation-text{flex:1}.validation-item.valid .validation-text{color:#28a745}.validation-item.invalid .validation-text{color:#dc3545}@media (max-width: 768px){#section1{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:20px;padding:0 16px}#username-container,#password-container,#confirmpassword-container{margin-left:0;margin-right:0;width:100%}#username-container input,#password-container input,#confirmpassword-container input{width:100%!important;box-sizing:border-box}.password-validation{margin-top:8px;margin-left:0;margin-right:0;padding:10px;font-size:11px;grid-column:unset;width:100%}.password-validation h4{font-size:12px}.validation-icon{width:14px;height:14px;font-size:9px}.labels{font-size:13px}}@media (max-width: 480px){#section1{padding:0 8px;gap:15px}.password-validation{padding:8px;font-size:10px}.password-validation h4{font-size:11px}.validation-icon{width:12px;height:12px;font-size:8px}.labels{font-size:12px}}.signup-container{width:100%;height:100%;padding:32px;color:#1c4d5a;background:radial-gradient(ellipse at center,#f0f7ff,#fff);justify-content:center;align-items:center}.CategoryDivider{margin-bottom:20px;padding:10px;border-bottom:2px solid #fff}.CategoryDivider h2{font-size:18px;color:#f3f0f0}.form-group{margin-bottom:15px}.label-category{font-weight:700;font-size:14px;color:#444;margin-bottom:5px;display:block}.label-personalinfo{font-weight:700!important;font-size:20px!important;color:#1c4d5a;margin-bottom:20px;margin-top:10px;display:block;letter-spacing:.5px}.form-group.fullname{display:grid;gap:15px;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-column-gap:60px;grid-row-gap:10px}.form-group.fullname .textbox{display:flex;flex-direction:column;align-items:flex-start;margin-top:35px}.form-group.fullname input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}input[name=lastname],input[name=firstname],input[name=middlename]{width:100%}.asterisk{color:#c22d2d}.label-in{font-size:14px;color:#fff}.checkbox-extension{display:flex;align-items:center;margin-left:25px}.checkbox-extension label{font-size:12px;color:#1c4d5a!important;margin-left:5px}.checkbox-extension .extension-text{font-size:5px}#HasExtension{background-color:#fff;border:1px solid #ccc;width:16px;height:16px;cursor:pointer}#Extension{width:60%;background-color:#fff;border:2px solid #1c4d5a;display:flex;font-size:15px;color:#1c4d5a;margin-right:21px;margin-left:170px}@media (max-width: 768px){.signup-container{padding:16px}.form-group.fullname{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:15px;grid-column-gap:0}.form-group.fullname .textbox{margin-top:15px;width:100%}.form-group.fullname input{width:100%;font-size:14px;padding:10px}.label-in{font-size:13px}.label-personalinfo{font-size:16px;margin-bottom:15px;margin-top:8px}.checkbox-extension{flex-direction:column;align-items:flex-start;margin-left:0;gap:10px;margin-top:15px}.checkbox-extension label{font-size:11px}#Extension{margin-left:0;width:100%;font-size:14px}}@media (max-width: 480px){.signup-container{padding:8px}.form-group.fullname{gap:10px}.form-group.fullname .textbox{margin-top:10px}.form-group.fullname input{font-size:13px;padding:8px}.label-in{font-size:12px}.label-personalinfo{font-size:14px;margin-bottom:12px;margin-top:5px}.checkbox-extension label{font-size:10px}#Extension{font-size:13px}}.form-group.contactinformation{display:grid;gap:15px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-column-gap:50px}.form-group.contactinformation .textbox{display:flex;flex-direction:column;align-items:flex-start}.form-group.contactinformation input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.form-group.inline input:focus{outline:none;border:2px solid #24677a}input[name=contact],input[name=email]{padding-left:10px}.optional{color:#a82f2f;font-size:smaller}.form-group.contactinformation .textbox div{display:flex;width:100%;gap:10px}.form-group.contactinformation input[disabled]{width:60px}input[name=contact]{flex:1;padding-left:10px}@media (max-width: 768px){.form-group.contactinformation{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:15px;grid-column-gap:0}.form-group.contactinformation .textbox{width:100%}.form-group.contactinformation input{width:100%;font-size:14px;padding:10px}.form-group.contactinformation .textbox div{gap:8px}.form-group.contactinformation input[disabled]{width:50px;font-size:12px}input[name=contact]{flex:1;padding-left:8px}input[name=email]{padding-left:8px}}@media (max-width: 480px){.form-group.contactinformation{gap:10px}.form-group.contactinformation input{font-size:13px;padding:8px}.form-group.contactinformation input[disabled]{width:45px;font-size:11px}input[name=contact],input[name=email]{padding-left:6px}}.signup-container{background-image:url(../LandingPageComponents/LandingPageAssets/HeroBg.JPEG);width:100vw;padding:32px;color:#1c4d5a;margin-top:0;justify-content:center;align-items:center;text-align:center}form{max-width:95vw;width:100vw;padding-bottom:30px;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px}.signup-container #section1{padding-top:25px}.signup-label{margin-top:5vh;margin-top:18vh;font-size:2rem;text-align:center;color:#1c4d5a;z-index:1}.CategoryDivider h2{font-size:14px;background-color:#1c4d5a;color:#fff;font-weight:400;text-transform:uppercase;margin-bottom:30px;padding:10px 20px}.form-group .label-category{margin-top:40px;margin-bottom:20px;font-weight:500;text-align:left;color:#1c4d5a!important;font-weight:700}.labels{text-align:left}h2{text-align:center;font-size:2rem;margin-bottom:24px;color:#1c4d5a}.form-group{margin-bottom:16px;padding:0 25px;margin-top:30px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#1c4d5a!important}.form-group input{width:90%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important}.form-group input:focus{outline:none;border:2px solid #24677a;color:#1c4d5a!important}.form-group.inline{display:flex;gap:20px;justify-content:space-between;color:#1c4d5a!important}.form-control{flex-grow:1}#username-container,#password-container{display:flex;flex-direction:column;gap:8px}#username-container input,#password-container input{padding:8px;flex-grow:1;border-radius:6px;font-size:16px;border:1.5px solid #2a5764;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a}#username-container input:focus,#password-container input:focus{outline:none;border:2px solid #24677a}.error-message{color:red;font-size:12px;margin-top:4px}.extension-name{width:30%;display:flex}button.signup-btn{width:40%;padding:12px;margin-top:20px;margin-bottom:10px;margin-left:2vw;font-size:16px;color:#fff;background-color:#1c4d5a;border:none;border-radius:4px;cursor:pointer}button.btn:hover{background-color:#326b7a}.footer{text-align:center;margin-top:16px}.footer a{color:#3f51b5;text-decoration:none}.footer a:hover{text-decoration:underline}.form-control#updates-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.ReceiveUpdateText{font-size:16px;text-align:center}#CheckBox{margin-right:8px}@media (max-width: 768px){.signup-container{padding:16px;width:100vw}form{padding:16px;max-width:100%;width:100%}.form-group{padding:0 10px}.form-group input{width:100%;font-size:14px;padding:10px}.form-group label{font-size:13px}.form-group.fullname{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:15px;grid-column-gap:0}.form-group.fullname .textbox{margin-top:15px;width:100%}.form-group.fullname input{width:100%}.form-group.contactinformation{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:15px;grid-column-gap:0}.form-group.contactinformation .textbox,.form-group.contactinformation input{width:100%}.checkbox-extension{flex-direction:column;align-items:flex-start;margin-left:0;gap:10px}#Extension{margin-left:0;width:100%}button.signup-btn{width:90%;margin-left:5%;margin-right:5%}.signup-label{font-size:1.5rem;margin-top:10vh}.label-in{font-size:13px}}@media (max-width: 480px){.signup-container{padding:8px}form{padding:12px}.form-group{padding:0 5px;margin-top:20px}.signup-label{font-size:1.3rem;margin-top:8vh}button.signup-btn{width:95%;margin-left:2.5%;margin-right:2.5%;padding:10px;font-size:14px}.form-group input{font-size:13px;padding:8px}.label-in{font-size:12px}.form-group.fullname .textbox{margin-top:10px}.form-group.fullname,.form-group.contactinformation{gap:10px}}.checkbox-wrapper{margin-top:5px;display:flex;align-items:center;gap:10px!important}.checkbox-inputSignUp{width:20px;height:20px;border:2px solid #1c4d5a;background-color:#fff!important;cursor:pointer;margin-right:10px!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.checkbox-inputSignUp:checked{background-color:#1c4d5a!important;border-color:#1c4d5a}.checkbox-inputSignUp:checked:after{content:"✓";display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:14px;font-weight:700}.ReceiveUpdateText{display:flex;align-items:center;gap:10px;font-size:16px;color:#1c4d5a!important;cursor:pointer;margin:0}.ReceiveUpdateText span{color:#175176!important}input[type=checkbox].update-checkbox,input[type=checkbox]#CheckBox{width:20px;height:20px;border:2px solid #1c4d5a;background-color:#fff;cursor:pointer;margin:0;flex-shrink:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.update-checkbox:checked,#CheckBox:checked{background-color:#1c4d5a!important;border-color:#1c4d5a}#CheckBox:checked:after{content:"✓";display:block;text-align:center;color:#fff;font-size:14px;line-height:16px}#updates-container,.form-control{margin:0;padding:0}body{font-family:Roboto,sans-serif;margin:0;min-height:100vh}.data-privacy-section{width:100%;height:100%;padding:10px;color:#1c4d5a;background:radial-gradient(ellipse at center,#f0f7ff,#fff);flex-direction:column;align-items:center}.privacy-text{max-width:1000px;margin:0 auto;text-align:center;padding:20px;background-color:#fff;border:2px solid #1c4d5a;border-radius:8px;color:#1c4d5a}.privacy-text h2{font-size:22px;font-weight:700;color:#1c4d5a;margin-bottom:10px}.privacy-text p{font-size:14px;color:#1c4d5a;line-height:1.5;margin-bottom:20px}.radio-group{display:flex;flex-direction:column;gap:5px;align-items:flex-start;margin-top:20px;margin-left:0}.radio-group-2{display:flex;flex-direction:column;gap:5px;align-items:flex-start;margin-top:20px;margin-left:25px}.radio-group label,.radio-group-2 label,.do-not{display:flex;align-items:center;font-size:14px;color:#1c4d5a;cursor:pointer;max-width:100%}.radio-group input[type=radio],.radio-group-2 input[type=radio]{margin-right:10px;transform:scale(1.2);cursor:pointer;accent-color:#1c4d5a!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #1c4d5a;border-radius:50%;position:relative;background-color:transparent}.radio-group input[type=radio]:checked,.radio-group-2 input[type=radio]:checked{background-color:#1c4d5a;border-color:#1c4d5a}.radio-group input[type=radio]:checked:before,.radio-group-2 input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#fff}.dialog-overlay-signupdataprivacy{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-box-signupdataprivacy{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%;text-align:center}.dialog-box-signupdataprivacy h3{margin-bottom:15px;color:#333}.dialog-box-signupdataprivacy p{margin-bottom:10px;color:#666;line-height:1.5}.dialog-buttons-signupdataprivacy{display:flex;gap:15px;justify-content:center;margin-top:25px}.confirm-btn-signupdataprivacy,.cancel-btn-signupdataprivacy{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s}.confirm-btn-signupdataprivacy{background-color:#1c4d5a!important;color:#fff}.confirm-btn-signupdataprivacy:hover{background-color:#288299!important}.cancel-btn-signupdataprivacy{background-color:#6c757d;color:#fff}.cancel-btn-signupdataprivacy:hover{background-color:#545b62}.LandingContainer{display:flex;flex-direction:column;min-height:100vh;width:100vw;color:#333;position:relative;padding:0;margin:0;overflow-x:hidden}.NavbarLanding{z-index:1000!important;position:sticky}.LandingContainer>.MuiContainer-root{flex:1 0 auto}.LandingContainer>.Footer,.LandingContainer>footer{margin-top:auto}.LandingContainer:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/HeroBg-4fI-ib2x.JPEG);background-size:cover;background-position:center;background-attachment:fixed;z-index:-2}.LandingContainer:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#d0d7deb3;z-index:-1}.PhTimeComponent{position:absolute;bottom:170px;left:20px;z-index:1100!important;opacity:.8;pointer-events:none}.LandingContent{width:85vw;min-width:80vw;justify-content:center;align-items:center}.HeaderLanding{padding:20px 0;position:relative;z-index:-1}.LandingContent,.AboutCardLanding,.FeatureItemLanding{max-width:100vw;overflow-wrap:break-word;word-break:break-word;padding-left:5vw;padding-right:5vw}.LogoLanding img{height:50px}.NavLanding{display:flex;gap:20px;z-index:1000}.NavItemLanding{cursor:pointer;font-weight:500}.HeroLanding{margin-top:10vh;padding:60px 0;position:relative}.HeroTitleLanding{color:#1c4d5a;font-weight:700!important;margin-bottom:40px!important;margin-top:5vw!important}.HeroDescriptionLanding{margin-top:25px!important;color:#1c4d5a;font-size:18px!important;font-weight:550!important}.LandingTitle{color:#1c4d5a!important;font-weight:700!important;text-shadow:#ffffff 0px 0px 10px}.SignUpButtonLanding{background-color:#1c4d5a!important;padding:10px 30px!important;font-weight:600!important;margin-top:5vh!important}.DeviceMockupsLanding{width:40vw;max-width:400px;margin-left:150px}.AboutSectionLanding{margin:60px 0}.AboutCardLanding{background-color:#1c4d5a!important;color:#fff!important;border-radius:16px!important;box-shadow:0 2px 12px #0000001a;margin:0 auto;max-width:700px!important;padding:30px}.AboutTitleLanding{margin-bottom:18px!important;font-weight:700!important}.AboutDescriptionLanding{margin-right:0!important;font-size:1.1rem;line-height:1.7}.AboutIconLanding img{max-width:150px!important}.KeyFeaturesSectionLanding{margin:60px 0}.KeyFeaturesTitleLanding{text-align:center;margin-bottom:50px!important;color:#1c4d5a!important;font-size:40px!important;font-weight:600!important;background-color:#d5dcdd!important;border-radius:10px!important;padding:10px}.FeatureItemLanding{background-color:#1c4d5a!important;color:#fff!important;border-radius:20px!important;padding:30px;margin-bottom:30px;transition:box-shadow .2s;box-shadow:0 2px 10px #0000000a;display:flex;align-items:center;justify-content:center}.FeatureItemLanding:hover,.FeatureItemLanding:focus-within{box-shadow:0 4px 24px #0000001a;background-color:#d5dcdd!important;color:#1c4d5a!important;transition:color .2s}.FeatureItemLanding:hover .FeatureIconLanding,.FeatureItemLanding:focus-within .FeatureIconLanding{color:#1c4d5a!important;transition:color .2s}.FeatureIconLanding{font-size:50px!important;color:#fff!important;margin-right:16px}.HeroImageLanding img{width:100%;height:auto;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2))}.AnnouncementButtonContainer{position:fixed;bottom:30px;right:30px;z-index:1000}.PhTimeComponent{position:fixed;bottom:20px;left:20px;z-index:1100!important;opacity:.8;pointer-events:none}@media (max-width: 1200px){.HeroLanding{margin-left:40px}.HeroTitleLanding{font-size:3rem!important}.KeyFeaturesTitleLanding{font-size:36px!important}.AboutCardLanding{max-width:600px!important}.PhTimeComponent{bottom:20px;left:15px}}@media (max-width: 960px){.HeroLanding{text-align:left;margin-top:15vh!important;padding:40px 0;margin-left:20px}.HeroTitleLanding{font-size:2.5rem!important;margin-top:2vw!important}.HeroDescriptionLanding{font-size:16px!important}.KeyFeaturesTitleLanding{font-size:32px!important}.AboutSectionLanding{text-align:center;margin:40px 0}.AboutCardLanding{max-width:98vw!important;padding:20px}.AboutIconLanding img{max-width:120px!important}.FeatureItemLanding{text-align:center;padding:20px}.FeatureIconLanding{font-size:40px!important}.DeviceMockupsLanding{width:60vw;margin-left:0}.AnnouncementButtonContainer{bottom:20px;right:20px}.PhTimeComponent{bottom:20px;left:10px}}@media (max-width: 768px){.HeroLanding{padding:30px 0}.HeroTitleLanding{font-size:2rem!important}.KeyFeaturesTitleLanding{font-size:28px!important;padding:8px}.KeyFeaturesSectionLanding{margin:40px 0}.AboutSectionLanding{margin:30px 0}.AboutCardLanding{padding:15px}.AboutTitleLanding{font-size:1.8rem!important}.AboutDescriptionLanding{font-size:1rem}.AboutIconLanding img{max-width:100px!important}.FeatureItemLanding{padding:15px;margin-bottom:20px}.FeatureIconLanding{font-size:35px!important}.LandingContent,.AboutCardLanding,.FeatureItemLanding{padding-left:3vw;padding-right:3vw}.SignUpButtonLanding{padding:8px 25px!important;margin-top:3vh!important}.PhTimeComponent{bottom:20px;left:8px;font-size:.9rem}}@media (max-width: 600px){.HeroLanding{text-align:center;margin-left:0}.HeroTitleLanding{text-align:center;font-size:1.8rem!important}.HeroDescriptionLanding{font-size:14px!important}.KeyFeaturesTitleLanding{font-size:24px!important}.AboutTitleLanding{font-size:1.5rem!important}.AboutDescriptionLanding{font-size:.9rem}.AboutIconLanding img{max-width:80px!important}.FeatureIconLanding{font-size:30px!important;margin-right:8px}.AnnouncementButtonContainer{bottom:15px;right:15px}.PhTimeComponent{bottom:20px;left:5px;font-size:.8rem}}@media (max-width: 480px){.HeroLanding{margin-top:3vh;padding:20px 0}.HeroTitleLanding{font-size:1.5rem!important;margin-bottom:20px!important}.HeroDescriptionLanding{font-size:13px!important;margin-top:15px!important}.KeyFeaturesTitleLanding{font-size:20px!important;margin-bottom:30px!important}.KeyFeaturesSectionLanding{margin:30px 0}.AboutSectionLanding{margin:20px 0}.AboutCardLanding{padding:12px}.AboutTitleLanding{font-size:1.3rem!important;margin-bottom:12px!important}.AboutDescriptionLanding{font-size:.85rem}.AboutIconLanding img{max-width:60px!important}.FeatureItemLanding{padding:12px;margin-bottom:15px}.FeatureIconLanding{font-size:25px!important;margin-right:6px}.LandingContent,.AboutCardLanding,.FeatureItemLanding{padding-left:2vw;padding-right:2vw}.SignUpButtonLanding{padding:6px 20px!important;font-size:.9rem!important}.LogoLanding img{height:40px}.PhTimeComponent{bottom:20px;left:3px;font-size:.7rem}}@media (max-width: 360px){.HeroTitleLanding{font-size:1.3rem!important}.HeroDescriptionLanding{font-size:12px!important}.KeyFeaturesTitleLanding{font-size:18px!important}.AboutTitleLanding{font-size:1.2rem!important}.AboutDescriptionLanding{font-size:.8rem}.FeatureIconLanding{font-size:22px!important}.AnnouncementButtonContainer{bottom:10px;right:10px}.PhTimeComponent{bottom:20px;left:2px;font-size:.65rem}}.govph-footer{background:#efefef;color:#505050;padding:2rem 1rem;font-family:Roboto,Arial,sans-serif;font-size:1rem;box-sizing:border-box;margin-top:2rem}.footer-row{display:flex;flex-wrap:wrap;max-width:1280px;margin:0 auto;gap:2rem;justify-content:center;padding:0 1rem}.footer-col{flex:1 1 300px;min-width:250px;margin-bottom:1.5rem;padding:0 .5rem}.logo-col{display:flex;align-items:flex-start;gap:1rem;flex-direction:row}.govph-logo{width:90px;height:90px;object-fit:contain;opacity:.15;flex-shrink:0}.footer-col h4{font-weight:700;text-transform:uppercase;font-size:1em;margin-bottom:.5em;color:#505050}.footer-col p{font-size:.9em;line-height:1.4;margin-bottom:1em}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:.4em}.footer-col ul li a{color:#505050;text-decoration:none;font-size:.9em;line-height:1.3}.footer-col ul li a:hover{text-decoration:underline}@media (max-width: 1024px) and (min-width: 769px){.govph-footer{padding:1.75rem 1rem}.footer-row{gap:1.2rem;justify-content:space-around}.footer-col{flex:1 1 260px;min-width:200px}.govph-logo{width:80px;height:80px}.footer-col h4{font-size:1.05em}.footer-col p,.footer-col ul li a{font-size:.9em}}@media (max-width: 768px){.govph-footer{padding:1.5rem .5rem}.footer-row{flex-direction:column;align-items:center;gap:1rem;padding:0 .5rem}.footer-col{flex:1 1 100%;text-align:center;padding:0}.logo-col{justify-content:center;align-items:center}.govph-logo{width:70px;height:70px}}@media (max-width: 480px){.govph-footer{padding:1rem .25rem;font-size:.9rem}.footer-row{gap:.75rem}.logo-col{flex-direction:column;gap:.75rem}.govph-logo{width:60px;height:60px;margin:0 auto}.footer-col h4{font-size:.95em}.footer-col p,.footer-col ul li a{font-size:.85em}}@media (max-width: 320px){.govph-footer{padding:.75rem .15rem;font-size:.85rem}.govph-logo{width:50px;height:50px}.footer-col h4{font-size:.9em}.footer-col p,.footer-col ul li a{font-size:.8em}}.PhClockContainer{align-self:flex-end;position:relative;top:140px;z-index:1000;width:fit-content}.PhClockWrapper{padding:10px 15px;border-radius:4px;text-align:left}.PhClockTitle{color:#184a5b;font-weight:600!important;margin-bottom:2px!important}.PhClockTime{color:#333;font-weight:400!important}@media (max-width: 600px){.PhClockContainer{left:20px;right:20px;bottom:10px}.PhClockWrapper{width:100%}.PhClockTitle,.PhClockTime{font-size:14px!important}}.sidebar{height:100vh;width:280px;position:fixed;top:0;left:0;background-color:#8aacb5;overflow-x:hidden;box-shadow:0 4px 12px #00000026;transition:transform .1s ease-in-out;z-index:100;display:flex;flex-direction:column}.Profile{display:flex;flex-direction:column;padding:80px 25px 20px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(to bottom,rgba(24,74,91,.2),transparent)}.NavUserName{color:#fff;font-weight:600;font-size:1.1rem;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.NavUserEmail{color:#ffffffd9;font-size:.9rem;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.NavUserRole{color:#184a5b;font-weight:500;font-size:.8rem;background-color:#ffffff80;padding:4px 10px;border-radius:12px;display:inline-block;text-transform:capitalize}.NavigationButtons{flex:1;padding:15px 0;overflow-y:auto}.sidebar a{padding:12px 25px;text-decoration:none;font-size:.95rem;color:#184a5b;display:flex;align-items:center;font-weight:500;margin:3px 8px;border-radius:8px;transition:all .2s ease}.sidebar a:hover{background-color:#184a5b1a;color:#184a5b;transform:translate(5px)}.sidebar a.active{background-color:#184a5b;color:#fff}.sidebar a svg{margin-right:12px;font-size:1.2rem}.Logout{padding:15px 25px 30px;border-top:1px solid rgba(255,255,255,.2)}.Logout a{background-color:#184a5b1a;color:#184a5b;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:8px;font-weight:500;transition:all .2s ease}.Logout a:hover{background-color:#184a5b;color:#fff}.Logout a svg{margin-right:8px}.SidebarToggleBtn{width:48px;height:48px;position:fixed;top:15px;left:15px;background:#184a5b;color:#fff;border:none;border-radius:8px;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:all .2s ease}.SidebarToggleBtn:hover{background:#1c5569;transform:scale(1.05)}.SidebarToggleBtn.open{background:#8aacb5!important}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}@media (max-width: 992px){.sidebar{width:260px}}@media (max-width: 768px){.sidebar{width:300px}.NavigationBar{width:100%}}@media (max-width: 576px){.sidebar{width:280px}}.UserDashboardContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;margin-bottom:10vh}.BottomDashboard{display:flex;flex-direction:row;justify-content:center;margin-top:10vh;height:auto}.UserDashboardContainer{transition:margin-left ease;margin-left:0}.UserDashboardContainer.sidebar-open{margin-left:240px}.UserDashboardContainer .RecentApplicationsDivider{width:30vw;margin-top:0}.UserDashboardContainer .SectionTitleAppointment{color:#184a5b;font-weight:600;font-size:22px}.footer{width:100%}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.DashboardContainer{border-radius:10px;width:100vw}.DashboardHeader{display:flex;justify-content:space-between;margin-bottom:16px;font-weight:700;color:#fff6f6;background-color:#184a5b;width:100vw;height:10vh;text-align:left}.DashboardHeader h4{margin-left:10vw!important;margin-top:2vh;color:#fff6f6}.SearchBox{display:flex;align-items:center;background:#fff!important;border-radius:8px;padding:5px 10px;margin-top:2vh;box-shadow:0 2px 4px #0000001a;height:5vh;margin-right:3vw}.SearchIcon{color:#184a5b}.SearchInput{border:none;outline:none;margin-left:5px;background-color:#fff;color:#1c4d5a;padding:4px}.TopSection{flex-direction:row;width:80vw;margin:0 auto;text-align:center;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.DashboardCard{flex:1;padding:15px;background:#fff6f6!important;border:1px solid #1c4d5a;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:5vh;margin-top:5vh;margin-left:1vw;min-height:40vh;max-width:25vw;min-width:20vw;display:flex;flex-direction:column;align-items:center}.DashboardCard h6{color:#184a5b;font-weight:700;margin-bottom:10px}.react-calendar{background-color:#fff6f6}.react-calendar__tile{border-radius:6px;padding:5px;color:#5a6875}.react-calendar__tile--active{background:#184a5b!important;color:#fff}.react-calendar__tile--now{background:#8aacb5!important;color:#184a5b}.react-calendar__navigation{display:flex;justify-content:space-between;align-items:center}.react-calendar__navigation button{background:#184a5b;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer}.react-calendar__navigation button:hover{background:#5a6875;color:#184a5b}.weekend{color:red!important;font-weight:700}.hover-area{position:absolute;width:100%;height:100%}.tooltip{position:fixed;background:#000;color:#fff;padding:5px;border-radius:5px;font-size:12px;white-space:nowrap;z-index:1000}.AnnouncementBox{min-height:200px;max-height:400px;overflow-y:auto}.AnnouncementText{text-align:center;color:#666;font-style:italic;padding:40px 20px}.AnnouncementBox::-webkit-scrollbar{width:6px}.AnnouncementBox::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.AnnouncementBox::-webkit-scrollbar-thumb{background:#184a5b;border-radius:3px}.AnnouncementBox::-webkit-scrollbar-thumb:hover{background:#1a3a47}@media (max-width: 768px){.AnnouncementBox{max-height:250px}}.ApplicationContentContainer{display:flex;flex-direction:column;width:80vw;box-sizing:border-box;align-items:center;background:linear-gradient(135deg,#f8fafb,#f1f5f9);border-radius:16px;box-shadow:0 8px 32px #184a5b14}.OnlineApplicationTitleContainer{display:flex;width:100vw;background:#184a5b;height:10vh;align-items:center;justify-content:center;position:relative;overflow:hidden}.OnlineApplicationTitleContainer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat}.OnlineApplicationTitle1{font-size:15px!important;font-weight:700!important;text-align:center!important;color:#fff!important;padding:20px;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px;position:relative;z-index:1}.CertificateCard{background:#fff!important;border-radius:16px;width:100%;max-width:420px;min-height:420px;text-align:center;padding:24px 20px;display:flex;flex-direction:column;border:2px solid #e2e8f0;margin:10px auto;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.CertificateCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#184a5b,#066d88)}.CertificateCard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #184a5b26;border-color:#184a5b}.CardTitle{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;font-size:22px!important;color:#184a5b!important;font-weight:600!important;min-height:70px;line-height:1.3}.Icon{width:100px;height:100px;object-fit:contain;margin-bottom:12px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:50%;border:2px solid #e2e8f0;transition:transform .3s ease}.CertificateCard:hover .Icon{transform:scale(1.1)}.ApplicationDescription{font-size:15px;color:#64748b;margin-bottom:16px;white-space:normal;word-wrap:break-word;line-height:1.6;min-height:50px;display:flex;align-items:center;justify-content:center;font-weight:400}.Details{display:flex;list-style:none;padding:0;margin:16px 0;color:#64748b;font-size:14px;align-items:center;justify-content:center;min-height:30px}.Actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:auto;min-height:90px;justify-content:flex-end}.RequirementsBtn{color:#184a5b!important;text-transform:none;font-size:14px!important;font-weight:500!important;text-decoration:none!important;border-bottom:2px solid transparent;transition:all .3s ease;padding:8px 16px;border-radius:8px}.RequirementsBtn:hover{color:#066d88!important;background-color:#f0f9ff;border-bottom-color:#066d88}.RequestBtn{background:linear-gradient(135deg,#184a5b,#066d88)!important;color:#fff!important;text-transform:none;width:180px;height:48px;font-size:15px!important;font-weight:600!important;padding:12px 24px;border-radius:12px;border:none;box-shadow:0 4px 16px #184a5b4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.RequestBtn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.RequestBtn:hover:before{left:100%}.RequestBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #184a5b66}@media (min-width: 1200px){.ApplicationContentContainer{width:75vw}.OnlineApplicationTitle1{font-size:30px!important}.CertificateCard{max-width:480px;min-height:460px}.Icon{width:120px;height:120px;padding:24px}.CardTitle{font-size:26px!important;min-height:80px}.ApplicationDescription{font-size:17px;min-height:50px}.Actions{min-height:100px}.RequestBtn{width:200px;height:54px;font-size:17px!important}}@media (max-width: 1199px){.ApplicationContentContainer{width:85vw}.OnlineApplicationTitle1{font-size:30px!important}.CertificateCard{max-width:400px;min-height:380px;max-height:380px;padding:24px 20px}.Icon{width:80px;height:80px;padding:18px}.CardTitle{font-size:20px!important;min-height:65px}.ApplicationDescription{font-size:14px;min-height:45px;line-height:1.2}.Actions{min-height:80px}}@media (max-width: 767px){.ApplicationContentContainer{width:95vw;margin-top:2vh;padding:30px 20px}.OnlineApplicationTitleContainer{height:10vh}.OnlineApplicationTitle1{font-size:24px!important;padding:15px}.CertificateCard{max-width:360px;min-height:340px;padding:20px 16px;margin-bottom:20px}.Icon{width:80px;height:80px;padding:16px}.CardTitle{font-size:18px!important;min-height:55px}.ApplicationDescription{font-size:13px;min-height:40px}.Actions{min-height:70px}.RequestBtn{width:160px;height:44px;font-size:13px!important}}@media (max-width: 480px){.ApplicationContentContainer{width:100vw;margin-top:1vh;padding:20px 15px;display:flex;flex-direction:column;align-items:center;gap:15px}.OnlineApplicationTitleContainer{width:100vw}.OnlineApplicationTitle1{font-size:20px!important;padding:10px}.CertificateCard{width:90%!important;max-width:320px!important;min-height:220px;padding:16px 12px;margin:0 auto 10px!important;display:flex;flex-direction:column}.CardTitle{font-size:16px!important;min-height:auto;margin-bottom:8px;display:flex;flex-direction:row;align-items:center;text-align:left;gap:12px}.Icon{width:50px;height:50px;padding:6px;margin-bottom:0;flex-shrink:0}.ApplicationDescription{font-size:10px!important;min-height:auto;text-align:left;margin-bottom:12px;margin-top:10px;flex-grow:1;display:block;align-items:flex-start;justify-content:flex-start;line-height:1.2;color:#64748b}.Details{display:block;list-style:none;padding:0;margin:0;min-height:auto}.Actions{flex-direction:row;gap:8px;min-height:auto;justify-content:space-between;margin-top:auto;width:100%}.RequestBtn{width:110px;height:32px;font-size:10px!important}.RequirementsBtn{font-size:10px!important;padding:4px 8px}}@media (max-width: 375px){.ApplicationContentContainer{width:100vw;margin-top:.5vh;padding:15px 10px;gap:12px}.OnlineApplicationTitle1{font-size:18px!important;padding:8px}.CertificateCard{width:95%!important;max-width:300px!important;min-height:200px;padding:14px 10px}.CardTitle{font-size:14px!important;gap:10px}.Icon{width:45px;height:45px;padding:5px}.ApplicationDescription{font-size:8px!important;line-height:1.3}.Actions{gap:6px}.RequestBtn{width:100px;height:30px;font-size:9px!important}.RequirementsBtn{font-size:9px!important}}@media (max-width: 319px){.ApplicationContentContainer{width:100vw;padding:12px 8px;gap:10px}.OnlineApplicationTitle1{font-size:16px!important;padding:6px}.CertificateCard{width:98%!important;max-width:280px!important;min-height:180px;padding:12px 8px}.CardTitle{font-size:13px!important;gap:8px}.Icon{width:40px;height:40px;padding:4px}.ApplicationDescription{font-size:9px!important;line-height:1.2}.Actions{gap:4px}.RequestBtn{width:90px;height:28px;font-size:8px!important}.RequirementsBtn{font-size:8px!important}}@media (min-width: 1440px){.ApplicationContentContainer{width:70vw;padding:20px 20px 0;margin-bottom:0}.OnlineApplicationTitle1{font-size:32px!important}.CertificateCard{max-width:480px;min-height:350px;max-height:450px!important;margin-bottom:0;padding-bottom:5px;padding-top:10px}.Icon{width:120px;height:120px;padding:28px}.CardTitle{font-size:25px!important;min-height:70px}.ApplicationDescription{font-size:19px;margin-bottom:0}.Actions{min-height:40px;margin-top:0}.RequestBtn{width:220px;height:35px;font-size:16px!important}}@media (max-height: 500px) and (orientation: landscape){.ApplicationContentContainer{margin-top:1vh;padding:15px}.OnlineApplicationTitleContainer{height:20vh}.OnlineApplicationTitle1{font-size:22px!important}.CertificateCard{padding:12px;min-height:240px}.Icon{width:50px;height:50px;padding:8px}.CardTitle{min-height:30px}.ApplicationDescription{min-height:25px}.Actions{min-height:45px}}.RecentApplicationsDivider{display:flex;flex-direction:column;justify-items:left;width:80vw;margin-top:10vh;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.RecentApplicationsTitle{color:#184a5b!important;font-weight:600!important;font-size:1.2rem!important;margin-bottom:.75rem!important;letter-spacing:.5px}.LoadingContainerApplications{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;width:100%;padding:20px}.LoadingContainerApplications .MuiCircularProgress-root{color:#184a5b!important}.LoadingContainerApplications .MuiTypography-root{margin-top:8px!important;color:#666!important}.ErrorContainerApplications{width:100%;padding:1rem}.NoApplicationsCard{background-color:#fcfcfc!important;border:1px dashed #e0e0e0;text-align:center;padding:1.5rem}.NoApplicationsCard .MuiCardContent-root .MuiTypography-body1{color:#555!important;margin-bottom:16px!important}.ApplicationCard{justify-content:start;margin-left:0vw;width:100%!important;height:auto!important;background-color:#fff!important;border-left:4px solid #184a5b;transition:transform .2s!important;border-radius:4px!important;margin-bottom:12px!important}.ApplicationCard.StatusApproved{border-left-color:#4caf50!important}.ApplicationCard.StatusPending{border-left-color:#ff9800!important}.ApplicationCard.StatusDecline{border-left-color:#f44336!important}.ApplicationCard:hover{transform:translateY(-2px)!important;box-shadow:0 4px 8px #0000001a!important}.ApplicationHeader{margin-bottom:8px}.ApplicationDescription{font-size:15px!important;color:gray}.ApplicationCardTitle{font-size:.95rem!important;font-weight:600!important;color:#184a5b!important;cursor:pointer!important;margin-bottom:4px!important}.ApplicationCardTitle:hover{text-decoration:underline!important}.ApplicationSubtype{font-size:.8rem!important;color:#64748b!important;font-weight:400!important;margin-bottom:4px!important}.ApplicationStatus{font-size:15px!important;color:green;display:flex;flex-direction:column}.ApplicationStatusP{font-size:1.3vw!important;color:#ff8c00}.ApplicationStatusD{font-size:1.3vw!important;color:red}.ApplicationDate{font-size:.75rem!important;color:#666!important}.ApplicationId{font-size:.75rem!important;color:#666!important;margin-right:12px!important}.ApplicationApplicant{font-size:.8rem!important;color:#184a5b!important;font-weight:400!important}.ApplicationBtn{text-decoration:underline!important;margin-top:2vh!important}.StartApplicationBtn{margin-top:.5rem!important;background-color:#184a5b!important;color:#fff!important;text-transform:none!important;border-radius:6px!important}.StartApplicationBtn:hover{background-color:#0d3542!important}.ViewSummaryBtn{color:#184a5b!important;border:1px solid #8aacb5!important;text-transform:none!important;font-size:.75rem!important;padding:4px 8px!important;min-width:100px!important}.ViewSummaryBtn:hover{background-color:#184a5b0a!important}.ApplicationListDivider{margin-bottom:16px!important}.applicationList{padding:0!important}.applicationListItem{margin-bottom:12px!important;padding:0!important}.ApplicationCardContent{padding:12px 16px!important}.ApplicationInfoBox{margin-bottom:8px}.ApplicationInfoContainer{display:flex;align-items:center;margin-bottom:4px;flex-direction:row;gap:16px}.ApplicationDescriptionText{font-size:.8rem!important;color:#555!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ApplicationButtonContainer{display:flex;justify-content:flex-end}.StatusChipApproved{background-color:#4caf501a!important;color:#4caf50!important}.StatusChipPending{background-color:#ff98001a!important;color:#ff9800!important}.StatusChipDeclined{background-color:#f443361a!important;color:#f44336!important}.StatusChipDefault{background-color:#184a5b1a!important;color:#184a5b!important}.ApplicationTitleRow{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.ApplicationTypeChip{background-color:#eaf6f7!important;color:#20505c!important;font-size:.8rem!important;font-weight:500!important;border-radius:4px!important}.ApplicationTypeChip .MuiChip-label{padding:0 8px!important}.ApplicationStatusChip{height:20px!important;font-size:.7rem!important;font-weight:500!important;border-radius:4px!important}.ApplicationStatusChip .MuiChip-label{padding:0 8px!important}.ApplicationDialog .MuiDialog-paper{border-radius:8px!important;overflow:hidden!important}.ApplicationDialogTitle{background-color:#184a5b!important;color:#fff!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px!important}.ApplicationDialogCloseButton{color:#fff!important}.ApplicationDialogContent{padding:0!important}.ApplicationDialogButton{display:flex!important;justify-content:flex-start!important;align-items:center!important;text-transform:none!important;padding:16px!important;border-radius:0!important}.ApplicationDialogButton:hover{background-color:#8aacb51a!important}.ApplicationDialogIcon{margin-right:16px!important;color:#8aacb5!important}.ApplicationDialogButtonText{text-align:left!important}.ApplicationDialogButtonTitle{font-weight:500!important;color:#184a5b!important}.ApplicationDialogButtonSubtitle{color:#0009!important}@media (max-width: 600px){.RecentApplicationsDivider{padding:1.25rem 1rem;margin:1rem;width:calc(100% - 2rem)}.RecentApplicationsTitle{font-size:1.1rem!important}.ApplicationCard{margin-bottom:16px!important}.ApplicationCardContent{padding:16px!important}.ApplicationCardTitle{font-size:1.1rem!important;line-height:1.3;margin-bottom:6px!important}.ApplicationTitleRow{flex-direction:column;align-items:flex-start;gap:6px}.ApplicationSubtype{font-size:.85rem!important;background-color:#eaf6f7!important;color:#20505c!important;padding:2px 8px!important;border-radius:4px!important;display:inline-block!important}.ApplicationInfoContainer{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.ApplicationButtonContainer{justify-content:flex-start!important;margin-top:12px}.ViewSummaryBtn{font-size:.7rem!important;padding:6px 12px!important;min-width:120px!important}}@media (max-width: 480px){.RecentApplicationsDivider{padding:1rem .75rem;margin:.75rem;width:calc(100% - 1.5rem)}.RecentApplicationsTitle,.ApplicationCardTitle{font-size:1rem!important}.ApplicationSubtype{font-size:.8rem!important}.ApplicationApplicant{font-size:.75rem!important}.ApplicationId,.ApplicationDate{font-size:.7rem!important}.ViewSummaryBtn{font-size:.65rem!important;padding:4px 8px!important;min-width:100px!important}.ApplicationStatusChip{font-size:.6rem!important;height:18px!important}}@media (max-width: 375px){.RecentApplicationsDivider{padding:.75rem .5rem;margin:.5rem;width:calc(100% - 1rem)}.RecentApplicationsTitle{font-size:.95rem!important}.ApplicationCardTitle{font-size:.9rem!important}.ApplicationSubtype{font-size:.75rem!important}.ApplicationApplicant{font-size:.7rem!important}.ApplicationId,.ApplicationDate{font-size:.65rem!important}.ViewSummaryBtn{font-size:.6rem!important;padding:3px 6px!important;min-width:90px!important}.ApplicationStatusChip{font-size:.55rem!important;height:16px!important}}.IconsSection{display:flex;flex-direction:row}.IconSectionContainer{display:flex;flex-direction:column;z-index:100;color:#184a5b;font-weight:600;background-color:#fff!important;border-radius:20px;box-shadow:0 4px 8px #0000001a}.IconSectionContainer h5{color:#184a5b;font-weight:700;margin-left:20px;margin-top:20px;padding:0;justify-content:center}.IconButton{color:#184a5b!important;padding:3vw!important;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px!important}.IconButton img{width:3.5vw;height:3.5vw;border-radius:20px!important;margin-bottom:1vw}.RecentAppointmentsAppointment{display:flex;flex-direction:column;background:#fff!important;padding:20px;border-radius:12px;height:65vh!important;overflow-y:auto;max-height:80vh!important;direction:rtl;box-shadow:0 4px 16px #0000001a!important;border:1px solid #e0e0e0}.RecentAppointmentsAppointment .MuiCardContent-root{height:100%;overflow-y:auto;padding:0!important;direction:rtl}.RecentAppointmentsAppointment::-webkit-scrollbar,.RecentAppointmentsAppointment .MuiCardContent-root::-webkit-scrollbar{width:6px}.RecentAppointmentsAppointment::-webkit-scrollbar-track,.RecentAppointmentsAppointment .MuiCardContent-root::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px;margin-top:50px!important}.RecentAppointmentsAppointment::-webkit-scrollbar-thumb,.RecentAppointmentsAppointment .MuiCardContent-root::-webkit-scrollbar-thumb{background:#1b4d5b;border-radius:3px}.RecentAppointmentsAppointment::-webkit-scrollbar-thumb:hover,.RecentAppointmentsAppointment .MuiCardContent-root::-webkit-scrollbar-thumb:hover{background:#134046}.AppointmentItemAppointment{display:flex;justify-content:space-between;width:19vw;align-items:center;background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:12px;direction:ltr;border:1px solid #e9ecef;transition:all .3s ease}.AppointmentItemAppointment:hover{background:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.AppointmentDivider{display:flex;flex-direction:column;gap:4px}.SeeMoreAppointment1{color:#1b4d5b!important;font-weight:500!important;padding:3px 16px!important;border:1px solid #1b4d5b!important;border-radius:6px!important;background:transparent!important;transition:all .3s ease!important;text-transform:none!important;min-width:15vw!important;margin-left:7%!important;z-index:10!important}.SeeMoreAppointment1:hover{background-color:#1b4d5b!important;color:#fff!important;transform:translateY(-2px)!important}.AppointmentTypeAppointment{font-size:16px!important;font-weight:600!important;color:#1b4d5b!important;margin-bottom:2px!important}.AppointmentDateAppointment{font-size:13px!important;color:#555!important;font-weight:500!important}.AppointmentDetailsContainer{display:flex;flex-direction:column;gap:4px;margin-top:8px!important;margin-bottom:8px;width:15vw!important}.AppointmentTimeAppointment{font-size:13px!important;color:#666!important;text-align:center}.AppointmentStatusAppointment{font-size:12px!important;color:#666!important;margin-top:4px!important}.SectionTitleAppointment{font-size:18px!important;font-weight:700!important;color:#1b4d5b!important;margin-bottom:16px!important;text-align:center!important;padding-bottom:8px;border-bottom:2px solid #f0f0f0;z-index:10!important}@media (min-width: 1200px){.RecentAppointmentsAppointment{padding:24px;height:70vh!important}.AppointmentItemAppointment{width:20vw;padding:18px}.AppointmentDetailsContainer{width:16vw!important}.SeeMoreAppointment1{min-width:16vw!important}}@media (max-width: 1199px) and (min-width: 1024px){.AppointmentItemAppointment{width:22vw}.AppointmentDetailsContainer{width:17vw!important}.SeeMoreAppointment1{min-width:17vw!important}}@media (max-width: 1023px) and (min-width: 768px){.RecentAppointmentsAppointment{height:auto!important;max-height:60vh!important;padding:20px}.AppointmentItemAppointment{width:100%;padding:14px}.AppointmentDetailsContainer{width:100%!important}.SeeMoreAppointment1{min-width:200px!important;margin-left:0!important;align-self:center}.SectionTitleAppointment{font-size:1.1rem!important}}@media (max-width: 767px) and (min-width: 481px){.RecentAppointmentsAppointment{height:auto!important;max-height:50vh!important;padding:16px}.AppointmentItemAppointment{width:100%;padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.AppointmentDetailsContainer{width:100%!important;margin-top:4px!important;margin-bottom:4px}.SeeMoreAppointment1{min-width:180px!important;margin-left:0!important;align-self:center;padding:8px 16px!important}.SectionTitleAppointment{font-size:1rem!important;margin-bottom:12px!important}.AppointmentTypeAppointment{font-size:14px!important}.AppointmentDateAppointment,.AppointmentTimeAppointment{font-size:12px!important}}@media (max-width: 480px) and (min-width: 376px){.RecentAppointmentsAppointment{height:auto!important;max-height:45vh!important;padding:12px}.AppointmentItemAppointment{width:100%;padding:10px;flex-direction:column;align-items:flex-start;gap:6px}.AppointmentDetailsContainer{width:100%!important;margin-top:2px!important;margin-bottom:2px}.SeeMoreAppointment1{min-width:150px!important;margin-left:0!important;align-self:center;padding:6px 12px!important;font-size:.9rem!important}.SectionTitleAppointment{font-size:.95rem!important;margin-bottom:10px!important}.AppointmentTypeAppointment{font-size:13px!important}.AppointmentDateAppointment,.AppointmentTimeAppointment,.AppointmentStatusAppointment{font-size:11px!important}}@media (max-width: 375px){.RecentAppointmentsAppointment{height:auto!important;max-height:40vh!important;padding:8px}.AppointmentItemAppointment{width:100%;padding:8px;flex-direction:column;align-items:flex-start;gap:4px}.AppointmentDetailsContainer{width:100%!important;margin-top:2px!important;margin-bottom:2px}.SeeMoreAppointment1{min-width:120px!important;margin-left:0!important;align-self:center;padding:4px 8px!important;font-size:.8rem!important}.SectionTitleAppointment{font-size:.9rem!important;margin-bottom:8px!important}.AppointmentTypeAppointment{font-size:12px!important}.AppointmentDateAppointment,.AppointmentTimeAppointment,.AppointmentStatusAppointment{font-size:10px!important}}@media (max-width: 319px){.RecentAppointmentsAppointment{height:auto!important;max-height:35vh!important;padding:6px}.AppointmentItemAppointment{width:100%;padding:6px;flex-direction:column;align-items:flex-start;gap:2px}.AppointmentDetailsContainer{width:100%!important;margin-top:1px!important;margin-bottom:1px}.SeeMoreAppointment1{min-width:100px!important;margin-left:0!important;align-self:center;padding:2px 6px!important;font-size:.75rem!important}.SectionTitleAppointment{font-size:.8rem!important;margin-bottom:6px!important}.AppointmentTypeAppointment{font-size:11px!important}.AppointmentDateAppointment,.AppointmentTimeAppointment,.AppointmentStatusAppointment{font-size:9px!important}}.AppoinmentFormContainer{display:flex;flex-direction:column;align-items:center;width:100vw}.TitleNavAppointment{background-color:#184a5b;font-size:25px!important;justify-content:center;font-weight:600!important;display:flex;padding:3vh;width:100vw;color:#f5f5f5}.AppoinmentFormContainer{transition:margin-left ease;margin-left:0}.AppoinmentFormContainer.sidebar-open{margin-left:250px}.AppointmentDashboardContainer{display:flex;flex-direction:column;margin-top:3vh!important;font-family:Roboto,Arial,sans-serif;padding:20px;max-width:1100px;margin:5vh auto 0}.HeaderAppointment{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:2px solid #1b4d5b;padding:15px;border-radius:12px;box-shadow:0 4px 20px #1b4d5b33;margin-bottom:10px}.HeaderContentAppointment{flex:1;color:#1b4d5b}.TitleAppointment{font-weight:700!important;font-size:1.2rem!important;line-height:1.2;margin-bottom:8px!important}.RightSectionAppointment{min-width:280px;display:flex;justify-content:flex-end}.ButtonAppointment{background:linear-gradient(45deg,#699ba9,#59a8b8)!important;color:#fff!important;padding:7px 16px!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 4px 12px #1b4d5b4d!important;transition:all .3s ease!important;text-transform:none!important;border:none!important}.ButtonAppointment:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1b4d5b66!important;background:linear-gradient(45deg,#134046,#1f5e6b)!important}.ContentAppointment{display:flex;gap:32px;margin-top:20px}.LeftSectionAppointment{flex:1;width:20vw!important;max-width:23vw!important}.RightSectionContentAppointment{flex:1;display:flex;flex-direction:column;gap:24px}.ContentAppointmentrequirements{background:#fff!important;border-radius:12px!important;overflow:hidden;box-shadow:0 4px 16px #0000001a!important;transition:all .3s ease}.ContentAppointmentrequirements:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026!important}.AvailableSlotsAppointment{background:#fff!important;border-radius:12px!important;overflow:hidden;box-shadow:0 4px 16px #0000001a!important;transition:all .3s ease}.AvailableSlotsAppointment:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026!important}.CalendarAppointment{width:100%;border:none;border-radius:8px;font-family:inherit;margin:16px 0}.CalendarAppointment .react-calendar__tile{padding:10px;border-radius:6px;transition:all .3s ease}.CalendarAppointment .react-calendar__tile--now{background:linear-gradient(135deg,#1b4d5b,#2c7a8a)!important;color:#fff!important;font-weight:600!important;border:2px solid #fff!important;box-shadow:0 2px 8px #1b4d5b4d!important}.CalendarAppointment .react-calendar__tile--now:hover{background:linear-gradient(135deg,#134046,#1f5e6b)!important;transform:scale(1.05)}.CalendarAppointment .react-calendar__tile:hover{background:linear-gradient(135deg,#134046,#1f5e6b)!important;transform:scale(1.05);color:#fff!important}.CalendarAppointment .react-calendar__tile--active{background:#1b4d5b!important;color:#fff!important}.CalendarAppointment .react-calendar__tile--disabled{background-color:#f5f5f5;color:#3d3b3b!important;cursor:not-allowed}.CalendarHelperText{color:#666!important;font-style:italic;text-align:center;margin-top:12px!important;font-size:.9rem!important}.SectionTitleAppointment{font-weight:700!important;color:#1b4d5b!important;font-size:1.2rem!important;margin-bottom:16px!important;z-index:10!important}.RecentAppointmentsMobile{display:none;margin-top:20px;border:2px solid #1b4d5b;border-radius:8px}.RecentAppointmentsDesktop{border:2px solid #1b4d5b;border-radius:8px}.SectionTitleAppointmentRequirements{font-weight:700!important;color:#fff!important;background:linear-gradient(135deg,#1b4d5b,#2c7a8a);text-align:center;padding:20px;margin:0!important;border-radius:12px 12px 0 0}.RequirementItem{cursor:pointer;padding:12px 16px;border-radius:8px;transition:all .3s ease;color:#1b4d5b!important;font-weight:500!important;margin-bottom:12px!important;text-decoration:underline!important;background:#fff;display:block;text-align:center;padding-left:20px!important;padding-right:20px!important}.RequirementItem:hover{background-color:#1b4d5b!important;color:#fff!important;transform:translateY(-1px)}.SectionDescriptionAppointment{font-size:.95rem!important;color:#555!important;margin:16px 20px!important;line-height:1.6;background:#f8f9fa;padding:12px;border-radius:8px;border-left:4px solid #1b4d5b}.SectionDescriptionAppointment strong{color:#d42121!important}.RequirementsList{margin:0 20px 20px;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.AnnouncementButtonContainer{position:fixed;bottom:24px;right:24px;z-index:1000}@media (min-width: 1200px){.AppointmentDashboardContainer{max-width:1200px;padding:24px}.ContentAppointment{gap:40px}}@media (max-width: 1199px) and (min-width: 1024px){.AppointmentDashboardContainer{max-width:1000px;padding:20px}.LeftSectionAppointment{width:22vw!important;max-width:25vw!important}}@media (max-width: 1023px) and (min-width: 768px){.ContentAppointment{flex-direction:column;gap:24px}.LeftSectionAppointment{width:100%!important;max-width:100%!important}.RightSectionAppointment{width:100%;min-width:unset}.RecentAppointmentsMobile{display:block;margin-top:24px;border:2px solid #1b4d5b;border-radius:8px}.AppointmentDashboardContainer{padding:20px;margin-top:2vh!important}.HeaderAppointment{flex-direction:row;align-items:center;justify-content:space-between;padding:20px}.TitleAppointment{font-size:1.3rem!important}.ButtonAppointment{padding:10px 20px!important;font-size:.95rem!important}.RecentAppointmentsDesktop{display:none}}@media (max-width: 767px) and (min-width: 481px){.AppointmentDashboardContainer{padding:16px;margin-top:2vh!important}.RecentAppointmentsMobile{display:block;margin-top:20px;border:2px solid #1b4d5b;border-radius:8px}.RecentAppointmentsDesktop{display:none}.HeaderAppointment{flex-direction:column;gap:16px;text-align:center;padding:20px}.HeaderContentAppointment{text-align:center}.TitleAppointment{font-size:1.4rem!important}.ButtonAppointment{padding:12px 24px!important;font-size:1rem!important;width:100%;max-width:300px}.ContentAppointment{flex-direction:column;gap:20px}.LeftSectionAppointment{width:100%!important;max-width:100%!important}.SectionTitleAppointmentRequirements{padding:16px;font-size:1.1rem!important}.SectionDescriptionAppointment{margin:12px 16px!important;padding:12px;font-size:.9rem!important}.RequirementsList{margin:0 16px 16px;flex-direction:column;gap:8px}.RequirementItem{padding:12px 16px;font-size:.9rem!important;width:100%}.CalendarAppointment .react-calendar__tile{padding:8px;font-size:.9rem}}@media (max-width: 480px) and (min-width: 376px){.AppointmentDashboardContainer{padding:12px;margin-top:1vh!important}.RecentAppointmentsDesktop{display:none}.RecentAppointmentsMobile{display:block;margin-top:20px;border:1.5px solid #1b4d5b;border-radius:6px}.HeaderAppointment{flex-direction:row;align-items:center;justify-content:space-between;padding:16px;gap:12px}.HeaderContentAppointment{flex:1}.TitleAppointment{font-size:1.1rem!important;text-align:left;margin-bottom:0!important}.ButtonAppointment{padding:10px 16px!important;font-size:.85rem!important;white-space:nowrap;flex-shrink:0}.ContentAppointment{flex-direction:column;gap:16px;margin-top:20px}.LeftSectionAppointment{width:100%!important;max-width:100%!important}.RightSectionContentAppointment{gap:16px}.SectionTitleAppointmentRequirements{padding:12px;font-size:1rem!important}.SectionDescriptionAppointment{margin:8px 12px!important;padding:8px;font-size:.85rem!important}.RequirementsList{margin:0 12px 12px;flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center}.RequirementItem{padding:10px 12px;font-size:.8rem!important;flex:1;min-width:120px;max-width:140px;text-align:center;margin-bottom:8px!important}.CalendarAppointment .react-calendar__tile{padding:6px;font-size:.8rem}.AnnouncementButtonContainer{bottom:12px;right:12px}}@media (max-width: 376px){.AppointmentDashboardContainer{padding:12px;margin-top:1vh!important}.RecentAppointmentsDesktop{display:none}.RecentAppointmentsMobile{display:block;margin-top:20px;border:1px solid #1b4d5b;border-radius:6px}.HeaderAppointment{flex-direction:row;align-items:center;justify-content:space-between;padding:16px;gap:12px}.HeaderContentAppointment{flex:1}.TitleAppointment{font-size:1.1rem!important;text-align:left;margin-bottom:0!important}.ButtonAppointment{padding:10px 16px!important;font-size:.85rem!important;white-space:nowrap;flex-shrink:0}.ContentAppointment{flex-direction:column;gap:20px;margin-top:20px}.LeftSectionAppointment{width:100%!important;max-width:100%!important}.RightSectionContentAppointment{gap:20px}.ContentAppointmentrequirements{margin-bottom:20px;background:#fff!important;border-radius:12px!important;box-shadow:0 4px 16px #0000001a!important}.SectionTitleAppointmentRequirements{padding:16px;font-size:1rem!important}.SectionDescriptionAppointment{margin:12px 16px!important;padding:12px;font-size:.85rem!important;line-height:1.6}.RequirementsList{margin:0 16px 20px;flex-direction:row;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.RequirementItem{padding:10px 12px;font-size:.8rem!important;flex:1;min-width:120px;max-width:140px;text-align:center;margin-bottom:12px!important}.AvailableSlotsAppointment{background:#fff!important;border-radius:12px!important;box-shadow:0 4px 16px #0000001a!important}.SectionTitleAppointment{font-size:1rem!important;margin-bottom:16px!important;padding:16px 16px 0}.CalendarAppointment{margin:16px;width:calc(100% - 32px)}.CalendarAppointment .react-calendar__tile{padding:8px 4px;font-size:.75rem;min-height:35px}.CalendarHelperText{font-size:.8rem!important;margin-top:12px!important;padding:0 16px 16px}.AnnouncementButtonContainer{bottom:16px;right:16px;z-index:1001}}@media (max-width: 320px){.AppointmentDashboardContainer{padding:8px;margin-top:.5vh!important}.HeaderAppointment{flex-direction:column;text-align:center;padding:12px;gap:10px}.HeaderContentAppointment{text-align:center}.TitleAppointment{font-size:1rem!important;text-align:center;margin-bottom:8px!important}.ButtonAppointment{padding:8px 12px!important;font-size:.75rem!important;width:100%;max-width:200px}.ContentAppointment{flex-direction:column;gap:16px;margin-top:16px}.RequirementsList{margin:0 12px 16px;flex-direction:column;gap:8px}.RequirementItem{padding:8px 10px;font-size:.75rem!important;width:100%}.CalendarAppointment{margin:12px;width:calc(100% - 24px)}.CalendarAppointment .react-calendar__tile{padding:6px 2px;font-size:.7rem;min-height:30px}.RecentAppointmentsMobile{display:block;margin-top:16px;border:1px solid #1b4d5b;border-radius:4px}}.AppointmentFormsContainerAppointForm.ProStyledAppointForm{display:flex;flex-direction:column;background:#f4f8fb;border-radius:16px;margin:30px auto;box-shadow:0 8px 24px #1e3a5614;padding:0;max-width:80vw;min-height:70vh;font-family:Segoe UI,Arial,sans-serif;box-shadow:2px 10px 13px #1c4d5a40;-webkit-box-shadow:2px 10px 13px 0px rgba(28,77,90,.25);-moz-box-shadow:2px 10px 13px 0px rgba(28,77,90,.25)}.StepperContainerAppointForm{display:flex;align-items:center;justify-content:center;padding:32px 48px 12px;gap:10px;flex-wrap:nowrap}.StepAppointForm{display:flex;flex-direction:column;align-items:center;min-width:110px;text-align:center;flex-shrink:0}.TopRowAppointForm{display:flex;align-items:center;margin-bottom:18px;gap:28px}.StepCircleAppointForm{width:34px;height:34px;background:#b7c6d9;color:#1c4d5a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.StepAppointForm.ActiveAppointForm .StepCircleAppointForm{background:#1c4d5a;border-color:#1c4d5a;color:#fff}.StepLabelAppointForm{margin-top:6px;color:#1c4d5a;font-size:.95rem;font-weight:500;text-align:center}.StepLineAppointForm{height:3px;width:42px;background:#1c4d5a;border-radius:2px;align-self:center}.AppointmentLayoutAppointForm{display:flex;gap:32px;padding:32px 48px 36px;align-items:flex-start}.AppointmentFContainerAppointForm{margin:0 auto;width:100%;padding:0;background:none;display:flex;flex-direction:column;align-items:center;margin-top:20px!important}.AppointmentFormSectionAppointForm{flex:2 1 0;width:100%;min-width:0}.AppointmentSummaryPanelAppointForm{display:flex;flex-direction:column;background:#d5dcdd;border-radius:12px;box-shadow:0 2px 12px #1e3a560d;padding:24px 20px;margin-left:20px;max-width:340px;min-width:250px;align-self:flex-start;flex-shrink:0}.SummaryTitleAppointForm{font-size:1.15rem;font-weight:700;color:#1c4d5a;margin-bottom:16px;text-align:center}.SummaryStepsAppointForm{font-size:.97rem;color:#2d3748;margin-bottom:15px;list-style:decimal inside;padding-left:0}.SummaryNoteAppointForm{font-size:.9rem;color:#d9534f;background:#fbf1f1;border-radius:6px;padding:10px 13px;margin-top:12px;text-align:center}.AppointmentTitleAppointForm{font-size:2rem;font-weight:700;color:#1c4d5a;margin-bottom:40px;margin-top:30px!important;text-align:center}.FormGroupAppointForm{display:flex;flex-direction:row;gap:10px;margin-bottom:30px;width:100%;align-items:flex-end}.RowGroupAppointForm{gap:15px;align-items:center}.SlotGroupAppointForm{gap:16px;margin-bottom:20px}.InputWrapperAppointForm{display:flex;flex-direction:column;color:#1e3a56;margin-bottom:0;flex:1}.InputWrapperAppointForm label{font-weight:600;font-size:15px;color:#1e3a56;margin-bottom:6px;text-align:left}.InputWrapperAppointForm input,.InputWrapperAppointForm select{padding:12px;border:1.5px solid #c6d6f2;border-radius:5px;font-size:15px;outline:none;width:100%;background-color:#fafafa;color:#1e3a56;box-sizing:border-box}.InputWrapperAppointForm input:focus,.InputWrapperAppointForm select:focus{border-color:#1c4d5a!important;background:#eaf2fd}.InputWrapperAppointForm input::placeholder{color:#b7c6d9}.SmallInputAppointForm{flex:0 0 80px;max-width:80px}.LargeInputAppointForm{flex:2}.AppointTimeAppointForm{flex:1}.CalendarAppointForm{border:1px solid #d7e7fa;border-radius:8px;padding:6px}.SelectedDateInfoAppointForm{font-size:14px;color:#1c4d5a;margin-top:10px;text-align:center}.ConfirmContainerAppointForm{display:flex;justify-content:center;align-items:center;width:100%;margin-top:30px}.ConfirmButtonAppointForm{padding:16px 38px;font-size:1.15rem;background:#1c4d5a;color:#fff;border:none;border-radius:7px;cursor:pointer;font-weight:600;transition:background .18s;min-width:200px}.ConfirmButtonAppointForm:hover,.SelfButtonAppointForm:hover,.OtherButtonAppointForm:hover{background:#1e3a56;color:#fff}.ErrorTextAppointForm{color:#d9534f;font-size:.93em;margin-top:4px;text-align:center}.InfoTextAppointForm{color:#1c4d5a;font-size:.95em;margin-top:4px;text-align:center}.DialogOverlayAppointForm{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1e3a562e;display:flex;justify-content:center;align-items:center;z-index:1000}.DialogBoxAppointForm{background:#fff;padding:2.5rem 2.5rem 2rem;border-radius:14px;box-shadow:0 12px 32px #1e3a5621;max-width:430px;width:90%;text-align:center;position:relative;margin:0 auto}.DialogBoxAppointForm h3.DialogTextAppointForm{margin:0 0 .5em;font-size:1.4rem;color:#1e3a56;text-align:center}.DialogSubTextAppointForm{font-size:1rem;color:#4a6a8c;margin-bottom:1.8em;text-align:center}.BackButtonWrapperAppointForm{width:100%;display:flex;justify-content:flex-start;margin-bottom:5px;margin-top:20px}.ActualBackButtonAppointForm{padding:9px 20px;background:#1c4d5a;color:#fff;border:none;border-radius:7px;font-size:1rem;font-weight:600;cursor:pointer;margin-left:35px;margin-bottom:5px;transition:background .18s}.ActualBackButtonAppointForm:hover{background:#eaf2fd;color:#1c4d5a}.DialogButtonsAppointForm{display:flex;justify-content:center;gap:1.1rem;align-items:center}.DialogButtonAppointForm{padding:.85rem 1.8rem;border:none;border-radius:5px;font-size:1.08rem;font-weight:600;cursor:pointer;background:#f4f8fb;color:#1e3a56;transition:background .16s}.SelfButtonAppointForm.SelectedAppointForm,.OtherButtonAppointForm.SelectedAppointForm,.SelfButtonAppointForm{background:#1c4d5a;color:#fff}.OtherButtonAppointForm{background:#f4f8fb;color:#1c4d5a;border:1.5px solid #c6d6f2}.DialogBackButtonAppointForm{color:#1c4d5a;background:none;position:absolute;right:8px;top:8px;border:none;font-weight:700;font-size:1.5rem;cursor:pointer;display:flex;flex-direction:row}.DialoagBackp{font-size:small;align-self:center;margin-right:5px;margin-left:5px}.AppointmentCardAppointForm{background:#f4f8fb;border-radius:16px;box-shadow:2px 10px 13px #1c4d5a40;max-width:650px;width:100%;margin:40px auto;display:flex;flex-direction:column;align-items:stretch;padding:36px 36px 20px}.AppointmentFormFieldsAppointForm{width:100%}.DatePickerInputAppointForm{position:relative;width:100%;margin-bottom:10px;border:none!important;outline:none!important}.DateInputWrapperAppointForm{display:flex;align-items:center;position:relative;width:100%;border:1.5px solid #c6d6f2;border-radius:5px;background:#f8fafc;transition:border-color .18s;padding-right:36px}.DateInputWrapperAppointForm:focus-within,.DateInputWrapperAppointForm:hover{border-color:#1c4d5a;background:#eaf2fd}.DateInputAppointForm{width:100%;padding:12px;border:none;background:transparent;outline:none;font-size:15px;color:#1e3a56;cursor:pointer}.CalendarIconAppointForm{position:absolute;right:10px;pointer-events:none;color:#1c4d5a;display:flex;align-items:center}.CalendarPopupAppointForm{position:absolute;z-index:2000;top:110%;left:0;box-shadow:0 4px 20px #1e3a5626;border-radius:8px;background:#fff;padding:6px}input[type=date],.DateInputWrapperAppointForm{border:none!important;outline:none!important;box-shadow:none!important}.InputWrapperAppointForm>.DatePickerInputAppointForm{border:none!important}select option:disabled{color:#bbb!important;background-color:#f0f0f0!important;font-style:italic;text-decoration:line-through}@-moz-document url-prefix(){select option:disabled{display:none}}select.time-select option.booked-slot{display:none}select.time-select{background-color:#fff;color:#000}[class*=AppointForm]>div>input[type=date],div:has(.DatePickerInputAppointForm){border:none!important}.AppointmentFormSectionAppointForm input[type=date],.AppointmentFormSectionAppointForm .DatePickerInputAppointForm{outline:none!important;border:none!important}.FormGroupAppointForm .DatePickerInputAppointForm,.AppointmentLayoutAppointForm .DatePickerInputAppointForm{border:none!important}.ConfirmRowAppointForm{display:flex;justify-content:center;margin-top:22px}@media (min-width: 1200px){.AppointmentFormsContainerAppointForm.ProStyledAppointForm{max-width:1100px;margin:40px auto}.AppointmentLayoutAppointForm{gap:40px;padding:40px 60px;justify-content:center;align-items:flex-start}.AppointmentSummaryPanelAppointForm{max-width:380px;min-width:320px;padding:30px 25px;margin-left:30px}.AppointmentTitleAppointForm{font-size:2.2rem;text-align:center}.StepperContainerAppointForm{padding:40px 60px 20px;gap:15px;flex-wrap:nowrap;justify-content:center}.StepAppointForm{min-width:120px}.StepCircleAppointForm{width:38px;height:38px;font-size:1.2rem}.StepLabelAppointForm{font-size:1rem}.ConfirmContainerAppointForm{justify-content:center}}@media (min-width: 992px) and (max-width: 1199px){.AppointmentFormsContainerAppointForm.ProStyledAppointForm{max-width:90vw;margin:30px auto}.AppointmentLayoutAppointForm{gap:30px;padding:30px 40px;justify-content:center;align-items:flex-start}.AppointmentSummaryPanelAppointForm{max-width:350px;min-width:300px;margin-left:25px}.StepperContainerAppointForm{padding:30px 40px 15px;gap:12px;flex-wrap:nowrap;justify-content:center}.StepAppointForm{min-width:100px}.AppointmentTitleAppointForm{font-size:2rem;text-align:center}.ConfirmContainerAppointForm{justify-content:center}}@media (min-width: 768px) and (max-width: 991px){.AppointmentFormsContainerAppointForm.ProStyledAppointForm{max-width:95vw;margin:20px auto}.AppointmentLayoutAppointForm{flex-direction:column;gap:30px;padding:25px 30px;align-items:center}.AppointmentFormSectionAppointForm{width:100%;max-width:600px}.AppointmentSummaryPanelAppointForm{margin-left:0;margin-top:0;max-width:100%;min-width:auto;width:100%;max-width:600px}.FormGroupAppointForm{flex-wrap:wrap;gap:15px;justify-content:center}.SmallInputAppointForm{flex:0 0 120px;max-width:120px}.StepperContainerAppointForm{padding:25px 30px 10px;justify-content:center;gap:10px;flex-wrap:nowrap}.StepAppointForm{min-width:90px}.AppointmentTitleAppointForm{font-size:1.8rem;text-align:center}.ConfirmButtonAppointForm{width:100%;max-width:300px;margin-top:25px}.ConfirmContainerAppointForm{justify-content:center}.ActualBackButtonAppointForm{margin-left:20px}}@media (min-width: 481px) and (max-width: 767px){.AppointmentFormsContainerAppointForm.ProStyledAppointForm{max-width:98vw;margin:15px auto;border-radius:12px}.AppointmentLayoutAppointForm{flex-direction:column;gap:25px;padding:20px 25px;align-items:center}.AppointmentFormSectionAppointForm{width:100%}.AppointmentSummaryPanelAppointForm{margin-left:0;margin-top:0;max-width:100%;min-width:auto;width:100%;padding:20px 15px}.FormGroupAppointForm{flex-direction:column;gap:15px;align-items:stretch}.InputWrapperAppointForm{width:100%}.SmallInputAppointForm,.LargeInputAppointForm,.AppointTimeAppointForm{flex:none;max-width:none!important}.StepperContainerAppointForm{padding:20px 25px 8px;justify-content:center;gap:8px;flex-wrap:nowrap}.StepAppointForm{min-width:75px}.StepLabelAppointForm{font-size:.85rem}.AppointmentTitleAppointForm{font-size:1.6rem;text-align:center;margin-bottom:25px}.ConfirmButtonAppointForm{width:100%;max-width:280px;margin-top:20px;padding:14px 30px}.ConfirmContainerAppointForm{justify-content:center}.ActualBackButtonAppointForm{margin-left:15px}.DialogBoxAppointForm{max-width:85%;padding:30px 25px}.DialogButtonsAppointForm{gap:15px;justify-content:center}}@media (min-width: 375px) and (max-width: 480px){.AppointmentFormsContainerAppointForm.ProStyledAppointForm{max-width:100vw;margin:10px auto;border-radius:8px;padding:0}.AppointmentLayoutAppointForm{flex-direction:column;gap:20px;padding:15px 20px;align-items:center}.SmallInputAppointForm,.LargeInputAppointForm,.AppointTimeAppointForm{flex:none;max-width:none!important}.AppointmentFormSectionAppointForm{width:100%}.AppointmentSummaryPanelAppointForm{margin-left:0;margin-top:0;max-width:100%;min-width:auto;width:100%;padding:16px 12px}.FormGroupAppointForm{flex-direction:column;gap:12px;margin-bottom:20px;align-items:stretch}.StepperContainerAppointForm{padding:15px 20px 5px;justify-content:center;gap:6px;flex-wrap:nowrap}.StepAppointForm{min-width:65px}.StepCircleAppointForm{width:28px;height:28px;font-size:.95rem}.StepLabelAppointForm{font-size:.5rem!important;margin-top:4px}.StepLineAppointForm{width:30px;height:2px}.AppointmentTitleAppointForm{font-size:1.4rem;text-align:center;margin-bottom:20px}.InputWrapperAppointForm input,.InputWrapperAppointForm select{padding:10px;font-size:14px}.InputWrapperAppointForm label{font-size:14px;text-align:left}.ConfirmButtonAppointForm{width:100%;max-width:250px;margin-top:15px;padding:12px 25px;font-size:1rem}.ConfirmContainerAppointForm{justify-content:center}.ActualBackButtonAppointForm{margin-left:10px;padding:8px 15px;font-size:.9rem}.DialogBoxAppointForm{max-width:90%;padding:25px 20px}.DialogButtonsAppointForm{flex-direction:column;gap:10px;align-items:center}.DialogButtonAppointForm{width:100%;max-width:200px;padding:12px}.SummaryTitleAppointForm{font-size:1rem;text-align:center}.SummaryStepsAppointForm{font-size:.9rem}.SummaryNoteAppointForm{font-size:.85rem;padding:8px 10px;text-align:center}}@media (min-width: 320px) and (max-width: 375px){.AppointmentFormsContainerAppointForm.ProStyledAppointForm{max-width:100vw;margin:5px auto;border-radius:6px;box-shadow:none}.SmallInputAppointForm,.LargeInputAppointForm,.AppointTimeAppointForm{flex:none;max-width:none!important}.AppointmentLayoutAppointForm{flex-direction:column;gap:15px;padding:12px 15px;align-items:center}.AppointmentFormSectionAppointForm{width:100%}.AppointmentSummaryPanelAppointForm{margin-left:0;margin-top:0;max-width:100%;min-width:auto;width:100%;padding:12px 10px}.FormGroupAppointForm{flex-direction:column;gap:10px;margin-bottom:15px;align-items:stretch}.StepperContainerAppointForm{padding:12px 15px 5px;justify-content:center;gap:4px;flex-wrap:nowrap}.StepAppointForm{min-width:55px}.StepCircleAppointForm{width:24px;height:24px;font-size:.85rem}.StepLabelAppointForm{font-size:.7rem;margin-top:3px}.StepLineAppointForm{width:20px;height:2px}.AppointmentTitleAppointForm{font-size:1.2rem;text-align:center;margin-bottom:15px}.InputWrapperAppointForm input,.InputWrapperAppointForm select{padding:8px;font-size:13px}.InputWrapperAppointForm label{font-size:13px;margin-bottom:4px;text-align:left}.ConfirmButtonAppointForm{width:100%;max-width:220px;margin-top:12px;padding:10px 20px;font-size:.9rem}.ConfirmContainerAppointForm{justify-content:center}.ActualBackButtonAppointForm{margin-left:8px;padding:6px 12px;font-size:.85rem}.DialogBoxAppointForm{max-width:95%;padding:20px 15px}.DialogBoxAppointForm h3.DialogTextAppointForm{font-size:1.2rem;text-align:center}.DialogButtonsAppointForm{flex-direction:column;gap:8px;align-items:center}.DialogButtonAppointForm{width:100%;max-width:180px;padding:10px;font-size:.95rem}.SummaryTitleAppointForm{font-size:.95rem;text-align:center}.SummaryStepsAppointForm{font-size:.85rem}.SummaryNoteAppointForm{font-size:.8rem;padding:6px 8px;text-align:center}}@media (max-width: 319px){.AppointmentFormsContainerAppointForm.ProStyledAppointForm{max-width:100vw;margin:0 auto;border-radius:0;box-shadow:none}.AppointmentLayoutAppointForm{flex-direction:column;gap:12px;padding:10px 12px;align-items:center}.SmallInputAppointForm,.LargeInputAppointForm,.AppointTimeAppointForm{flex:none;max-width:none!important}.AppointmentFormSectionAppointForm{width:100%}.AppointmentSummaryPanelAppointForm{margin-left:0;margin-top:0;max-width:100%;min-width:auto;width:100%;padding:10px 8px}.FormGroupAppointForm{flex-direction:column;gap:8px;margin-bottom:12px;align-items:stretch}.StepperContainerAppointForm{padding:10px 12px 3px;justify-content:center;gap:2px;flex-wrap:nowrap}.StepAppointForm{min-width:45px}.StepCircleAppointForm{width:20px;height:20px;font-size:.75rem}.StepLabelAppointForm{font-size:.65rem;margin-top:2px}.StepLineAppointForm{width:15px;height:1px}.AppointmentTitleAppointForm{font-size:1rem;text-align:center;margin-bottom:12px}.InputWrapperAppointForm input,.InputWrapperAppointForm select{padding:6px;font-size:12px}.InputWrapperAppointForm label{font-size:12px;margin-bottom:3px;text-align:left}.ConfirmButtonAppointForm{width:100%;max-width:200px;margin-top:10px;padding:8px 15px;font-size:.85rem}.ConfirmContainerAppointForm{justify-content:center}.ActualBackButtonAppointForm{margin-left:5px;padding:5px 10px;font-size:.8rem}.DialogBoxAppointForm{max-width:98%;padding:15px 10px}.DialogBoxAppointForm h3.DialogTextAppointForm{font-size:1rem;text-align:center}.DialogButtonsAppointForm{flex-direction:column;gap:6px;align-items:center}.DialogButtonAppointForm{width:100%;max-width:160px;padding:8px;font-size:.9rem}.SummaryTitleAppointForm{font-size:.9rem;text-align:center}.SummaryStepsAppointForm{font-size:.8rem}.SummaryNoteAppointForm{font-size:.75rem;padding:5px 6px;text-align:center}}.QrCodeContainerAppointment{min-height:100vh;width:100vw;justify-content:center;align-items:center;background-color:#f5f7fa;transition:margin-left .3s ease;display:flex;flex-direction:column}.QrCodeContainerAppointment.sidebar-open{margin-left:250px}.TitleNavAppointmenSummary{background-color:#184a5b;font-size:25px!important;justify-content:center;font-weight:600!important;display:flex;padding:3vh;width:100vw;margin-bottom:50px!important}.QueueInfoAppointment{background:#fff;max-width:800px;width:100%;border-radius:12px;box-shadow:2px 10px 13px #1c4d5a40;-webkit-box-shadow:2px 10px 13px 0px rgba(28,77,90,.25);-moz-box-shadow:2px 10px 13px 0px rgba(28,77,90,.25);overflow:hidden;margin-top:30px;padding:30px}.QueueInfoAppointment h2{color:#184a5b;font-size:24px;margin-bottom:25px;text-align:center}.HighlightAppointment{color:#184a5b;font-weight:700}.LabelAppointmentID{font-size:16px;text-align:center;margin-bottom:5px;color:#6c757d;font-weight:500}.QueueNumberAppointment{font-size:32px;font-weight:700;text-align:center;color:#184a5b;margin:5px 0 30px}.AppointmentDetailsSectionAppointment{background-color:#f9f9f9;border-radius:8px;padding:25px;margin:25px 0;border:1px solid #eaecef}.DetailsSectionTitleAppointment{margin-top:0;margin-bottom:20px;font-size:20px;color:#184a5b;font-weight:600}.AppointmentDetailsAppointment p{margin:10px 0;font-size:16px;line-height:1.6;color:#333}.AppointmentDetailsAppointment p strong{display:inline-block;width:160px;color:#184a5b}.NoteContainerAppointment{margin:25px 0;padding:25px;background-color:#e7f4f8;border-radius:8px;border-left:4px solid #184a5b}.NoteTitleAppointment{margin-top:0;color:#184a5b;font-size:18px;margin-bottom:15px}.NoteListAppointment{margin:0;padding-left:20px}.NoteListAppointment li{margin-bottom:10px;color:#5a5a5a;line-height:1.5}.RequirementsLinkAppointment{display:block;text-align:center;margin-top:30px;padding:14px 25px;background-color:#fff;color:#184a5b;border-radius:6px;text-decoration:underline;font-weight:600;font-size:16px;box-shadow:none!important;width:100%}.CompleteAppointment{display:block;text-align:center;margin-top:30px;padding:14px 25px;background-color:#184a5b;color:#fff;border-radius:6px;text-decoration:none;font-weight:600;font-size:16px;transition:all .2s ease;width:100%}.RequirementsLinkAppointment:hover{background-color:#e7f4f8;color:#184a5b;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.ErrorContainerAppointment{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f7fa}.MessageContainerAppointment{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000001a;text-align:center;max-width:400px}.MessageContainerAppointment h2{color:#e53e3e;margin:0 0 15px}.MessageContainerAppointment p{color:#4a5568;margin:0}@media (max-width: 768px){.QueueInfoAppointment{padding:20px}.AppointmentDetailsSectionAppointment{padding:15px}.AppointmentDetailsAppointment p strong{display:block;width:100%;margin-bottom:5px}.QueueNumberAppointment{font-size:28px}}.qr-code-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#f4f4f4;font-family:Arial,sans-serif;text-align:center;padding:20px;transition:margin-left .3s ease}.qr-code-container.sidebar-open{margin-left:250px;width:calc(100vw - 250px)}.qrcode-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;max-width:400px;width:100%}.queue-info{max-width:65vw}.p{margin-top:10px}.queue-number{font-size:2.5rem;font-weight:700;color:#184a5b;margin:10px 0}.qr-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}.qr-code{width:200px;height:200px;object-fit:contain;margin-bottom:10px}.qr-section p{font-size:1.2rem;font-weight:700;color:#333}p.Screenshot{font-size:14px;color:#c41c1c;text-align:center;margin-top:10px}.requirements-link{color:#5ca3bb;text-decoration:none;font-weight:700;margin-top:10px;display:inline-block;text-decoration:underline}p.requirement-label{font-size:14px;margin-top:20px}.requirements-link:hover{text-decoration:underline}.appointment-details-section{display:flex;justify-content:center;width:100%}.appointment-details{display:flex;flex-direction:column;text-align:left;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;max-width:400px;margin-top:15px}.appointment-details p{margin:5px 0;font-size:1rem}.note{font-size:.9rem;color:#555;text-align:center;margin-top:20px;max-width:500vw}.requirement-container-death{width:100vw;margin:0 auto}.requirement-main-title-death{background-color:#184a5b;color:#fff;margin:0!important;display:flex;align-items:center;position:sticky;top:0;z-index:1000;width:100%;box-sizing:border-box;border-radius:0;height:60px}.requirement-main-title-death .back-button-death{position:absolute;left:20px;background-color:#184a5b!important;color:#f5f5f5!important;min-width:85px!important;padding:5px 10px!important;font-size:.85rem!important}.requirement-main-title-death .back-button-death:hover{background-color:#f0f0f0!important;color:#184a5b!important}.requirement-main-title-death h5{margin:0 auto;font-weight:600;text-align:center;flex-grow:1;padding:0 100px}.requirement-section-death{margin-bottom:24px;padding:30px}.requirement-section-title-death{background-color:#e7e7e7;padding:10px;color:#184a5b;font-weight:600!important;text-align:center;margin-bottom:15px!important}.requirement-subsection-death{margin-bottom:20px;padding:0 10px}.requirement-subsection-title-death{font-weight:600!important;margin-bottom:10px!important;color:#1a5e63}.requirement-subheading-death{font-weight:500!important;margin:15px 0 5px 15px!important;color:#333;text-decoration:underline}.requirement-list-death{padding-left:10px!important}.requirement-list-death .MuiListItem-root{align-items:flex-start;padding-top:4px;padding-bottom:4px}.requirement-list-death .MuiListItemIcon-root{min-width:32px;color:#184a5b}.requirement-note-death{font-style:italic;color:#666;margin-top:8px;margin-left:32px}.requirement-note-box-death{background-color:#f5f5f5;padding:15px;border-left:4px solid #184a5b;margin:20px 10px;border-radius:4px}.requirement-note-title-death{font-weight:600!important;margin-bottom:8px!important;color:#333}.requirement-divider-death{margin:30px 0!important}.requirement-subitem-death{padding-left:32px!important}@media screen and (max-width: 768px){.requirement-main-title-death{padding:15px 10px}.requirement-main-title-death h5{font-size:.9rem!important;padding:0 80px}.requirement-main-title-death .back-button-death{left:15px;max-width:70px!important}}@media screen and (max-width: 480px){.requirement-main-title-death{padding:15px 5px}.requirement-main-title-death h5{font-size:.7rem!important;margin-left:20px}.requirement-main-title-death .back-button-death{left:10px;max-width:60px!important;padding:3px 8px!important}}.ApplicationFormContainer{display:flex;flex-direction:column;align-items:center}.ApplicationFormContainer{transition:margin-left ease;margin-left:0}.ApplicationFormContainer.sidebar-open{margin-left:250px}@media (min-width: 1200px){.ApplicationFormContainer.sidebar-open{margin-left:280px}}@media (max-width: 1199px){.ApplicationFormContainer.sidebar-open{margin-left:220px}}@media (max-width: 767px){.ApplicationFormContainer,.ApplicationFormContainer.sidebar-open{margin-left:0!important}}@media (max-width: 480px){.ApplicationFormContainer{margin-left:0!important;align-items:start!important}.ApplicationFormContainer.sidebar-open{margin-left:0!important}}@media (max-width: 375px){.ApplicationFormContainer{margin-left:0!important;align-items:start!important}.ApplicationFormContainer.sidebar-open{margin-left:0!important}}@media (max-width: 319px){.ApplicationFormContainer,.ApplicationFormContainer.sidebar-open{margin-left:0!important}}@media (min-width: 1440px){.ApplicationFormContainer.sidebar-open{margin-left:300px}}@media (max-height: 500px) and (orientation: landscape){.ApplicationFormContainer{padding:8px 15px;margin-left:0!important}.ApplicationFormContainer.sidebar-open{margin-left:0!important}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.ApplicationFormContainer.sidebar-open{margin-left:200px}}.StepsContainer{display:flex;flex-direction:column;text-align:start;padding:20px;border-bottom:#003366 1px solid;width:80vw;margin-top:5vh;box-sizing:border-box}.StepsTitle{font-weight:700!important;color:#036;font-size:1.8rem}.StepsSubtitle{margin-bottom:20px;color:#333;font-size:1rem}.StepsGrid{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.StepTitle{font-weight:700!important;color:#036;font-size:1.1rem}.StepItem{text-align:center;flex:1;min-width:0}.StepNumber{margin-top:5vh!important;font-size:3rem;font-weight:600!important;color:#036}.StepDesc{font-size:.9rem;color:#666}.Arrow{font-size:2rem;font-weight:700;color:#036;text-align:center;margin:0 5px;flex-shrink:0}@media (max-width: 1024px){.StepsContainer{width:85vw;padding:18px;margin-top:4vh}.StepsTitle{font-size:1.6rem}.StepsSubtitle{font-size:.95rem}.StepTitle{font-size:.8rem!important}.StepNumber{font-size:2.5rem!important;margin-top:1.5vh!important}.StepDesc{font-size:.7rem!important}.Arrow{font-size:1.8rem;margin:0 3px}}@media (max-width: 767px){.StepsContainer{width:90vw;padding:15px;margin-top:3vh}.StepsTitle{font-size:1.4rem!important}.StepsSubtitle{font-size:.9rem!important;margin-bottom:25px}.StepTitle{font-size:.9rem!important}.StepNumber{font-size:2.2rem!important;margin-top:1vh!important}.StepDesc{font-size:.8rem!important;padding:0 5px}.Arrow{font-size:1.5rem;margin:0 2px}}@media (max-width: 480px){.StepsContainer{width:90vw;padding:12px;margin-left:20px!important;margin-right:20px!important;margin-top:2vh}.StepsTitle{font-size:1.3rem}.StepsSubtitle{font-size:.85rem;margin-bottom:20px}.StepTitle{font-size:.8rem!important;text-align:left}.StepNumber{font-size:1.8rem!important;margin-bottom:5px;text-align:left}.StepDesc{font-size:.5rem!important;padding:0 3px;text-align:left}.Arrow{font-size:1.2rem;margin:0 1px}}@media (max-width: 375px){.StepsContainer{width:90vw;padding:10px;margin-top:1.5vh}.StepsTitle{font-size:1.2rem}.StepsSubtitle{font-size:.8rem;margin-bottom:15px}.StepTitle{font-size:.75rem}.StepNumber{font-size:1.6rem;margin-top:.5vh!important}.StepDesc{font-size:.7rem;padding:0 2px}.Arrow{font-size:1rem;margin:0 1px}}@media (max-width: 319px){.StepsContainer{width:90vw;padding:8px;margin-top:1vh;margin-left:0}.StepsTitle{font-size:1.1rem}.StepsSubtitle{font-size:.75rem;margin-bottom:12px}.StepTitle{font-size:.7rem}.StepNumber{font-size:1.4rem}.StepDesc{font-size:.65rem;padding:0 1px}.Arrow{font-size:.9rem;margin:0}}@media (min-width: 1440px){.StepsContainer{width:75vw;padding:25px;margin-top:6vh}.StepsTitle{font-size:2rem}.StepsSubtitle{font-size:1.1rem}.StepTitle{font-size:1.2rem}.StepNumber{font-size:3.5rem;margin-top:3vh!important}.StepDesc{font-size:1rem}.Arrow{font-size:2.5rem;margin:0 8px}}@media (max-height: 500px) and (orientation: landscape){.StepsContainer{margin-top:2vh;padding:10px}.StepsTitle{font-size:1.3rem}.StepTitle{font-size:.8rem}.StepNumber{font-size:1.8rem;margin-top:1vh!important}.StepDesc{font-size:.75rem}.Arrow{font-size:1.5rem;margin:0 2px}}.file-upload-container{width:80vh;margin-top:16px;justify-content:center;align-content:center}.file-label{font-weight:700;display:flex;justify-content:space-between;margin-bottom:5px;color:#000}.sample-text{color:#00f;text-decoration:underline;cursor:pointer;font-size:12px}.file-upload-box{border:2px dashed #1c4d5ad2;border-radius:5px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease-in-out;background-color:#fff6f6}.file-upload-box:hover{border-color:#68a4e0;background-color:#f0f8ff}.file-uploaddesc{color:#1c4d5ad2}.upload-icon{font-size:40px;color:#1c4d5ad2;margin-bottom:5px}.ClericalCB{color:#1c4d5ad2!important}.ClericalErrorContainer{max-width:100vw;width:100vw;min-height:100vh;align-items:center;display:flex;flex-direction:column;margin:0!important;padding:0 2vw;box-sizing:border-box}.TitleClerical{font-weight:600!important;background-color:#184a5b;text-align:center;margin-bottom:10px;color:#fff;padding:3vw 1vw!important;width:100vw;margin-top:0!important;font-size:2.2vw}.SubtitleClerical{text-align:center!important;margin-bottom:20px;color:#184a5b;font-size:1.5vw!important;font-weight:bolder!important;margin-top:2vh!important}.SectionTitleClerical{font-weight:550!important;margin-bottom:10px;color:#184a5b;margin-top:2vh!important;font-size:1.2vw}.ImpotantNotesClerical{margin-top:20px;padding:2vw;width:100%;max-width:600px;background-color:#f9f9f9;border-left:5px solid #184a5b;color:#184a5b;box-sizing:border-box}.ImportantNote{font-weight:700;margin-bottom:10px;color:#fff!important;background-color:#184a5b!important;padding:5px 15px}.ClericalErrorContainer{transition:margin-left ease;margin-left:0}.ClericalErrorContainer.sidebar-open{margin-left:250px;width:100vw}.DocumentsPaperClerical{width:100%;max-width:900px;margin:16px auto 0;background:#fff;border-radius:9px;border:1.5px solid #b6c6d2;box-shadow:0 2px 10px #184a5b0a;padding:36px 32px 32px;display:flex;flex-direction:column;gap:28px}.BackButtonClerical{border:solid 1px #184a5b!important;margin-right:1vw!important;color:#184a5b!important;font-weight:700;padding:8px 24px;border-radius:8px;transition:background-color .3s ease}.BackButtonClerical:hover{background-color:#184a5b!important;color:#f5f5f5!important}.SubmitButtonClerical{background-color:#184a5b!important;color:#fff!important;font-weight:700;padding:8px 24px;border-radius:8px;transition:background-color .3s ease;border:none!important}.SubmitButtonClerical:disabled{background-color:#b6c6d2!important;color:#f5f5f5!important}.ButtonContainerClerical{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.SubmitButtonClerical:hover{background-color:#678c98!important;color:#f5f5f5!important}@media (max-width: 900px){.DocumentsPaperClerical{max-width:98vw;padding:4vw 2vw}.ImpotantNotesClerical{max-width:95vw;padding:3vw 2vw}.TitleClerical{font-size:3vw}.SectionTitleClerical{font-size:2vw}}@media (max-width: 600px){.ClericalErrorContainer{padding:0 1vw}.DocumentsPaperClerical{max-width:100vw;padding:6vw 2vw;gap:18px}.ImpotantNotesClerical{max-width:100vw;padding:4vw 2vw;font-size:.95rem}.TitleClerical{font-size:5vw;padding:6vw 2vw!important}.SubtitleClerical{font-size:3.5vw!important}.SectionTitleClerical{font-size:3vw}.ButtonContainerClerical{flex-direction:column;align-items:stretch;gap:12px}.BackButtonClerical,.SubmitButtonClerical{width:100%;font-size:1.1rem;margin-right:0!important}}@media (max-width: 375px){.TitleClerical{font-size:7vw;width:100vw}.SubtitleClerical{font-size:4vw!important}.SectionTitleClerical{font-size:4vw}.ImpotantNotesClerical{font-size:.9rem;padding:5vw 2vw;width:98vw}.DocumentsPaperClerical{padding:8vw 2vw;gap:12px}}@media (min-width: 1440px){.TitleClerical{font-size:2rem;padding:18px 48px!important;width:100vw}.SubtitleClerical{font-size:1.5rem!important}.SectionTitleClerical{font-size:1.2rem}.ImpotantNotesClerical{font-size:1.1rem;width:60vw;padding:24px 32px}.DocumentsPaperClerical{max-width:1100px;padding:48px 48px 40px;gap:36px}}@media (max-height: 500px) and (orientation: landscape){.TitleClerical{font-size:4vw;padding:3vw 1vw!important}.SubtitleClerical{font-size:2vw!important}.SectionTitleClerical{font-size:2vw}.ImpotantNotesClerical{font-size:.8rem;padding:2vw 1vw}.DocumentsPaperClerical{padding:3vw 1vw;gap:10px}}.BirthDashboardContainer{display:flex;flex-direction:column;align-items:center;height:100vh;width:100vw;overflow-x:hidden}.FormTitle{position:relative;font-weight:700;background-color:#1c4d5a;color:#fff;font-size:min(2vw,24px)!important;width:100%;padding:15px;text-align:center}.back-button-home{position:absolute;left:20px;background-color:#184a5b!important;color:#f5f5f5!important;border-color:none;border:#f5f5f5!important;font-size:.85rem!important;padding:6px 14px!important}.FormPaper{padding:20px;width:80vw!important;max-width:1200px;background-color:#fff;border-radius:8px;margin-top:5vh!important}.Section{margin-bottom:15px;text-align:start}.SectionTitle{font-weight:700;margin-bottom:5px;background-color:#1c4d5a;color:#fff;text-align:start;padding:10px}.SubTitleBirthCertificate{font-size:clamp(14px,1.3vw,18px)!important;color:#555;margin-left:35px!important;text-align:start;font-style:italic!important;font-weight:700!important;margin-top:3vh!important}.BirthDashRadioGroup{margin-left:30px!important}.BirthNextButton{background-color:#1c4d5a!important;color:#fff!important;width:clamp(120px,10vw,200px);margin-top:5vh!important}.BirthDashboardContainer{transition:margin-left ease;margin-left:0}.BirthDashboardContainer.sidebar-open{margin-left:250px;width:calc(100vw - 250px)}.dataPrivacyNotice{font-size:12px;color:#1c4d5a;font-weight:700;margin-top:20px!important}.dataPrivacyNoticeLink{color:#1c4d5a!important;font-weight:700!important}.dataPrivacyNoticeContainer{margin-left:20px}.Privacy-TagalogNotice{color:#484747}@media screen and (max-width: 1024px){.FormPaper{width:90vw!important}.BirthDashboardContainer.sidebar-open{margin-left:200px;width:calc(100vw - 200px)}.SubTitleBirthCertificate{margin-left:20px!important;font-size:18px!important}}@media screen and (max-width: 768px){.FormTitle{font-size:18px!important;padding:12px}.back-button-home{left:10px;padding:4px 10px!important;font-size:.75rem!important}.FormPaper{width:95vw!important;padding:15px}.SubTitleBirthCertificate{margin-left:20px!important;font-size:18px!important}.BirthDashRadioGroup{margin-left:15px!important}.BirthDashboardContainer.sidebar-open{margin-left:0;width:100vw}.dataPrivacyNoticeContainer{margin-left:10px}}@media screen and (max-width: 480px){.FormTitle{font-size:16px!important;padding:10px}.back-button-home{left:5px;padding:3px 8px!important;font-size:.7rem!important}.FormPaper{padding:10px;margin-top:3vh!important}.SectionTitle{padding:8px}.SubTitleBirthCertificate{margin-left:10px!important;margin-top:2vh!important;font-size:18px!important}.BirthDashRadioGroup{margin-left:5px!important}.BirthNextButton{width:100%}.dataPrivacyNoticeContainer{margin-left:5px}}.FirstNameContainer{max-width:100vw;width:100vw;min-height:100vh;align-items:center;display:flex;flex-direction:column;margin:0!important}.TitleFirstName{font-weight:600!important;background-color:#184a5b;text-align:center;margin-bottom:10px;color:#fff;padding:20px!important;width:100vw;margin-top:0!important;font-size:2.5vw}.SubtitleFirstName{text-align:left!important;margin-bottom:20px;color:#184a5b;font-size:1.2vw!important;font-weight:bolder!important;margin-top:5vh!important}.SectionTitleFirstName{font-weight:550!important;margin-bottom:10px;color:#184a5b;margin-top:5vh!important;font-size:1.2vw}.MarriedCheckboxFirstName{margin-top:10px;color:#184a5b!important}.ImportantNotes{margin-top:20px;padding:15px;width:80vw;background-color:#f9f9f9;border-left:5px solid #184a5b;color:#184a5b;font-size:1.5vw}.ImportantNotes h6,.SectionTitleFirstName{font-weight:700;margin-bottom:5px;color:#fff;background-color:#184a5b;padding:5px 5px 5px 15px}.FirstNameContainer{transition:margin-left ease;margin-left:0}.FirstNameContainer.sidebar-open{margin-left:250px;width:100vw}.dialog-box .MuiPaper-root{border-radius:10px;padding:20px;max-width:400px}.dialog-box .MuiDialogTitle-root{font-size:18px;font-weight:700;text-align:center}.ApplicationDialogContainer{width:100vw}.ApplicationDialogTitle{background-color:#184a5b;color:#f9f9f9;margin-bottom:5vh!important;box-shadow:0 4px 6px #0000004d}.ApplicationDialogContent{color:#184a5b!important}.ApplicationDialogBtnC{color:gray!important}.ApplicationDialogBtnS{color:#fff!important;background-color:#184a5b!important;width:10vw}.DocumentsPaperFirstName{width:95vw;max-width:900px;margin:16px auto 0;background:#fff;border-radius:9px;border:1.5px solid #b6c6d2;box-shadow:0 2px 10px #184a5b0a;padding:5vw 2vw;display:flex;flex-direction:column;gap:28px}.BackButtonFirstName,.SubmitButtonFirstName{font-weight:700;padding:8px 24px;border-radius:8px;transition:background-color .3s ease;font-size:2vw;width:50vw;min-width:180px;max-width:400px}.BackButtonFirstName{border:solid 1px #184a5b!important;margin-right:1vw!important;color:#184a5b!important;background:#fff}.BackButtonFirstName:hover{background-color:#184a5b!important;color:#f5f5f5!important}.SubmitButtonFirstName{background-color:#184a5b!important;color:#fff!important;border:none!important}.SubmitButtonFirstName:hover{background-color:#678c98!important;color:#f5f5f5!important}.SubmitButtonFirstName:disabled{background-color:#b6c6d2!important;color:#f5f5f5!important}@media (max-width: 900px){.TitleFirstName{font-size:3vw!important;width:100vw}.SubtitleFirstName,.SectionTitleFirstName{font-size:2.5vw!important}.ImportantNotes{width:90vw;font-size:3vw;padding:10px}.DocumentsPaperFirstName{max-width:98vw;padding:18px 8px}.BackButtonFirstName,.SubmitButtonFirstName{width:80vw;font-size:3vw}}@media (max-width: 600px){.TitleFirstName{font-size:6vw;width:100vw}.SubtitleFirstName,.SectionTitleFirstName{font-size:4vw!important}.ImportantNotes{width:98vw;font-size:4vw;padding:8px}.DocumentsPaperFirstName{max-width:100vw;padding:10px 2px;gap:12px}.BackButtonFirstName,.SubmitButtonFirstName{width:95vw;font-size:4vw;padding:8px 0}}.MarriageLicenseContainer{width:100vw;height:auto;display:flex;flex-direction:column;align-items:center;margin:0!important;padding:0;box-sizing:border-box}.TitleMarriageLicense{font-weight:600!important;background-color:#184a5b;text-align:center;color:#fff;width:100vw;margin:0!important;padding:10px 0 0!important;font-size:24px;align-items:center;justify-content:center;height:60px}.SubtitleMarriageLicense{text-align:center;margin:20px 10px;color:#184a5b;font-size:18px;font-weight:600;padding:0 20px}.MandatoryDocumentsMarriageLicense{width:95%;max-width:900px;margin:16px auto;background:#fff;border-radius:9px;border:1.5px solid #b6c6d2;box-shadow:0 2px 10px #184a5b0a;padding:20px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.uploaded-files-list{color:#184a5b}.SectionTitleMarriageLicense{font-weight:600!important;margin:10px 0;color:#fff;font-size:16px;background-color:#184a5b;padding:10px 15px;border-radius:5px}.ApplicantTypeSectionMarriageLicense{display:flex;justify-content:space-between;margin-bottom:20px;color:#184a5b;flex-wrap:wrap;gap:10px}.AdditionalDocumentsMarriageLicense{width:95%;max-width:900px;margin:16px auto;background:#fff;border-radius:9px;border:1.5px solid #b6c6d2;box-shadow:0 2px 10px #184a5b0a;padding:20px;display:flex;flex-direction:column;gap:20px;color:#184a5b;box-sizing:border-box}.ButtonContainerMarriageLicense{display:flex;justify-content:space-between;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e6eaed;width:95%;max-width:60vw!important;margin-left:auto;margin-right:auto}.SubmitButtonMarriageLicense{font-weight:500!important;padding:10px 24px!important;background-color:#184a5b!important;color:#fff!important;box-shadow:0 2px 4px #0003!important;border-radius:5px!important;text-transform:none!important;font-size:16px!important;border:none!important;float:right!important;margin-left:auto!important;min-width:150px;flex:1;max-width:200px;margin-bottom:20px!important}.SubmitButtonMarriageLicense:hover{background-color:#13647d!important}.SubmitButtonMarriageLicense:disabled{background-color:#ccc!important;box-shadow:none!important;cursor:not-allowed!important}.BackButtonMarriageLicense{font-weight:500!important;padding:10px 24px!important;border:1px solid #184a5b!important;color:#184a5b!important;background-color:#f0f0f0!important;border-radius:5px!important;text-transform:none!important;font-size:16px!important;float:left!important;margin-right:auto!important;min-width:150px;flex:1;max-width:200px;max-height:40px}.BackButtonMarriageLicense:hover{background-color:#184a5b14!important}@media (max-width: 1199px){.TitleMarriageLicense{font-size:22px;line-height:55px;height:55px}.SubtitleMarriageLicense{font-size:16px;margin:15px 10px}.SectionTitleMarriageLicense{font-size:15px;padding:8px 12px}.MandatoryDocumentsMarriageLicense,.AdditionalDocumentsMarriageLicense{width:90%;padding:18px}.ButtonContainerMarriageLicense{max-width:80vw!important}}@media (max-width: 767px){.TitleMarriageLicense{font-size:18px;line-height:50px;height:50px}.SubtitleMarriageLicense{font-size:14px;margin:10px 5px;text-align:center}.SectionTitleMarriageLicense{font-size:14px;padding:8px 10px}.MandatoryDocumentsMarriageLicense,.AdditionalDocumentsMarriageLicense{width:95%;padding:15px;gap:15px}.ApplicantTypeSectionMarriageLicense{flex-direction:column;gap:15px}.ButtonContainerMarriageLicense{flex-direction:column;gap:1rem;width:90%;margin:20px auto 30px}.BackButtonMarriageLicense,.SubmitButtonMarriageLicense{width:100%!important;max-width:none;min-width:auto;padding:12px!important;font-size:14px!important;float:none!important;margin:0!important}}@media (max-width: 480px){.TitleMarriageLicense{font-size:16px!important;align-items:center}.SubtitleMarriageLicense{font-size:12px;margin:8px 5px}.SectionTitleMarriageLicense{font-size:12px;padding:6px 8px}.MandatoryDocumentsMarriageLicense,.AdditionalDocumentsMarriageLicense{width:98%;padding:12px;gap:12px;margin:10px auto}.SubmitButtonMarriageLicense,.BackButtonMarriageLicense{font-size:12px!important;padding:10px!important}}@media (max-width: 375px){.TitleMarriageLicense{font-size:14px;line-height:40px;height:40px}.SubtitleMarriageLicense{font-size:11px;margin:5px}.SectionTitleMarriageLicense{font-size:11px;padding:5px 6px}.MandatoryDocumentsMarriageLicense,.AdditionalDocumentsMarriageLicense{padding:10px;gap:10px}}@media (max-height: 500px) and (orientation: landscape){.TitleMarriageLicense{line-height:35px;height:35px;font-size:14px}.SubtitleMarriageLicense{margin:5px;font-size:12px}.MandatoryDocumentsMarriageLicense,.AdditionalDocumentsMarriageLicense{padding:10px;margin:8px auto}}.DelayedAbove18Container{max-width:100vw;width:100vw;min-height:100vh!important;display:flex;flex-direction:column;align-items:center;background:#f9f9f9;transition:margin-left .3s ease}.DelayedAbove18Container.sidebar-open{margin-left:250px;width:calc(100vw - 250px)}.TitleDelayedAbove18{font-weight:600!important;background-color:#184a5b;text-align:center;color:#fff;padding:20px!important;width:100vw;margin-bottom:20px}.SubtitleDelayedAbove18{color:#184a5b;margin-top:10px!important;font-size:1.15rem;font-weight:500;margin-bottom:8px;text-align:left;width:100%;max-width:900px}.DocumentsPaperDelayedAbove18{width:100%;max-width:900px;margin:16px auto 0;background:#fff;border-radius:9px;border:1.5px solid #b6c6d2;box-shadow:0 2px 10px #184a5b0a;padding:36px 32px 32px;display:flex;flex-direction:column;gap:28px}.SectionTitleDelayedAbove18{font-weight:600!important;color:#184a5b;font-size:1.1rem;text-align:left;margin-bottom:14px!important;margin-top:0!important}.RequirementsContainerDelayedAbove18{padding:0;background:transparent;width:100%}.MandatoryHighlightDelayedAbove18{background:#fff3f3;border-left:5px solid #e53935;color:#c62828;padding:11px 22px;font-weight:600;margin-bottom:18px;font-size:1.08rem;border-radius:5px;width:100%;box-sizing:border-box}.FileUploadContainerDelayedAbove18{width:100%;margin-bottom:14px}.FileUploadLabelDelayedAbove18{font-size:1rem;font-weight:500;margin-bottom:3px;color:#184a5b;display:flex;align-items:center;justify-content:space-between}.FileUploadBoxDelayedAbove18{border:1.4px dashed #b1b1b1;border-radius:6px;background:#fafbfc;padding:12px 0;text-align:center;color:#929292;font-size:.98rem;cursor:pointer;transition:border-color .2s;margin-top:4px;margin-bottom:0;min-height:42px}.FileUploadBoxDelayedAbove18.drag-active{border-color:#1976d2;background:#e3f2fd}.CheckboxDelayedAbove18 .MuiCheckbox-root{color:#184a5b!important}.CheckboxDelayedAbove18 .MuiTypography-root{color:#184a5b;font-weight:500}.CheckboxDelayedAbove18{margin-right:36px!important}.ButtonContainerDelayedAbove18{display:flex;justify-content:space-between;gap:12px;margin-top:36px;width:100%;max-width:900px}.BackButtonDelayedAbove18{border-color:#184a5b!important;color:#184a5b!important;font-weight:500!important}.SubmitButtonDelayedAbove18{background-color:#184a5b!important;color:#fff!important;font-weight:600!important;border-radius:6px!important;min-width:190px;transition:background .23s}.SubmitButtonDelayedAbove18:disabled{background:#e0e0e0!important;color:#bdbdbd!important;cursor:not-allowed;border:none!important}.ImportantNotes{padding:21px 20px 18px;background:#f7fafd;border:1.3px solid #b6c6d2;border-radius:7px;margin-top:16px;margin-bottom:0;width:100%;max-width:900px;font-size:1.01rem}.ImportantNotes h6,.ImportantNotes{font-size:1.08rem;font-weight:600;margin-bottom:8px}.SuccessAlertDelayedAbove18{margin-top:22px;padding:11px 15px;background:#c9f7e6;color:#0f5132;text-align:center;border-radius:6px;font-weight:600;width:100%;max-width:900px}@media (max-width: 768px){.TitleDelayedAbove18{font-size:1rem!important}}@media (max-width: 425px){.TitleDelayedAbove18{font-size:.8rem!important;width:100%}}.FormContainerBelow18{max-width:100vw;width:100vw;height:auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9f9f9;transition:margin-left .3s ease}.DocumentsPaperBelow18{width:100%;max-width:900px;margin:16px auto 0;background:#fff;border-radius:9px;border:1.5px solid #b6c6d2;box-shadow:0 2px 10px #184a5b0a;padding:36px 32px 32px;display:flex;flex-direction:column;gap:28px}.FormTitleBelow18{font-weight:600!important;background-color:#184a5b;text-align:center;margin-bottom:10px;color:#fff;padding:20px!important;width:120vw;margin-top:0!important}.FormSubtitleBelow18{text-align:left!important;margin-bottom:20px;color:#184a5b;font-size:1.2vw!important;font-weight:bolder!important;margin-top:5vh!important}.SectionTitleBelow18{font-weight:550!important;margin-bottom:10px;color:#184a5b;margin-top:5vh!important;font-size:1.2vw}.CheckboxBelow18{margin-top:10px;color:#184a5b!important}.ButtonApplication{width:40vw;color:#fff;background-color:#184a5b!important;padding:10px;font-size:16px;margin-top:10px;margin-bottom:10vh!important}.FormContainerBelow18{transition:margin-left ease;margin-left:0}.FormContainerBelow18.sidebar-open{margin-left:250px;width:100vw}.ButtonContainerBelow18{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;width:100%;max-width:900px}.BackButtonBelow18{border-color:#184a5b!important;color:#184a5b!important;font-weight:500!important}.SubmitButtonBelow18{background-color:#184a5b!important;color:#fff!important;font-weight:600!important;border-radius:6px!important;min-width:190px!important;transition:background .23s}.SubmitButtonBelow18:disabled{background:#e0e0e0!important;color:#bdbdbd!important;border:none!important}@media (max-width: 768px){.FormTitleBelow18{font-size:1rem!important}}@media (max-width: 425px){.FormTitleBelow18{font-size:.8rem!important;width:100%}}.hidden-input{display:none}.CorrectionCB{color:#1c4d5ad2!important}.CorrectionContainer{max-width:100vw;width:100vw;min-height:100vh;align-items:center;display:flex;flex-direction:column;margin:0!important;box-sizing:border-box}*{margin:0;padding:0}.TitleCorrection{font-weight:600!important;background-color:#184a5b;text-align:center;margin-bottom:10px;color:#fff;padding:20px!important;width:100vw;margin-top:0!important;font-size:2.2vw}.SubTitleCorrection{text-align:center!important;margin-bottom:20px;color:#184a5b;font-size:1.5vw!important;font-weight:bolder!important;margin-top:2vh!important}.SectionTitleDOBCorrection{font-weight:550!important;margin-bottom:56px;color:#184a5b;margin-top:1vh!important;font-size:1.2vw}.ImportantNotes h6,.SectionTitleDOBCorrection{font-weight:700;margin-bottom:5px;color:#fff;background-color:#184a5b;padding:5px 5px 5px 15px}.ImportantNotesCorection{margin-top:20px;padding:15px;width:45vw;background-color:#f9f9f9;border-left:5px solid #184a5b;color:#184a5b!important;box-sizing:border-box}.DocumentsPaperCorrection{width:100%;max-width:900px;margin:8px auto 0;background:#fff;border-radius:9px;border:1.5px solid #b6c6d2;box-shadow:0 2px 10px #184a5b0a;padding:36px 32px 32px;display:flex;flex-direction:column;gap:1px;box-sizing:border-box}.MarriedCheckbox{margin-top:10px;color:#184a5b!important}.CorrectionContainer{transition:margin-left ease;margin-left:0}.CorrectionContainer.sidebar-open{margin-left:250px;width:100vw}.BackButtonCorrection{border:solid 1px #184a5b!important;margin-right:1vw!important;color:#184a5b!important;font-weight:700;padding:8px 24px;border-radius:8px;transition:background-color .3s ease}.BackButtonCorrection:hover{background-color:#184a5b!important;color:#f5f5f5!important}.SubmitButtonCorrection{background-color:#184a5b!important;color:#fff!important;font-weight:700;padding:8px 24px;border-radius:8px;transition:background-color .3s ease;border:none!important}.SubmitButtonCorrection:hover{background-color:#678c98!important;color:#f5f5f5!important}.SubmitButtonCorrection:disabled{background-color:#b6c6d2!important;color:#f5f5f5!important}.ButtonContainerCorrection{margin-top:20px;display:flex;justify-content:space-between}@media (max-width: 900px){.DocumentsPaperCorrection{max-width:98vw;padding:4vw 2vw}.ImportantNotesCorection{width:80vw;padding:3vw 2vw}.TitleCorrection{font-size:2.5vw!important}.SectionTitleDOBCorrection{font-size:2vw}}@media (max-width: 600px){.CorrectionContainer{padding:0 1vw}.DocumentsPaperCorrection{max-width:100vw;padding:6vw 2vw;gap:8px}.ImportantNotesCorection{width:98vw;padding:4vw 2vw;font-size:.95rem}.TitleCorrection{font-size:5vw}.SubTitleCorrection{font-size:3.5vw!important}.SectionTitleDOBCorrection{font-size:3vw}.ButtonContainerCorrection{display:flex;flex-direction:column;align-items:stretch;gap:12px}.BackButtonCorrection,.SubmitButtonCorrection{width:100%;font-size:1.1rem;margin-right:0!important}}@media (max-width: 375px){.TitleCorrection{font-size:7vw;width:100vw}.SubTitleCorrection{font-size:4vw!important}.SectionTitleDOBCorrection{font-size:4vw}.ImportantNotesCorection{font-size:.9rem;padding:5vw 2vw;width:98vw}.DocumentsPaperCorrection{padding:8vw 2vw;gap:6px}}@media (min-width: 1440px){.TitleCorrection{font-size:2rem;width:100vw}.SubTitleCorrection{font-size:1.5rem!important}.SectionTitleDOBCorrection{font-size:1.2rem}.ImportantNotesCorection{font-size:1.1rem;width:60vw;padding:24px 32px}.DocumentsPaperCorrection{max-width:1100px;padding:48px 48px 40px;gap:24px}}@media (max-height: 500px) and (orientation: landscape){.TitleCorrection{font-size:4vw}.SubTitleCorrection{font-size:2vw!important}.SectionTitleDOBCorrection{font-size:2vw}.ImportantNotesCorection{font-size:.8rem;padding:2vw 1vw}.DocumentsPaperCorrection{padding:3vw 1vw;gap:4px}}.DelayedOutOfTownContainer{max-width:100vw;width:100vw;height:auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;transition:margin-left .3s ease;padding-bottom:3rem}.DelayedOutOfTownContainer.sidebar-open{margin-left:250px;width:calc(100vw - 250px)}.TitleDelayedOutOfTown{font-weight:600!important;background-color:#184a5b!important;text-align:center;color:#fff!important;padding:24px!important;width:100%;margin-bottom:30px!important;box-shadow:0 4px 6px #0000001a;position:relative}.TitleDelayedOutOfTown:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff4d}.DocumentsPaperOutOfTown{width:90%;max-width:1000px;margin:0 auto 3rem;padding:2.5rem;border-radius:8px!important;box-shadow:0 4px 15px #0000001a!important;background-color:#fff!important;border-top:5px solid #184a5b}.SectionTitleDelayedOutOfTown{font-weight:600!important;color:#184a5b!important;font-size:1.25rem!important;margin-top:2rem!important;margin-bottom:1rem!important;border-bottom:2px solid #e6eaed}.PersonalAppearanceOut{font-weight:600!important;text-align:left!important;color:#711!important;padding:15px!important;margin:1rem 0 1.5rem!important;background-color:#fff8f8;border-radius:4px;border-left:4px solid rgb(119,17,17)}.ImportantNotes{margin-top:2rem;padding:1.5rem;background-color:#184a5b0d;border-radius:4px;border-left:4px solid #184a5b;width:100%}.ImportantNotes h6{color:#fff;margin-bottom:1rem;font-weight:600}.ImportantNotes .MuiTypography-body2{margin-bottom:.5rem;color:#424242;line-height:1.6}.ButtonContainerOutOfTown{display:flex;justify-content:space-between;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e6eaed;width:100%}.BackButtonOutOfTown{font-weight:500!important;padding:10px 24px!important;border-color:#184a5b!important;color:#184a5b!important;float:left!important;margin-right:auto!important}.BackButtonOutOfTown:hover{background-color:#184a5b14!important}.SubmitButtonOutOfTown{font-weight:500!important;padding:10px 24px!important;background-color:#184a5b!important;color:#fff!important;box-shadow:0 2px 4px #0003!important;float:right!important;margin-left:auto!important}.SubmitButtonOutOfTown:hover{background-color:#13647d!important}.SubmitButtonOutOfTown:disabled{background-color:#ccc!important;box-shadow:none!important}@media (max-width: 768px){.DocumentsPaperOutOfTown{padding:1.5rem;width:95%}.ButtonContainerOutOfTown{flex-direction:column;gap:1rem}.BackButtonOutOfTown,.SubmitButtonOutOfTown{width:100%}.BackButtonOutOfTown{order:2}.SubmitButtonOutOfTown{order:1}.TitleDelayedOutOfTown{font-size:1rem!important}}.file-upload-container{border:1px solid #e0e0e0;border-radius:4px;padding:16px;margin-bottom:16px;transition:all .2s ease;background-color:#fcfcfc;width:100%}.file-upload-container:hover{border-color:#184a5b;background-color:#184a5b08}.file-upload-label{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:#333}.file-upload-required{color:#711;margin-left:5px;font-size:18px}.file-upload-success{color:#2e7d32;font-size:14px;display:flex;align-items:center}[role=button]{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;border:2px dashed #ddd!important;border-radius:4px!important;padding:20px!important;text-align:center!important;background-color:#fafafa!important;transition:all .2s ease!important}[role=button]:hover{border-color:#184a5b!important;background-color:#184a5b08!important}[role=button] p{text-align:center;margin:0}.FileUploadLabel{text-align:left;width:100%;display:block;margin-bottom:10px}.file-dropzone{width:100%;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}.DelayedOneParentForeignerContainer{max-width:100vw;width:100vw;height:auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9f9f9;transition:margin-left .3s ease}.DelayedOneParentForeignerContainer.sidebar-open{margin-left:250px;width:calc(100vw - 250px)}.DocumentsPaperDelayedOneParentForeigner{width:100%;max-width:900px;margin:16px auto 0;background:#fff;border-radius:9px;border:1.5px solid #b6c6d2;box-shadow:0 2px 10px #184a5b0a;padding:36px 32px 32px;display:flex;flex-direction:column;gap:28px}.TitleDelayedOneParentForeigner{font-weight:600!important;background-color:#184a5b;text-align:center;color:#fff;padding:20px!important;width:100vw;margin-bottom:20px}.SectionTitleForeigner{font-weight:600!important;color:#184a5b;font-size:1.1rem;text-align:left;margin-bottom:14px!important;margin-top:0!important}.SectionulForeigner{color:#13647d}.PersonalAppearance{font-weight:600!important;text-align:center;color:#711;padding:20px!important;width:100vw;margin-bottom:20px}.SectionTitleDelayedOneParentForeigner{font-weight:550!important;color:#184a5b;font-size:1.2rem;margin-top:5vh!important;text-align:center;width:100%;max-width:800px}.RequirementsContainer{padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;max-width:800px}.RequirementItem{padding:8px 0;font-size:16px;border-bottom:1px solid #ddd}.RequirementItem:last-child{border-bottom:none}.FileUploadContainer{display:flex;flex-direction:column;gap:15px;width:100%;max-width:800px}.FileUploadContainer label{font-size:16px;font-weight:700;display:block;margin-bottom:8px}.FileUploadContainer input[type=file]{display:block;margin-bottom:10px;padding:5px}.SubmitButton:hover:not(:disabled){background-color:#13647d!important}.SuccessAlert{margin-top:20px;padding:10px;background:#28a745;color:#fff;text-align:center;border-radius:5px;font-weight:700;width:100%;max-width:800px}.BackButtonOneParentForeigner{border-color:#184a5b!important;color:#184a5b!important;font-weight:500!important}.SubmitButtonOneParentForeigner{background-color:#184a5b!important;color:#fff!important;font-weight:600!important;border-radius:6px!important;min-width:190px!important;transition:background .23s}.SubmitButtonOneParentForeigner:disabled{background:#e0e0e0!important;color:#bdbdbd!important;border:none!important}.ButtonContainerDelayedOneParentForeigner{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;width:100%;max-width:900px}@media (max-width: 768px){.TitleDelayedOneParentForeigner{font-size:.8rem!important}}@media (max-width: 425px){.TitleDelayedOneParentForeigner{font-size:.8rem!important;width:100%}}.BirthCertificateFormContainer{width:100vw;display:flex;flex-direction:column;align-items:center;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a}.BirthCertificateFormTitle{text-align:center;color:#fff;font-size:2rem!important;font-weight:500!important;width:100%;padding:10px;background-color:#1c4d5a}.BirthCertificateForm{display:flex;flex-direction:column;gap:15px;margin-top:50px;width:70vw;margin-bottom:10vh!important}.BirthCertificateFormButton{margin-top:10px;background-color:#1c4d5a!important;color:#fff!important}.back-button-home-form{position:absolute;left:20px;background-color:#184a5b!important;color:#f5f5f5!important;border:1px solid #f5f5f5!important;font-size:.85rem!important;padding:6px 14px!important}@media screen and (max-width: 768px){.BirthCertificateForm{width:90vw;margin-top:20px}.FormTitleHeader{padding:10px;flex-direction:row;align-items:center;justify-content:center;position:relative}.back-button-home-form{position:absolute;left:10px;margin-bottom:0;font-size:.75rem!important;padding:4px 10px!important}.FormTitleText{font-size:1.2rem!important;text-align:center;padding:0 40px}}@media screen and (max-width: 480px){.FormTitleText{font-size:.9rem!important;padding:0 30px}.back-button-home-form{padding:2px 8px!important;font-size:.7rem!important;left:5px}}.BirthFormContainerChild{width:100%;max-width:100%;font-family:Arial,sans-serif;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-sizing:border-box}.FormHeaderChild{background-color:#1d4e5f;color:#fff;padding:8px 12px;font-weight:600;width:100%;text-align:center;box-sizing:border-box}.FormContentChild{padding:16px;box-sizing:border-box}.FormSectionChild{margin-bottom:20px;width:100%}.SectionTitleChild{font-weight:600;margin-bottom:10px;width:100%}.SectionTitleHalfChild{font-weight:600;width:100%}.FormRowChild{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;align-items:flex-start;width:100%;box-sizing:border-box}.FormRowSpaceBetweenChild{justify-content:space-between}.FormGroupChild{flex:1;min-width:150px;box-sizing:border-box}.FormFullWidthGroupChild{width:100%;box-sizing:border-box}.FormLabelChild{display:block;font-size:.875rem;margin-bottom:4px;white-space:normal;color:#1c4d5a!important;font-weight:500}.RequiredFieldChild{color:#dc3545;font-weight:700;margin-left:2px}.FormInputChild.error,.SelectInputChild.error,.SmallInputChild.error{border:2px solid #dc3545!important;background-color:#fff5f5}.ErrorMessageChild{color:#dc3545;font-size:.8rem;margin-top:4px;display:block;font-weight:500}.FormInputChild.error:focus,.SelectInputChild.error:focus,.SmallInputChild.error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540;outline:none}.SmallInputChild{width:150px;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important;box-sizing:border-box;height:40px;margin-top:4px}.SmallInputChild:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.SmallInputChild::placeholder{color:#1c4d5a99!important;font-size:12px!important}.SelectInputChild{padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important;height:40px;box-sizing:border-box;cursor:pointer}.DateSelectChild{width:100%;min-width:80px;background-color:#fff}.SexSectionChild{margin-left:140px}.DateSectionContainerChild{display:flex;flex-direction:column;flex:3;box-sizing:border-box}.DateRowChild{display:flex;margin-top:20px;gap:12px;width:100%;box-sizing:border-box}.DateLabelChild{flex:1;min-width:60px;font-size:.875rem;margin-bottom:4px}.DateInputsRowChild{display:flex;gap:12px;width:100%;box-sizing:border-box}.SexContainerChild{flex:1;min-width:150px;display:flex;align-items:center;box-sizing:border-box}.RadioGroupChild{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;width:100%}.RadioGroupInlineChild{display:flex;flex-wrap:wrap;margin-top:20px;gap:20px;align-items:center}.RadioLabelChild{display:flex;align-items:center;gap:4px;font-size:15px;cursor:pointer}.RadioInputChild{margin:0;cursor:pointer}.RadioLabelChild input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:18px;height:18px;border:2px solid #1d4e5f;border-radius:50%;outline:none;cursor:pointer}.RadioLabelChild input[type=radio]:checked{background-color:#1d4e5f;border:2px solid #1d4e5f;box-shadow:inset 0 0 0 3px #fff}.CheckboxInputChild{margin:0;cursor:pointer}.CheckboxContainerChild{display:flex;align-items:center;gap:8px}.CheckboxLabelChild{cursor:pointer}.CheckboxContainerChild input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:18px;height:18px;border:2px solid #1d4e5f;border-radius:3px;cursor:pointer;position:relative}.CheckboxContainerChild input[type=checkbox]:checked{background-color:#1d4e5f;border-color:#1d4e5f}.CheckboxContainerChild input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.ExtensionContainerChild{display:flex;margin-left:15vw;align-items:center;gap:8px}.ExtensionLabelChild{white-space:nowrap}.BirthOrderContainerChild{flex:1;min-width:150px;display:flex;flex-direction:column;gap:4px}.BirthOrderNoteChild{font-size:.75rem;color:#666}.WeightContainerChild{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.WeightUnitChild{white-space:nowrap;size:8px!important}.NotRequiredLabelChild{font-size:.75rem;color:#666}.TypeBirthContainerChild{flex:2;min-width:150px}@media screen and (max-width: 768px){.SectionTitleHalfChild{width:100%;margin-bottom:10px}.FormRowSpaceBetweenChild{flex-direction:column;gap:8px}.DateSectionContainerChild{width:100%}.SexContainerChild,.BirthOrderContainerChild{width:100%;margin-top:12px}.TypeBirthContainerChild{width:100%}}@media screen and (max-width: 768px){.FormRowChild{flex-direction:column}.SectionTitleHalfChild{margin-top:20px}.SexContainerChild .RadioGroupChild{display:flex;flex-direction:row;gap:24px;justify-content:flex-start}.FormSectionChild:first-child .SectionTitleHalfChild{margin-top:0}}@media screen and (max-width: 576px){.FormContentChild{padding:12px 8px}.SexSectionChild{margin-left:0}.SexContainerChild{margin-top:5px!important}.FormGroupChild{width:100%;flex:none}.DateRowChild,.DateInputsRowChild{gap:8px}.RadioGroupInlineChild{flex-direction:column;align-items:flex-start}.SmallInputChild{width:180px;max-width:100%}.FormLabelChild,.RadioLabelChild{font-size:.8rem}}@media screen and (max-width: 576px){.DateSectionContainerChild{width:100%}.DateRowChild{flex-direction:column;gap:8px}.DateInputsRowChild{flex-direction:column;gap:10px}.DateLabelChild{font-size:.875rem;margin-bottom:2px}.SelectInputChild.DateSelectChild{margin-bottom:8px}.SelectInputChild{width:100%;min-width:100%;font-size:14px;padding:8px 6px}}.BirthFormContainerMother{width:100%;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;font-family:Arial,sans-serif}.FormHeaderMother{background-color:#1d4e5f;color:#fff;padding:10px 15px;font-weight:700;text-align:center;font-size:16px}.FormContentMother{padding:16px}.FormSectionMother{margin-bottom:24px}.SectionTitleMother{font-weight:700;margin-bottom:16px;color:#333;font-size:15px}.SectionTitleHalfMother{font-weight:700;margin-bottom:12px;color:#333;font-size:15px}.FormRowMother{display:flex;flex-wrap:wrap;margin-bottom:16px;gap:16px}.FormGroupMother{flex:1;min-width:200px}.FormFullWidthGroupMother{width:100%;margin-bottom:12px}.FormLabelMother{display:block;font-size:14px;margin-bottom:6px;color:#1d4e5f}.FormInputMother{width:100%;padding:8px 12px;border:1.5px solid #2a5764;background-color:#fffdfd;color:#1d4e5f;height:45px;border-radius:6px;font-size:16px;box-sizing:border-box;box-shadow:inset 0 3px 2px #0000001a}.FormInputMother:focus{border:2px solid #24677a;outline:none}.CheckboxContainerMother{display:flex;align-items:center;margin-bottom:12px}.CheckboxLabelMother{font-size:14px;color:#333}.ExtensionContainerMother{display:flex;align-items:center;gap:12px;margin-left:20px}.ExtensionLabelMother{font-size:14px;color:#1d4e5f}.SelectInputMother{padding:8px 12px;border:1.5px solid #2a5764;background-color:#fffdfd;color:#1d4e5f;border-radius:6px;font-size:16px;min-width:120px;box-shadow:inset 0 3px 2px #0000001a}.SelectInputMother:focus{border:2px solid #24677a;outline:none}.SmallInputMother{width:100px;padding:8px 12px;border:1px solid #ccc;color:#1d4e5f;border-radius:4px;font-size:14px}.RadioGroupMother{display:flex;flex-direction:column;gap:8px;margin-top:8px}.RadioGroupInlineMother{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;align-items:center}.RadioLabelMother{display:flex;align-items:center;gap:6px;font-size:14px;color:#333}.RadioInputMother{margin:0}.RequiredFieldMother{color:red;margin-left:4px}.FormRowSpaceBetweenMother{display:flex;justify-content:space-between;align-items:center}.NotRequiredLabelMother{font-size:12px;color:#666;font-style:italic}.CheckboxContainerMother input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-right:10px;width:18px;height:18px;border:2px solid #1d4e5f;border-radius:3px;cursor:pointer;position:relative}.CheckboxContainerMother input[type=checkbox]:checked{background-color:#1d4e5f;border-color:#1d4e5f}.CheckboxContainerMother input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.FormInputMother.error,.SelectInputMother.error{border:2px solid #dc3545!important;background-color:#fff5f5}.ErrorMessageMother{color:#dc3545;font-size:.8rem;margin-top:4px;display:block;font-weight:500}.RequiredFieldMother{color:#dc3545;font-weight:700;margin-left:2px}.FormInputMother.error:focus,.SelectInputMother.error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540;outline:none}@media screen and (max-width: 768px){.FormRowMother{flex-direction:column;gap:12px}.FormGroupMother{width:100%}.ExtensionContainerMother{margin-left:0;margin-top:8px}}.BirthFormContainerFather{width:100%;margin-bottom:20px;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a}.FormHeaderFather{background-color:#1e4e5f;color:#fff;padding:12px 20px;font-size:18px;font-weight:700;text-transform:uppercase;text-align:center}.FatherAcknowledgmentContainer{padding:20px;background-color:#f8f9fa;border-bottom:1px solid #ddd}.FatherAcknowledgmentTitle{font-weight:700!important;font-size:16px!important;color:#1e4e5f;margin-bottom:10px!important}.FatherAcknowledgmentFormControl{margin-top:8px!important}.NotAcknowledgedCheckboxContainer{display:flex;align-items:center;margin-top:10px;margin-left:20px}.CheckboxLabelFather{font-size:15px!important;font-weight:700}.FormContentFather{padding:20px}.FormSectionFather{margin-bottom:20px}.SectionTitleFather,.SectionTitleHalfFather{font-weight:700;color:#000;margin-bottom:10px}.FormRowFather{display:flex;justify-content:space-between;margin-bottom:15px;gap:15px}.FormGroupFather{flex:1;display:flex;flex-direction:column}.FormLabelFather{color:#1e4e5f;margin-bottom:5px}.FormInputFather{padding:8px 12px;border:1.5px solid #2a5764;background-color:#fffdfd;color:#1e4e5f;height:45px;border-radius:6px;font-size:16px;width:100%;box-sizing:border-box;box-shadow:inset 0 3px 2px #0000001a}.FormInputFather:focus{border:2px solid #24677a;outline:none}.CheckboxContainerFather{display:flex;align-items:center;margin-bottom:10px}.CheckboxInputFather{margin-right:8px}.CheckboxContainerFather input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-right:10px;width:18px;height:18px;border:2px solid #1d4e5f;border-radius:3px;cursor:pointer;position:relative}.CheckboxContainerFather input[type=checkbox]:checked{background-color:#1d4e5f;border-color:#1d4e5f}.CheckboxContainerFather input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.CheckboxLabelFather{font-size:14px}.ExtensionContainerFather{display:flex;align-items:center;margin-left:auto}.ExtensionLabelFather{margin-right:10px;color:#1e4e5f}.SelectInputFather{padding:8px 12px;border:1.5px solid #2a5764;background-color:#fffdfd;color:#1d4e5f;border-radius:6px;font-size:16px;width:150px;box-shadow:inset 0 3px 2px #0000001a}.SelectInputFather:focus{border:2px solid #24677a;outline:none}.FormFullWidthGroupFather{width:100%}.RequiredFieldFather{color:red;margin-left:3px}@media (max-width: 768px){.FormRowFather{flex-direction:column;gap:10px}.FormGroupFather{width:100%}.ExtensionContainerFather{margin-left:0;margin-top:10px}.SelectInputFather{width:100%}}.FatherAcknowledgmentFormControl.Mui-error .MuiFormControlLabel-root .MuiRadio-root,.FatherAcknowledgmentFormControl.Mui-error .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#dc3545}.FormInputFather.error,.SelectInputFather.error{border:2px solid #dc3545!important;background-color:#fff5f5}.ErrorMessageFather{color:#dc3545;font-size:.8rem;margin-top:4px;display:block;font-weight:500}.RequiredFieldFather{color:#dc3545;font-weight:700;margin-left:2px}.FormInputFather.error:focus,.SelectInputFather.error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540;outline:none}.MarriageInformationBirthFormContainer{width:100%;padding:16px;margin-bottom:24px}.MarriageChildStatusContainer{margin-bottom:20px}.MarriageFormHeader{background-color:#1d4e5f;color:#fff;padding:8px 12px;font-weight:600;width:100%;text-align:center;box-sizing:border-box}.MarriageFormTitle{font-weight:600!important;text-transform:uppercase}.MarriageFormSubtitle{font-weight:600;margin-bottom:10px;margin-top:10px}.MarriageFormContent{padding:0 8px}.MarriageFormDateField,.MarriageFormPlaceField{margin-bottom:16px!important}.MarriageChildStatusFormControl{margin-top:8px!important}.MarriageFormNote{margin-top:24px!important}.MarriageFormDateField .MuiOutlinedInput-root.Mui-error,.MarriageFormPlaceField .MuiOutlinedInput-root.Mui-error,.MarriageFormDateField .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline,.MarriageFormPlaceField .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#d32f2f}.MarriageChildStatusFormControl.Mui-error .MuiFormControlLabel-root .MuiRadio-root,.MarriageChildStatusFormControl.Mui-error .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#d32f2f}.MarriageFormDateField .MuiOutlinedInput-root.Mui-error.Mui-focused .MuiOutlinedInput-notchedOutline,.MarriageFormPlaceField .MuiOutlinedInput-root.Mui-error.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#d32f2f;box-shadow:0 0 0 .2rem #d32f2f40}.MarriageFormPlaceField .MuiOutlinedInput-root{border-radius:6px!important;background-color:#fffdfd!important;box-shadow:inset 0 3px 2px #0000001a!important}.MarriageFormPlaceField .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.MarriageFormPlaceField .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border:1.5px solid #2a5764!important}.MarriageFormPlaceField .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:2px solid #24677a!important}.MarriageFormPlaceField .MuiOutlinedInput-input{padding:8px 12px!important;font-size:16px!important;color:#1d4e5f!important;height:29px!important}.MarriageFormPlaceField .MuiInputLabel-root{color:#1d4e5f!important;font-size:16px!important}.MarriageFormPlaceField .MuiInputLabel-root.Mui-focused{color:#24677a!important}.MarriageFormDateField .MuiOutlinedInput-root{border-radius:6px!important;background-color:#fffdfd!important;box-shadow:inset 0 3px 2px #0000001a!important}.MarriageFormDateField .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.MarriageFormDateField .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border:1.5px solid #2a5764!important}.MarriageFormDateField .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:2px solid #24677a!important}.MarriageFormDateField .MuiSelect-select{padding:8px 12px!important;font-size:16px!important;color:#1d4e5f!important;height:29px!important}.MarriageFormDateField .MuiInputLabel-root{color:#1d4e5f!important;font-size:16px!important}.MarriageFormDateField .MuiInputLabel-root.Mui-focused{color:#24677a!important}@media (max-width: 600px){.MarriageFormHeader{padding:8px 12px}.MarriageFormContent{padding:0}}.BirthFormContainerAffidavit{width:100%;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;font-family:Arial,sans-serif}.FormHeaderAffidavit{background-color:#1d4e5f;color:#fff;padding:10px 15px;font-weight:700;text-align:center;font-size:16px}.AffidavitInput[disabled],.AffidavitSelect[disabled],.AffidavitTextarea[disabled]{background-color:#f5f5f5;color:#666;border:1px solid #ddd;cursor:not-allowed}.AffidavitReadOnly{opacity:.8}.SubHeaderAffidavit{background-color:#f5f5f5;color:#333;padding:6px 15px;text-align:center;font-size:12px;font-style:italic}.FormContentAffidavit{padding:16px}.FormSectionAffidavit{margin-bottom:24px}.FormRowAffidavit{display:flex;flex-wrap:wrap;margin-bottom:16px;gap:16px}.AffidavitText{width:100%;line-height:1.6;font-size:14px;color:#333}.AffidavitUnderlineInput{border:none;border-bottom:1px solid #333;padding:0 4px;margin:0 4px;min-width:150px;color:#1d4e5f;font-size:14px;outline:none;background-color:#ddd}.AffidavitShortInput{border:none;border-bottom:1px solid #333;padding:0 4px;margin:0 4px;width:40px;color:#1d4e5f;font-size:14px;text-align:center;outline:none;background-color:#ddd}.AffidavitShortInput1{border:none;border-bottom:1px solid #333;padding:0 4px;margin:0 4px;width:40px;color:#1d4e5f;font-size:14px;text-align:center;outline:none;background-color:#fff}.AffidavitMediumInput{border:none;border-bottom:1px solid #333;padding:0 4px;margin:0 4px;width:120px;color:#1d4e5f;font-size:14px;outline:none;background-color:#ddd}.AffidavitMediumInput1{border:none;border-bottom:1px solid #333;padding:0 4px;margin:0 4px;width:120px;color:#1d4e5f;font-size:14px;outline:none;background-color:#fff}.AffidavitLongInput{border:none;border-bottom:1px solid #333;padding:0 4px;margin:0 4px;min-width:250px;color:#1d4e5f;font-size:14px;outline:none;background-color:#ddd}.SignatureBlockAffidavit{flex:1;display:flex;flex-direction:column;align-items:center;min-width:200px}.SignatureBlockAffidavit.FullWidth{width:100%;text-align:center}.SignatureLine{width:100%;border-bottom:1px solid #333;margin-bottom:4px}.SignatureCaption{font-size:12px;color:#555;text-align:center;margin-bottom:16px}.CheckboxContainerAffidavit{display:flex;align-items:flex-start;margin-bottom:8px;margin-left:20px}.CheckboxInputAffidavit{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-right:10px;margin-top:3px;width:18px;height:18px;border:2px solid #1d4e5f;border-radius:3px;cursor:pointer;position:relative}.CheckboxInputAffidavit:checked{background-color:#1d4e5f;border-color:#1d4e5f}.CheckboxInputAffidavit:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.CheckboxLabelAffidavit{font-size:14px;color:#333;line-height:1.6}.RequiredFieldAffidavit{color:red;margin-left:4px}.MaritalStatusOptions{display:inline-flex;align-items:center;flex-wrap:wrap;margin:0 5px}.MaritalStatusCheckbox{margin-right:10px;display:inline-flex;align-items:center}.MaritalStatusCheckbox label{margin-left:3px;font-weight:400}.MaritalStatusCheckbox input[type=checkbox]{margin:0}@media screen and (max-width: 768px){.FormRowAffidavit{flex-direction:column;gap:12px}.SignatureBlockAffidavit{width:100%}.AffidavitLongInput,.AffidavitMediumInput,.AffidavitUnderlineInput{width:calc(100% - 8px);min-width:unset}}.CopyBirthCertificateContainer{width:100vw}.CopyBirthCertificateContainerCopyBirth{max-width:900px;margin:0 auto;padding:20px}.FormTitleCopyBirth{color:#fff;background-color:#1c4d5a;width:100vw;margin-bottom:8px!important;font-weight:600!important;text-align:center;padding:15px}.FormSubtitleCopyBirth{color:#555;text-align:center;margin-bottom:24px!important}.FormPaperCopyBirth{padding:24px;background-color:#fff;border-radius:8px}.FormSectionCopyBirth{margin-bottom:24px}.SectionTitleCopyBirth{color:#1c4d5a;margin-bottom:16px!important;font-weight:650!important;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.SubSectionTitleCopyBirth{margin-bottom:12px!important;font-size:16px;font-weight:600!important}.TextFieldCopyBirth{margin-bottom:8px!important;color:#000}.ExtensionNameBoxCopyBirth{margin-top:16px}.ExtensionSelectCopyBirth{width:150px!important;margin-left:16px!important}.SectionDividerCopyBirth{margin:32px 0!important}.SelectInputChild{background-color:#fff;color:#1c4d5a!important}.FormNoteCopyBirth{margin-bottom:24px;padding:16px;background-color:#f5f5f5;border-radius:4px;border-top:4px solid#1C4D5A}.FormNoteItemCopyBirth{margin-top:10px;margin-left:30px;font-size:15px;color:#1c4d5a}.FormLabelCopyBirth{font-size:16px;font-weight:600!important}.RequiredFieldCopyBirth{color:#f44336;margin-left:4px}.ButtonContainerCopyBirth{margin-top:20px;display:flex;justify-content:center}.NextButtonCopyBirth{min-width:100%!important;padding:10px 20px;font-weight:700;background-color:#1c4d5a!important}.InputError{border-color:#d32f2f!important;background-color:#fff8f8}.ErrorText{color:#d32f2f;font-size:.75rem;margin-top:3px;display:block}.ErrorSummary{background-color:#ffebee;padding:10px 15px;border-radius:4px;margin-bottom:20px;border:1px solid #f44336}.CopyBirthCertificateContainer.sidebar-open{margin-left:250px;width:80vw}.FormInputChild{width:100%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important;box-sizing:border-box;height:40px;margin-top:4px}.FormInputChild:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.FormInputChild::placeholder{color:#1c4d5a99!important}.SelectInputChild{width:100%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important;box-sizing:border-box;height:40px;margin-top:4px;cursor:pointer}.SelectInputChild:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.SelectInputChild option{color:#1c4d5a!important;background-color:#fffdfd}.FormRowChild{display:flex;gap:15px;margin-bottom:20px}.FormGroupChild{flex:1;display:flex;flex-direction:column}.FormLabelChild{display:block;margin-bottom:8px;font-weight:500;color:#1c4d5a!important;font-size:16px}.DateInputsRowChild{display:flex;gap:15px;margin-bottom:20px}.DateInputsRowChild .FormGroupChild{flex:1}.FormInputChild.InputError,.SelectInputChild.InputError{border:1.5px solid #d32f2f!important;background-color:#fff8f8}.FormInputChild.InputError:focus,.SelectInputChild.InputError:focus{border:2px solid #d32f2f!important}@media (max-width: 768px){.FormRowChild,.DateInputsRowChild{flex-direction:column;gap:10px}.FormInputChild,.SelectInputChild{font-size:16px}}@media (max-width: 480px){.FormInputChild,.SelectInputChild{padding:10px 8px;height:44px}}@media (max-width: 600px){.CopyBirthCertificateContainerCopyBirth{padding:12px}.FormPaperCopyBirth{padding:16px}.ExtensionNameBoxCopyBirth{flex-direction:column;align-items:flex-start}.ExtensionSelectCopyBirth{margin-left:0!important;margin-top:8px!important;width:100%!important}}.FormTitleHeader{display:flex;align-items:center;justify-content:center;background-color:#1c4d5a;padding:15px;position:relative;width:100%;color:#fff}.back-button-home-form-correction{position:absolute;left:70px;background-color:#184a5b!important;color:#f5f5f5!important;border:1px solid #f5f5f5!important;font-size:.85rem!important;padding:6px 14px!important}.back-button-home-form-correction:hover{background-color:#fff!important;color:#184a5b!important}.FormTitleText{font-size:1.8rem;font-weight:500;text-align:center}.MainContainerSummaryBirth{padding:2rem;width:100vw;margin:0 auto;justify-items:center!important;align-items:center;box-sizing:border-box;overflow-x:hidden}.SummaryPaperSummaryBirth{padding:2rem;margin-bottom:2rem;width:80%;box-sizing:border-box;overflow:hidden}.EditButtonSummaryBirth{background-color:#1c4d5a!important;margin:0 10px!important;color:#fff!important}.EditButtonSummaryBirth:hover{background-color:#5e35b1!important}.buttonsContainer{display:flex;justify-content:center;gap:10px;margin-top:20px;padding:10px;flex-wrap:wrap}.HeaderSummaryBirth{text-align:center;margin-bottom:2rem}.TitleSummaryBirth{font-size:2rem!important;font-weight:600!important;color:#1c4d5a;margin-bottom:.5rem!important;word-break:break-word}.SubtitleSummaryBirth{color:#5a5a5a;font-size:1rem!important;word-break:break-word}.DividerSummaryBirth{margin:1.5rem 0!important}.SectionSummaryBirth{margin-bottom:1.5rem}.SectionTitleSummaryBirth{font-weight:600!important;color:#1c4d5a;margin-bottom:1rem!important;border-bottom:1px solid #eaeaea;padding-bottom:.5rem}.InfoGridSummaryBirth{padding:0 1rem}.LabelSummaryBirth{font-weight:600!important;color:#5a5a5a;margin-bottom:.25rem!important}.GridGroupBirth{margin-left:1rem!important;margin-bottom:5px!important}.ValueSummaryBirth{margin-bottom:1rem!important}.StatusSectionSummaryBirth{background-color:#f5f5f5;padding:1.5rem;border-radius:4px;margin:2rem 0}.StatusTitleSummaryBirth{font-weight:600!important;margin-bottom:.5rem!important}.StatusValueSummaryBirth{font-weight:600!important;color:#ff9800;margin-bottom:.5rem!important}.StatusMessageSummaryBirth{color:#5a5a5a}.ButtonsSectionSummaryBirth{display:flex;justify-content:space-between;margin-top:2rem}.BackButtonSummaryBirth{padding:.5rem 2rem!important;background-color:#1c4d5a!important}.LoadingContainerSummaryBirth{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem}.ErrorContainerSummaryBirth{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:2rem;max-width:600px;margin:0 auto}.SummaryPaperSummaryBirth .MuiTypography-body2{font-size:.875rem;line-height:1.43}.SummaryPaperSummaryBirth .MuiTypography-body1{font-size:1rem;line-height:1.5}.SummaryPaperSummaryBirth .MuiTypography-h6{font-weight:700;font-size:1rem}.SummaryPaperSummaryBirth .MuiPaper-root{background-color:#fff}.SummaryPaperSummaryBirth input{border-radius:0;border-color:#ddd}.SummaryPaperSummaryBirth .BirthFormContainerAffidavit{background-color:#fff;padding:0;border:none}.MuiDialog-paper{border-radius:4px}button.MuiButton-contained{text-transform:none;border-radius:4px;padding:8px 16px;font-weight:500}.headerInfoText{margin-bottom:5px}.certificateHeaderContainer{text-align:center;padding:15px}.registryContainer{border:1px solid #ccc;width:100%;box-sizing:border-box}.provinceSection{padding:10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.registrySection{padding:10px;border-bottom:1px solid #ccc}.sectionLabelContainer{padding:10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:center}.verticalText{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.fieldContainer{padding:10px;border-bottom:1px solid #ccc;word-break:break-word;overflow-wrap:break-word}.fieldLabel{font-weight:700}.nameFieldContainer{text-align:center;word-break:break-word;overflow-wrap:break-word;padding:5px;font-size:.9rem}.nameField{text-align:center}.fieldGroup{padding:10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-break:break-word;overflow-wrap:break-word}.fieldGroupNoBorder{padding:10px;border-bottom:1px solid #ccc;word-break:break-word;overflow-wrap:break-word}.marriageSection{border-bottom:1px solid #ccc}.marriageSectionTitle{padding:10px;border-bottom:1px solid #ccc}.marriageDate{padding:10px;border-right:1px solid #ccc}.marriagePlace{padding:10px}.StatusSection{display:flex;flex-direction:column;width:30vw;position:fixed;left:5vw;background-color:#f5f5f5!important;padding:1.5rem!important;border-radius:4px!important;box-shadow:0 4px 6px #0000001a;z-index:100}.ApplicationStatusMessage{font-size:1rem;color:#1c4d5a;margin-top:.5rem;word-break:break-word}.ActionButtonContainerBirth{position:fixed;right:38%;top:95%;transform:translateY(-50%);display:flex;flex-direction:row;gap:10px;z-index:1000}.ActionButtonBirth{border-radius:10%!important;width:100px!important;height:45px!important;min-width:unset!important;padding:0!important;box-shadow:0 3px 5px #0003!important;transition:all .2s ease!important}.ActionButtonBirth .MuiButton-startIcon{margin:0!important}.ActionButtonBirth .MuiButton-startIcon svg{font-size:24px!important}.ActionButtonBirth .MuiButton-endIcon,.ActionButtonBirth .MuiButton-startIcon+span{display:none}.ActionButtonBirth:after{content:attr(aria-label);position:absolute;bottom:60px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.ActionButtonBirth:hover:after{opacity:1}.cancelButton.ActionButtonBirth{background-color:#d32f2f!important}.backButton.ActionButtonBirth{background-color:#f5f5f5!important;color:#333!important}.modifyButton.ActionButtonBirth{background-color:#5c8d99!important;color:#fff!important}.doneButton.ActionButtonBirth{background-color:#0f4c5c!important;color:#fff!important}.affidavitLinkContainerBirth{position:absolute;top:10px;right:20px;z-index:10}.affidavitLinkBirth{font-size:.9rem!important;color:#1c4d5a!important;text-transform:none!important;padding:4px 8px!important}.affidavitLinkBirth:hover{background-color:#1c4d5a0d!important}.affidavitLinkBirth .MuiButton-endIcon{margin-left:4px!important}@media print{.ActionButtonContainerBirth,.affidavitLinkContainerBirth{display:none!important}}.ApplicationStatus[status=approved]{color:green}.ApplicationStatus[status="ready for pickup"]{color:#4caf50}.ApplicationStatus[status=pending]{color:#ff9800}.ApplicationStatus[status=processing],.ApplicationStatus[status=submitted]{color:#2196f3}.ApplicationStatus[status=declined],.ApplicationStatus[status=rejected]{color:red}.ApplicationStatus[status="requires additional info"]{color:#ff8c00}.ApplicationStatus[status=cancelled]{color:#d32f2f}@media (min-width: 1200px){.MainContainerSummaryBirth,.SummaryPaperSummaryBirth{padding:2rem}}@media (max-width: 1023px){.MainContainerSummaryBirth,.SummaryPaperSummaryBirth{padding:1.5rem}.StatusSection{position:relative;width:100%;left:0;margin-bottom:1rem}.ActionButtonContainerBirth{right:20px;bottom:20px;top:auto;transform:none}.TitleSummaryBirth{font-size:1.75rem!important}}@media (max-width: 768px){.MainContainerSummaryBirth{padding:1rem}.SummaryPaperSummaryBirth{padding:1rem;width:100%!important}.TitleSummaryBirth{font-size:1.5rem!important}.ButtonsSectionSummaryBirth{flex-direction:column;gap:1rem}.BackButtonSummaryBirth,.PrintButtonSummaryBirth{width:100%}.ActionButtonContainerBirth{right:30vw;bottom:20px;flex-wrap:wrap;justify-content:flex-end}.ActionButtonBirth{width:80px!important;height:40px!important}.InfoGridSummaryBirth{padding:0 .5rem}.registryContainer{overflow-x:auto}.verticalText{font-size:.9rem}.fieldLabel{font-size:.85rem}.StatusSection{padding:1rem!important}.ApplicationStatusMessage{font-size:.9rem}}@media (max-width: 576px){.MainContainerSummaryBirth{padding:.75rem;width:100%}.SummaryPaperSummaryBirth{padding:.75rem}.TitleSummaryBirth{font-size:1.3rem!important}.SubtitleSummaryBirth{font-size:.875rem!important}.SectionTitleSummaryBirth{font-size:1.1rem!important}.ActionButtonContainerBirth{right:30vw;bottom:16px}.ActionButtonBirth{width:70px!important;height:45px!important}.buttonsContainer{flex-direction:column}button.MuiButton-contained{width:100%;margin:5px 0}.verticalText{font-size:.75rem}.fieldContainer,.fieldGroup,.fieldGroupNoBorder{padding:5px;font-size:.8rem}.fieldLabel{font-size:.7rem!important;margin-bottom:3px}.nameFieldContainer{font-size:.8rem!important;padding:3px}.provinceSection,.registrySection,.fieldContainer,.fieldGroup,.fieldGroupNoBorder{padding:8px}.registryContainer{table-layout:fixed;width:100%}.nameField{max-width:100%;overflow:hidden;text-overflow:ellipsis}.SummaryPaperSummaryBirth .MuiTypography-body1{font-size:.85rem;line-height:1.3}.SummaryPaperSummaryBirth .MuiTypography-body2{font-size:.75rem;line-height:1.2}.ApplicationStatusMessage{font-size:.85rem}}@media (max-width: 425px){.MainContainerSummaryBirth,.SummaryPaperSummaryBirth{padding:.5rem}.TitleSummaryBirth{font-size:1.1rem!important}.SubtitleSummaryBirth{font-size:.75rem!important}.SectionTitleSummaryBirth{font-size:1rem!important;margin-bottom:.75rem!important}.ActionButtonContainerBirth{justify-content:center;align-items:center}.ActionButtonBirth .MuiButton-startIcon svg{font-size:20px!important}.certificateHeaderContainer{padding:10px 5px}.headerInfoText{font-size:.8rem}.verticalText,.fieldLabel{font-size:.7rem}.provinceSection,.registrySection,.fieldContainer,.fieldGroup,.fieldGroupNoBorder{padding:5px}.nameFieldContainer{font-size:.7rem;padding:2px}.fieldContainer,.fieldGroup,.fieldGroupNoBorder{padding:3px;font-size:.7rem}.fieldLabel{font-size:.65rem;margin-bottom:2px}.SummaryPaperSummaryBirth .MuiTypography-body1{font-size:.75rem;line-height:1.2}.SummaryPaperSummaryBirth .MuiTypography-body2{font-size:.65rem;line-height:1.1}}@media (max-width: 320px){.MainContainerSummaryBirth{padding:.25rem}.SummaryPaperSummaryBirth{padding:.5rem .25rem}.TitleSummaryBirth{font-size:1rem!important}.SubtitleSummaryBirth{font-size:.7rem!important}.SectionTitleSummaryBirth{font-size:.9rem!important}.verticalText,.fieldLabel{font-size:.65rem}.StatusSection{padding:.5rem!important}.ApplicationStatusMessage{font-size:.75rem}}.MarriageCertificateFormContainer{width:100vw!important;min-height:100vh!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow-x:hidden!important;transition:margin-left .3s ease}.MarriageCertificateFormContainer.sidebar-open{margin-left:250px;width:calc(100vw - 250px)}.CertificateFormTitle,.MarriageCertificateFormTitle{font-weight:600!important;background-color:#184a5b!important;text-align:center!important;color:#fff!important;padding:20px!important;width:100vw!important;margin:0 0 20px!important;box-sizing:border-box!important;font-size:1.8rem!important}@media (max-width: 768px){.CertificateFormTitle,.MarriageCertificateFormTitle{font-size:1.8rem!important;padding:20px 15px!important}}.AffidavitCertificateForm{width:100%!important;max-width:1200px!important;margin:10px auto!important;justify-content:center;align-items:center;box-sizing:border-box}.MarriageCertificateForm{width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:2.5rem!important;box-sizing:border-box!important}@media (max-width: 768px){.MarriageCertificateForm{padding:1.5rem!important}}@media (max-width: 480px){.MarriageCertificateForm{padding:1rem!important}}.FormProgressContainer{margin-top:30px;text-align:center}.FormProgressBar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;margin-top:8px}.FormProgressFill{height:100%;background-color:#184a5b;border-radius:4px;transition:width .3s ease-in-out}.section h4{color:#34495e;margin:1rem 0}.husband-input{width:100%;padding:10px;border:1px solid #1c4d5a!important;border-radius:4px;font-size:14px;background-color:#fff!important;color:#1c4d5a!important;transition:border-color .3s ease,background-color .3s ease}.husband-input:focus{border-color:#1c4d5a!important;background-color:#fff!important;outline:none;box-shadow:0 0 0 2px #1c4d5a33}.husband-input:hover{border-color:#1c4d5a!important}.husband-input::placeholder{color:#1c4d5a;opacity:.7}.husband-select{width:100%;padding:10px;border:1px solid #1c4d5a!important;border-radius:4px;font-size:14px;background-color:#fff!important;color:#1c4d5a!important;transition:border-color .3s ease,background-color .3s ease;cursor:pointer}.husband-select:focus{border-color:#1c4d5a!important;background-color:#fff!important;outline:none;box-shadow:0 0 0 2px #1c4d5a33}.husband-select:hover{border-color:#1c4d5a!important}.husband-radio-container,.wife-radio-container{display:flex;align-items:center;gap:.5rem}.wife-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;color:#333}.wife-input:focus{border-color:#3498db;outline:none}.wife-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;color:#333}.wife-select:focus{border-color:#3498db;outline:none}.input-container input[type=text],.input-container select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;color:#333}.input-container input[type=text]:focus,.input-container select:focus{border-color:#3498db;outline:none;background-color:#fff}.radio-group{display:flex;gap:5rem;align-items:left;margin-left:25px;margin-bottom:1rem}.radio-group input[type=radio]{margin-right:6px;cursor:pointer;accent-color:#1c4d5a}.checkbox-container{display:flex;align-items:center;gap:.5rem}.MarriageCertificateFormButton{margin-top:1rem!important;margin-right:1rem!important;background-color:#1c4d5a!important}.MarriageCertificateFormButtonContainer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.husband-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#1c4d5a;cursor:pointer}.husband-checkbox-label input[type=checkbox]:focus{border:2px solid #1c4d5a}.husband-checkbox-label input[type=checkbox]:checked{background-color:#1c4d5a}.wife-checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:3px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease}.husband-input-group,.wife-input-group,.input-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.husband-input-container,.wife-input-container,.input-container{flex:1;min-width:200px;position:relative}@media (max-width: 768px){.husband-input-container,.wife-input-container,.input-container{min-width:100%;flex-basis:100%}.husband-radio-group,.wife-radio-group,.radio-group{flex-direction:column;gap:1rem!important;margin-left:0!important;align-items:flex-start!important}.husband-radio-group,.wife-radio-group{gap:1rem!important;margin-left:0!important}}@media (max-width: 480px){.husband-input-group,.wife-input-group,.input-group{flex-direction:column;gap:.5rem}.MarriageCertificateFormButtonContainer{flex-direction:column;gap:1rem;align-items:stretch}.MarriageCertificateFormButton{width:100%!important;margin:0!important}}.back-button-home{position:absolute!important;left:60px!important;background-color:#184a5b!important;color:#f5f5f5!important;border-color:none!important;border:#f5f5f5!important;font-size:.85rem!important;padding:6px 14px!important}@media (max-width: 768px){.back-button-home{left:20px!important;font-size:.75rem!important;padding:4px 8px!important}}.husband-input{width:100%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important}.husband-input:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.husband-input:hover{border-color:#2a5764!important}.husband-input::placeholder{color:#1c4d5a99!important}.husband-select{width:100%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important;cursor:pointer}.husband-select:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.husband-select:hover{border-color:#2a5764!important}.husband-select option{color:#1c4d5a!important;background-color:#fffdfd}.husband-input[name=husbandFatherAddress],.husband-input[name=husbandMotherAddress]{width:100%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important;resize:vertical;min-height:60px}.husband-input[name=husbandFatherAddress]:focus,.husband-input[name=husbandMotherAddress]:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.wali-input{width:100%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important}.wali-input:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.wali-input:hover{border-color:#2a5764!important}.wali-input::placeholder{color:#1c4d5a99!important}.husband-section{margin-bottom:2.5rem;border-radius:5px}.husband-heading{color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;text-transform:uppercase;font-size:1.5rem;font-weight:700;text-align:center;background-color:#1c4d5a;padding:1rem;border-radius:8px}.husband-subheading{color:#34495e;margin:1rem 0;font-size:1.2rem;font-weight:600}.husband-label{display:block;margin-bottom:.7rem;font-weight:500;color:#333}.husband-label:after{content:" *";color:#e74c3c}.husband-label:not([data-required]):after{content:""}.husband-input-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.husband-input-container{flex:1;min-width:200px;position:relative}.husband-radio-group{display:flex;gap:5rem;align-items:left;margin-left:25px;margin-bottom:1rem}.husband-radio{margin-right:6px;cursor:pointer;accent-color:#1c4d5a}.husband-radio-container{display:flex;align-items:center;gap:.5rem}.husband-checkbox-group{margin:1rem 0;padding:1rem;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.husband-checkbox-label{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#333;cursor:pointer;margin:0}.husband-checkbox-label:after{content:""}.husband-checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:3px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease}.husband-checkbox-label input[type=checkbox]:checked{background-color:#1c4d5a;border-color:#1c4d5a}.husband-checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.husband-checkbox-label input[type=checkbox]:hover{border-color:#1c4d5a}.husband-error{color:#e74c3c;font-size:12px;position:absolute;bottom:-18px;left:0}@media (max-width: 768px){.husband-input-container{min-width:100%;flex-basis:100%}.husband-radio-group{flex-direction:column;gap:1rem!important;margin-left:0!important;align-items:flex-start!important}}@media (max-width: 480px){.husband-input-group{flex-direction:column;gap:.5rem}}.wife-input{width:100%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important}.wife-input:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.wife-input:hover{border-color:#2a5764!important}.wife-input::placeholder{color:#1c4d5a99!important}.wife-select{width:100%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important;cursor:pointer}.wife-select:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.wife-select:hover{border-color:#2a5764!important}.wife-select option{color:#1c4d5a!important;background-color:#fffdfd}.wife-input[name=wifeFatherAddress],.wife-input[name=wifeMotherAddress]{width:100%;padding:8px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important;resize:vertical;min-height:60px}.wife-input[name=wifeFatherAddress]:focus,.wife-input[name=wifeMotherAddress]:focus{outline:none;border:2px solid #24677a!important;color:#1c4d5a!important}.wife-section{margin-bottom:2.5rem;border-radius:5px}.wife-heading{color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;text-transform:uppercase;font-size:1.5rem;font-weight:700;text-align:center;background-color:#1c4d5a;padding:1rem;border-radius:8px}.wife-subheading{color:#34495e;margin:1rem 0;font-size:1.2rem;font-weight:600}.wife-label{display:block;margin-bottom:.7rem;font-weight:500;color:#333}.wife-label:after{content:" *";color:#e74c3c}.wife-label:not([data-required]):after{content:""}.wife-input-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.wife-input-container{flex:1;min-width:200px;position:relative}.wife-radio-group{display:flex;gap:5rem;align-items:left;margin-left:25px;margin-bottom:1rem}.wife-radio{margin-right:6px;cursor:pointer;accent-color:#1c4d5a}.wife-radio-container{display:flex;align-items:center;gap:.5rem}.wife-checkbox-group{margin:1rem 0;padding:1rem;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.wife-checkbox-label{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#333;cursor:pointer;margin:0}.wife-checkbox-label:after{content:""}.wife-checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:1px solid #ccc;border-radius:3px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease}.wife-checkbox-label input[type=checkbox]:checked{background-color:#1c4d5a;border-color:#1c4d5a}.wife-checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.wife-checkbox-label input[type=checkbox]:hover{border-color:#1c4d5a}.wife-error{color:#e74c3c;font-size:12px;position:absolute;bottom:-18px;left:0}@media (max-width: 768px){.wife-input-container{min-width:100%;flex-basis:100%}.wife-radio-group{flex-direction:column;gap:1rem!important;margin-left:0!important;align-items:flex-start!important}}@media (max-width: 480px){.wife-input-group{flex-direction:column;gap:.5rem}}.section{margin-bottom:2rem}.section h3{color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;text-transform:uppercase;font-size:1.5rem;font-weight:700;text-align:center;background-color:#1c4d5a;padding:1rem;border-radius:8px}label{display:block;margin-bottom:.7rem;font-weight:500;color:#333}label:after{content:" *";color:#e74c3c}label:not([data-required]):after{content:""}.input-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.input-container{flex:1;min-width:200px;position:relative}.input-container.full-width{flex-basis:100%}.input-container input[type=text]{width:100%;padding:10px;border:1px solid #1c4d5a!important;border-radius:4px;font-size:14px;background-color:#fff!important;color:#1c4d5a!important;transition:border-color .3s ease,background-color .3s ease}.input-container input[type=text]:focus{border-color:#1c4d5a!important;background-color:#fff!important;outline:none;box-shadow:0 0 0 2px #1c4d5a33}.input-container input[type=text]:hover{border-color:#1c4d5a!important}.input-container input[type=text]::placeholder{color:#1c4d5a;opacity:.7}.input-container select,.form-select{width:100%;padding:10px;border:1px solid #1c4d5a!important;border-radius:4px;font-size:14px;background-color:#fff!important;color:#1c4d5a!important;transition:border-color .3s ease,background-color .3s ease;cursor:pointer}.input-container select:focus,.form-select:focus{border-color:#1c4d5a!important;background-color:#fff!important;outline:none;box-shadow:0 0 0 2px #1c4d5a33}.input-container select:hover,.form-select:hover{border-color:#1c4d5a!important}.error-message{color:#e74c3c;font-size:12px;position:absolute;bottom:-18px;left:0}.info-text{font-size:14px;color:#7f8c8d;margin-bottom:1rem}.note-text{font-size:14px;color:#e74c3c;font-weight:700;margin-top:1rem}@media (max-width: 768px){.input-container{min-width:100%;flex-basis:100%}}@media (max-width: 480px){.input-group{flex-direction:column;gap:.5rem}}.affidavit-form-container{width:80vw;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.affidavit-form1-container{width:77vw;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding-left:25px}.affidavit-certificate-form{width:80vw!important;margin-top:10px;justify-content:center;box-sizing:border-box;padding:2rem;background-color:#fff;border-radius:8px}.affidavit-heading{color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;text-transform:uppercase;font-size:1.5rem;font-weight:700;text-align:center;background-color:#1c4d5a;padding:1rem;border-radius:8px}.affidavit-witnesses-section{margin:2rem auto;border:1px solid #1c4d5a;padding:15px;border-radius:3px;width:90%;max-width:800px}.affidavit-section-title{font-weight:700;margin-bottom:1.5rem;padding-left:5px}.affidavit-witnesses-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;width:100%}.affidavit-witness-input-container{flex:1;margin-bottom:10px}.affidavit-witness-input{width:100%;border:none;border-bottom:1px dotted #000;background-color:transparent;color:#000;padding:10px 5px 5px 0;outline:none;height:25px;margin-bottom:15px}.affidavit-officer-section,.affidavit-delayed-section{margin-bottom:2.5rem;width:75vw}.affidavit-content{margin:1.5rem 0}.affidavit-paragraph{margin-bottom:1.5rem;line-height:1.6;display:flex;flex-wrap:wrap;align-items:center}.affidavit-form-input{border:none;border-bottom:1px solid #000;background-color:#fff;color:#000;padding:2px 5px;margin:0 3px;outline:none}.affidavit-inline-input{display:inline-block}.affidavit-small-input{width:40px}.affidavit-medium-input{width:120px}.affidavit-large-input{width:250px}.affidavit-numbered-items{margin-left:1rem}.affidavit-numbered-item{margin-bottom:1.5rem;position:relative}.affidavit-checkbox-item{display:flex;align-items:flex-start;margin-bottom:1rem;margin-left:1.5rem;position:relative}.affidavit-indent{margin-left:1.5rem}.affidavit-checkbox-container{margin-right:.5rem;min-width:16px}.affidavit-truth-statement,.affidavit-sworn-statement{margin-top:2rem;font-style:italic}.affidavit-ceremony-types{margin-top:.5rem;margin-left:1.5rem}.affidavit-ceremony-type{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.affidavit-sub-items{margin-left:1.5rem;margin-top:.5rem}.affidavit-signature-section{display:flex;flex-wrap:wrap;align-items:center;margin:2rem 0}.affidavit-signature-line{width:100%;margin:2rem 0;text-align:center}.affidavit-signature-input{width:60%;border:none;border-bottom:1px solid #000;background-color:#fff;color:#000;padding:5px 0;text-align:center;outline:none;margin:0 auto;display:block}.affidavit-signature-label{margin-top:.5rem;font-size:.9rem;color:#333;text-align:center}.affidavit-dual-signature-section{display:flex;justify-content:space-between;margin:2rem 0;width:100%}.affidavit-dual-signature-section .affidavit-signature-line{width:45%;margin:1rem 0}@media (max-width: 768px){.affidavit-certificate-form{padding:1rem;width:95vw!important}.affidavit-witnesses-row,.affidavit-dual-signature-section{flex-direction:column}.affidavit-dual-signature-section .affidavit-signature-line{width:100%}.affidavit-large-input{width:150px}}@media (min-width: 1024px){.affidavit-form-container{width:80vw;max-width:1200px;margin:0 auto}.affidavit-form1-container{width:77vw;max-width:1170px;margin:0 auto;padding-left:25px}.affidavit-certificate-form{width:80vw!important;max-width:1200px;margin:0 auto}.affidavit-officer-section,.affidavit-delayed-section{width:75vw;max-width:1100px;margin:0 auto 2.5rem}.affidavit-witnesses-section{width:90%;max-width:1000px}}@media (min-width: 1440px){.affidavit-form-container{width:70vw;max-width:1400px}.affidavit-form1-container{width:67vw;max-width:1370px}.affidavit-certificate-form{width:70vw!important;max-width:1400px}.affidavit-officer-section,.affidavit-delayed-section{width:65vw;max-width:1300px}.affidavit-witnesses-section{width:85%;max-width:1200px}}@media (min-width: 1920px){.affidavit-form-container{width:60vw;max-width:1600px}.affidavit-form1-container{width:57vw;max-width:1570px}.affidavit-certificate-form{width:60vw!important;max-width:1600px}.affidavit-officer-section,.affidavit-delayed-section{width:55vw;max-width:1500px}.affidavit-witnesses-section{width:80%;max-width:1400px}}.MarriageSummaryContainer{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.MarriageSummaryContainerMSummary{margin:20px auto;padding:15px;background-color:#fff;font-family:Arial,sans-serif;border:2px solid #d14747;width:60vw;box-shadow:0 2px 5px #0000001a;position:relative;display:flex;flex-direction:column}.MarriageSummaryTitleMSummary{text-align:center;font-weight:700;margin:25px 0 15px;text-transform:uppercase;font-size:16px;color:#000!important}.MarriageHeaderMSummary{margin-bottom:15px;text-align:center;color:#000!important}.MarriageHeaderMSummary p{margin:2px 0}.RepublicTextMSummary{font-weight:400;font-size:14px;margin-bottom:5px!important;color:#000!important}.OfficeTextMSummary{font-weight:400;font-size:13px;text-transform:uppercase;margin-bottom:5px!important;color:#000!important}.CertificateTitleMSummary{font-weight:700;font-size:16px;text-transform:uppercase;margin:5px 0 15px!important}.SummarySectionMSummary,.SummarySectionMSummary table{width:100%;border-collapse:collapse;margin-bottom:10px;color:#000!important}.SummarySectionMSummary table{border:1px solid #d14747}.SummarySectionTitleMSummary{background-color:#fff;padding:6px;text-align:center;font-weight:700;text-transform:uppercase;font-size:14px;border-bottom:1px solid #d14747;color:#000!important}.SummaryRowMSummary td{border:1px solid #d14747;padding:5px;vertical-align:top;color:#000!important}.SummaryLabelMSummary{width:30%;font-weight:500;font-size:13px;color:#000!important}.SummaryValueMSummary{width:70%;font-size:13px;color:#000!important}.HusbandWifeTableMSummary{width:100%;border-collapse:collapse;color:#000!important}.HusbandWifeTableMSummary td{border:1px solid #d14747;padding:5px;vertical-align:top;width:50%}.HusbandWifeHeaderMSummary{background-color:#fff;text-align:center;font-weight:700;text-transform:uppercase;border-bottom:1px solid #d14747;padding:6px;font-size:14px;color:#000!important}.DateTableMSummary{width:100%;border-collapse:collapse;table-layout:fixed}.DateTableMSummary td{border:1px solid #d14747;padding:5px;vertical-align:top;text-align:center;font-size:13px}.DateTableMSummary th{border:1px solid #d14747;padding:4px;font-size:12px;font-weight:400;background-color:#fff;color:#000}.WitnessesTableMSummary{width:100%;border-collapse:collapse}.WitnessesTableMSummary td{border:1px solid #d14747;padding:5px;vertical-align:top;font-size:13px}.WitnessesTableMSummary th{border:1px solid #d14747;padding:4px;font-size:13px;font-weight:700;text-align:left;background-color:#fff;color:#000}.FormHeaderMSummary{position:absolute;top:5px;left:10px;font-size:11px;font-weight:400}.RegistryNoMSummary{position:absolute;top:5px;right:10px;font-size:11px;font-weight:400}.ActionButtonContainerMSummary{position:fixed;right:38%;top:95%;transform:translateY(-50%);display:flex;flex-direction:row;gap:10px;z-index:1000}.ActionButtonMSummary{border-radius:10%!important;width:100px!important;height:45px!important;min-width:unset!important;padding:0!important;box-shadow:0 3px 5px #0003!important;transition:all .2s ease!important}.ActionButtonMSummary .MuiButton-startIcon{margin:0!important}.ActionButtonMSummary .MuiButton-startIcon svg{font-size:24px!important}.ActionButtonMSummary .MuiButton-endIcon,.ActionButtonMSummary .MuiButton-startIcon+span{display:none}.ActionButtonMSummary:after{content:attr(aria-label);position:absolute;bottom:60px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.ActionButtonMSummary:hover:after{opacity:1}.cancelButton.ActionButtonMSummary{background-color:#d32f2f!important}.backButton.ActionButtonMSummary{background-color:#f5f5f5!important;color:#333!important}.modifyButton.ActionButtonMSummary{background-color:#5c8d99!important;color:#fff!important}.doneButton.ActionButtonMSummary{background-color:#0f4c5c!important;color:#fff!important}@media print{.MarriageSummaryContainerMSummary{margin:0;padding:10px;border-color:#000;box-shadow:none}.BackButtonMSummary,.ActionsContainerMSummary{display:none}.ActionButtonContainerMSummary{display:none!important}table,td,th{border-color:#000!important}}.MainContainerCTCBirth{width:100vw;justify-content:center;align-items:center;display:flex;flex-direction:column;transition:margin-left .3s}.SidebarOpenCTCBirth{margin-left:260px}.TitleCTCBirth{font-weight:600!important;background-color:#184a5b;text-align:center;color:#fff;padding:20px!important;width:100vw;margin-bottom:20px;font-size:30px!important;margin-bottom:30px!important}.SubtitleCTCBirth{color:#555;margin-bottom:20px!important;text-align:center}.DocumentsPaperCTCBirth{padding:24px;margin-top:20px;width:70%}.ApplicantInfoCTCBirth{background-color:#f5f5f5;padding:15px;border-radius:4px;margin-bottom:20px}.RequirementsHeaderCTCBirth{color:#1c4d5a;margin:20px 0 15px!important;font-weight:600!important;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.DocumentsListCTCBirth{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.DocumentDescriptionCTCBirth{display:block;color:#666;margin-top:5px;margin-left:10px}.ButtonContainerCTCBirth{display:flex;justify-content:space-between;margin-top:30px}.BackButtonCTCBirth,.SubmitButtonCTCBirth{min-width:150px}.SubmitButtonCTCBirth{background-color:#1c4d5a!important;color:#fff!important}.BackButtonCTCBirth{color:#1c4d5a!important;border-color:#1c4d5a!important}.SuccessAlertCTCBirth{margin:20px 0}.MainContainerCTCBirth{transition:margin-left ease;margin-left:0}.MainContainerCTCBirth.sidebar-open{margin-left:250px;width:80vw}@media (max-width: 600px){.DocumentsPaperCTCBirth{padding:15px}.ButtonContainerCTCBirth{flex-direction:column;gap:10px}.BackButtonCTCBirth,.SubmitButtonCTCBirth{width:100%}.SidebarOpenCTCBirth{margin-left:0}}@media (max-width: 768px){.TitleCTCBirth{font-size:1rem!important}}@media (max-width: 425px){.TitleCTCBirth{font-size:.8rem!important;width:100%}}.requirement-container{width:100vw;margin:0;padding:0;overflow-x:hidden}.requirement-paper{width:100%;margin:0;padding:0;box-shadow:none!important;border-radius:0}.requirement-main-title{background-color:#184a5b;color:#fff;margin:0!important;display:flex;align-items:center;position:sticky;top:0;z-index:1000;width:100vw;box-sizing:border-box;border-radius:0;height:60px}.requirement-main-title .back-button{position:absolute;left:20px;background-color:#184a5b!important;color:#f5f5f5!important;min-width:85px!important;padding:5px 10px!important;font-size:.85rem!important}.requirement-main-title .back-button:hover{background-color:#f0f0f0!important;color:#184a5b!important}.requirement-main-title h5{margin:0 auto;font-weight:600;text-align:center;flex-grow:1;padding:0 100px}.requirement-section{margin-bottom:24px;padding:30px}.requirement-section-title{background-color:#e7e7e7;padding:10px;color:#184a5b;font-weight:600!important;text-align:center;margin-bottom:15px!important}.requirement-subsection{margin-bottom:20px;padding:0 10px}.requirement-subsection-title{font-weight:600!important;margin-bottom:10px!important;color:#1a5e63}.requirement-subheading{font-weight:500!important;margin:15px 0 5px 15px!important;color:#333;text-decoration:underline}.requirement-list{padding-left:10px!important}.requirement-list .MuiListItem-root{align-items:flex-start;padding-top:4px;padding-bottom:4px}.requirement-list .MuiListItemIcon-root{min-width:32px;color:#184a5b}.requirement-note{font-style:italic;color:#666;margin-top:8px;margin-left:32px}.requirement-note-box{background-color:#f5f5f5;padding:15px;border-left:4px solid #184a5b;margin:20px 10px;border-radius:4px}.requirement-note-title{font-weight:600!important;margin-bottom:8px!important;color:#333}.requirement-divider{margin:30px 0!important}.requirement-subitem{padding-left:32px!important}@media screen and (max-width: 768px){.requirement-main-title{padding:15px 10px}.requirement-main-title h5{font-size:1.1rem;padding:0 80px}.requirement-main-title .back-button{left:15px;min-width:70px!important}}@media screen and (max-width: 480px){.requirement-main-title{padding:15px 5px}.requirement-main-title h5{font-size:.7rem!important;padding:0 60px}.requirement-main-title .back-button{left:10px;max-width:20px!important;padding:3px 8px!important}}.ContainerMDashboard{transition:margin-left .3s;margin-left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}.sidebar-openMDashboard{margin-left:250px}.TitleMDashboard{background-color:#184a5b;width:100vw;margin-bottom:20px;text-align:center;font-size:2vw!important;font-weight:600!important;padding:15px;color:#f5f5f5}.PaperMDashboard{padding:24px;margin-bottom:20px;width:80vw!important}.SectionMDashboard{margin-bottom:24px}.SectionTitleMDashboard{background-color:#184a5b;color:#fff;padding:10px 16px;margin-bottom:16px;border-radius:4px;font-weight:500}.RadioGroupMDashboard{margin-left:16px}.RadioMDashboard{display:block;margin:10px 0}.NextButtonMDashboard{background-color:#184a5b!important;color:#fff!important;padding:10px 20px!important;font-weight:500!important;width:10vw!important}.NextButtonMDashboard:disabled{background-color:#ccc!important;color:#666!important;width:10vw!important}.dataPrivacyNoticeMDashboard{font-size:12px;color:#1c4d5a;font-weight:700;margin-top:20px!important}.dataPrivacyNoticeLinkMDashboard{color:#184a5b!important;font-weight:700!important}.dataPrivacyNoticeLinkMDashboard{margin-left:20px}.Privacy-TagalogNoticeMDashboard{color:#484747}.FormTitle{position:relative;font-weight:700;background-color:#1c4d5a;color:#fff;font-size:2vw!important;width:100vw;padding:15px;text-align:center}.FormTitleContent{display:flex;align-items:center;justify-content:center;position:relative}.FormTitleText{flex-grow:1;text-align:center}.back-button-home{position:absolute;left:60px;background-color:#184a5b!important;color:#f5f5f5!important;border-color:none;border:#f5f5f5!important;font-size:.85rem!important;padding:6px 14px!important}.back-button-home:hover{background-color:#fff!important;color:#184a5b!important}.MarriageCertificateContainer{width:100vw;margin:0 auto;transition:margin-left .3s;display:flex;flex-direction:column;align-items:center}.MarriageCertificateContainer.sidebar-open{margin-left:250px}.TitleMarriageCertificate{background-color:#184a5b;color:#fff;margin-bottom:8px;text-align:center;font-weight:600;padding:15px;width:100vw;font-weight:600!important}.SubtitleMarriageCertificate{color:#4a6572;margin-bottom:24px;text-align:center;font-style:italic}.SectionTitleMarriageCertificate{font-weight:600!important;color:#184a5b;font-size:1.1rem;text-align:left;margin-bottom:14px!important;margin-top:0!important}.DocumentsSectionMarriageCertificate{width:100%;max-width:900px;margin:16px auto 0;background:#fff;border-radius:9px;border:1.5px solid #b6c6d2;box-shadow:0 2px 10px #184a5b0a;padding:36px 32px 32px;display:flex;flex-direction:column;gap:28px}.SubmitButtonMarriageCertificate{background-color:#184a5b!important;color:#fff!important;padding:10px 20px!important;margin-top:24px!important;display:block!important;width:30vw!important}.SubmitButtonMarriageCertificate:disabled{background-color:#ccc!important;color:#666!important}.ButtonContainerMarriageCertificate{display:flex;justify-content:space-between;margin-top:30px;margin-bottom:20px;width:60%}.BackButtonMarriageCertificate{background-color:#f0f0f0!important;color:#103744!important;border:1px solid #103744!important;font-weight:500!important;padding:10px 20px!important;border-radius:5px!important;text-transform:none!important;font-size:16px!important;transition:background-color .3s ease!important;box-shadow:0 2px 4px #0000001a!important}.BackButton:hover{background-color:#d0d0d0!important}.SubmitButtonMarriageCertificate{background-color:#184a5b!important;color:#fff!important;font-weight:500!important;padding:10px 20px!important;border-radius:5px!important;text-transform:none!important;font-size:16px!important;transition:background-color .3s ease!important;box-shadow:0 2px 4px #0000001a!important}.SubmitButtonMarriageCertificate:hover{background-color:#103744!important}.SubmitButtonMarriageCertificate:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important}@media (max-width: 600px){.ButtonContainer{flex-direction:column;align-items:center}.BackButton,.SubmitButtonMarriageCertificate{width:100%;margin-top:10px!important;margin-right:0!important}.TitleMarriageCertificate{font-size:1rem!important;padding:15px!important}}.MuiAlert-root.MuiAlert-standardSuccess{border-radius:5px;margin-top:20px;margin-bottom:20px;font-size:16px}.ContainerMLSummary{padding:20px;width:100vw;margin:0 auto;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.FormDocumentMLSummary{background-color:#f8f8f8;border:1px solid #000;padding:15px;margin-bottom:20px;color:#000}.DocumentHeaderMLSummary{position:relative;border-bottom:2px solid #000;padding-bottom:10px;margin-bottom:15px;height:70px}.FormNumberMLSummary{position:absolute;left:0;top:0;font-size:10px;text-align:left}.DocumentNoticeMLSummary{position:absolute;right:0;top:0;font-size:10px;text-align:right}.HeaderCenterMLSummary{text-align:center;padding-top:5px}.RepublicTextMLSummary{font-size:14px}.RegistrarTextMLSummary{font-size:14px;margin:3px 0}.LicenseTitleMLSummary{font-size:18px;font-weight:700;text-decoration:underline;margin-top:5px}.TopGridMLSummary{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:15px}.TopLeftMLSummary,.TopRightMLSummary{width:48%}.GridItemMLSummary{display:flex;margin-bottom:8px}.ItemLabelMLSummary{width:130px;font-size:12px}.ItemValueMLSummary{flex:1;border-bottom:1px solid #000;min-height:16px;font-size:12px}.ApplicantTableMLSummary{width:100%;border-collapse:collapse;font-size:12px}.ColumnHeaderMLSummary{background-color:#f0f0f0;border:1px solid #000;padding:5px;font-weight:700;text-align:center;width:50%}.TableCellMLSummary{border:1px solid #000;padding:5px;vertical-align:top;position:relative}.RegistrarTitleMLSummary{font-weight:700;text-align:center;margin-bottom:5px}.RegistrarStatementMLSummary{font-size:11px;text-align:justify;margin-bottom:10px;padding:0 5px}.RegistrarStatementMLSummary p{margin:5px 0}.UnderlinedTextMLSummary{text-decoration:underline;display:inline-block;min-width:120px;text-align:center}.FieldNumberMLSummary{float:left;font-weight:700;width:20px;margin-right:5px}.FieldLabelMLSummary{font-weight:400;margin-bottom:5px;border-bottom:1px dotted #ccc}.NameFieldsWrapperMLSummary{display:flex;justify-content:space-between}.NameFieldMLSummary{flex:1;text-align:center;margin:0 3px}.NameValueMLSummary{border-bottom:1px solid #000;min-height:18px;padding:3px 0}.NameParenMLSummary{font-size:10px;text-align:center}.DateFieldsWrapperMLSummary{display:flex;justify-content:space-between}.DateFieldMLSummary{width:23%;text-align:center;margin:0 2px}.DateValueMLSummary{border-bottom:1px solid #000;min-height:18px;padding:3px 0}.DateParenMLSummary{font-size:10px;text-align:center}.PlaceFieldsWrapperMLSummary{display:flex;flex-direction:column}.PlaceFieldMLSummary{display:flex;margin-bottom:5px}.PlaceValueMLSummary{flex:1;border-bottom:1px solid #000;min-height:14px;padding:2px 0}.PlaceParenMLSummary{width:120px;font-size:9px;text-align:center}.SexCitizenFieldsMLSummary{display:flex;justify-content:space-between}.SexFieldMLSummary,.CitizenFieldMLSummary{flex:1;border-bottom:1px solid #000;min-height:18px;padding:3px 0;text-align:center;margin:0 5px}.ResidenceValueMLSummary,.ReligionValueMLSummary,.CivilStatusValueMLSummary,.PreviousMarriageMLSummary,.RelationshipValueMLSummary,.FatherCitizenshipMLSummary,.FatherResidenceMLSummary,.MotherCitizenshipMLSummary,.MotherResidenceMLSummary,.ConsentPersonMLSummary,.ConsentCitizenshipMLSummary,.ConsentResidenceMLSummary{border-bottom:1px solid #000;min-height:18px;padding:3px 0}.PlaceDissolvedFieldsMLSummary,.DissolvedDateFieldsMLSummary{display:flex;justify-content:space-between}.PlaceDissolvedValueMLSummary,.DissolvedDateValueMLSummary{flex:1;border-bottom:1px solid #000;min-height:18px;margin:0 5px;text-align:center}.ParentNameFieldsMLSummary{display:flex}.ParentFirstNameMLSummary,.ParentMiddleNameMLSummary,.ParentLastNameMLSummary{flex:1;border-bottom:1px solid #000;min-height:18px;padding:3px 5px;margin:0 3px}.SignatureBoxMLSummary{padding-top:20px;min-height:150px}.SignatureLineMLSummary{width:80%;margin:30px auto 5px;border-bottom:1px solid #000}.SignatureLabelMLSummary{text-align:center;font-size:10px;margin-bottom:10px}.SubscribedMLSummary{position:relative;margin-top:15px}.SubscribedTextMLSummary{text-align:left;font-weight:700}.SubscribedDetailsMLSummary{font-size:10px;margin-top:3px;padding-right:80px}.DocStampMLSummary{position:absolute;top:0;right:10px;border:1px solid #000;width:60px;height:50px;display:flex;justify-content:center;align-items:center}.StampTextMLSummary{text-align:center;font-size:9px}.OfficialSignatureMLSummary{margin-top:30px}.OfficialLineMLSummary{width:80%;margin:0 auto 5px;border-bottom:1px solid #000}.OfficialLabelMLSummary{font-size:10px;text-align:center}.ButtonContainerMLSummary{display:flex;justify-content:center;gap:20px;margin-top:20px;margin-bottom:20px}.BackButtonMLSummary,.SubmitButtonMLSummary{min-width:120px;padding:10px!important}.ButtonContainerMLSummary{display:flex;justify-content:center;margin-top:20px;margin-bottom:30px;gap:10px}.ModifyButtonMLSummary:hover{background-color:#6d8a91!important}.ModifyButtonMLSummary:hover .MuiSvgIcon-root{animation:wiggle .5s ease}.ActionButtonContainerMLSummary{position:fixed;right:38%;top:95%;transform:translateY(-50%);display:flex;flex-direction:row;gap:10px;z-index:1000}.ActionButtonMLSummary{border-radius:10%!important;width:100px!important;height:45px!important;min-width:unset!important;padding:0!important;box-shadow:0 3px 5px #0003!important;transition:all .2s ease!important}.ActionButtonMLSummary .MuiButton-startIcon{margin:0!important}.ActionButtonMLSummary .MuiButton-startIcon svg{font-size:24px!important}.ActionButtonMLSummary .MuiButton-endIcon,.ActionButtonMLSummary .MuiButton-startIcon+span{display:none}.ActionButtonMLSummary:after{content:attr(aria-label);position:absolute;bottom:60px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.ActionButtonMLSummary:hover:after{opacity:1}.cancelButton.ActionButtonMLSummary{background-color:#d32f2f!important}.backButton.ActionButtonMLSummary{background-color:#f5f5f5!important;color:#333!important}.modifyButton.ActionButtonMLSummary{background-color:#5c8d99!important;color:#fff!important}.doneButton.ActionButtonMLSummary{background-color:#0f4c5c!important;color:#fff!important}@media print{.ActionButtonContainerMLSummary{display:none!important}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media print{.ButtonContainerMLSummary{display:none}.FormDocumentMLSummary{border:none;padding:0;margin:0}}.marriage-requirement-container{margin:0 auto;width:100vw}.marriage-requirement-paper{width:100%;margin:0;padding:0;box-shadow:none!important;border-radius:0}.marriage-requirement-main-title{background-color:#184a5b;color:#fff;margin:0!important;display:flex;align-items:center;position:sticky;top:0;z-index:1000;width:100%;box-sizing:border-box;border-radius:0;height:60px}.marriage-requirement-main-title .marriage-back-button{position:absolute;left:40px;background-color:#184a5b!important;color:#f5f5f5!important;min-width:85px!important;padding:5px 10px!important;font-size:.85rem!important}.marriage-requirement-main-title .marriage-back-button:hover{background-color:#f0f0f0!important;color:#184a5b!important}.marriage-requirement-main-title h5{margin:0 auto;font-weight:600;text-align:center;flex-grow:1;padding:0 100px}.marriage-requirement-section{padding:30px}.marriage-requirement-section2{margin-left:5vw!important}.marriage-requirement-section-title{padding:10px;color:#184a5b;font-weight:600!important;text-align:left;font-size:16px!important}.marriage-requirement-section-title1{background-color:#184a5b;padding:10px;color:#f5f5f5;font-weight:600!important;text-align:center;margin-bottom:15px!important}.marriage-requirement-section-title3{padding:10px;color:#184a5b;font-weight:600!important;text-align:left;font-size:20px!important}.marriage-requirement-subsection{margin-bottom:20px;padding:0 10px}.marriage-requirement-subsection-title{font-weight:600!important;margin-bottom:10px!important;color:#1a5e63}.marriage-requirement-subheading{font-weight:500!important;margin:15px 0 5px 15px!important;color:#333;text-decoration:underline}.marriage-requirement-list{padding-left:10px!important}.marriage-requirement-list .MuiListItem-root{align-items:flex-start;padding-top:4px;padding-bottom:4px}.marriage-requirement-list .MuiListItemIcon-root{min-width:32px;color:#184a5b}.marriage-requirement-nested-list{padding-left:40px!important}.marriage-requirement-nested-list .MuiListItem-root{padding:2px 0!important;align-items:flex-start!important}.marriage-requirement-subitem{padding-left:0!important;margin-left:0!important}.marriage-requirement-subitem .MuiListItemText-root{margin:0!important;padding:0!important}.marriage-requirement-subitem .MuiListItemText-primary{text-align:left!important;font-size:14px!important;color:#666!important;margin:0!important;padding:0!important}.marriage-requirement-note{font-style:italic;color:#666;margin-top:8px;margin-left:32px}.marriage-requirement-note-box{background-color:#f5f5f5;padding:15px;border-left:4px solid #184a5b;margin:20px 10px;border-radius:4px}.marriage-requirement-note-title{font-weight:600!important;margin-bottom:8px!important;color:#333}.marriage-requirement-divider{margin:30px 0!important}.marriage-requirement-subitem{align-items:flex-start!important;display:flex!important;text-align:left!important}@media screen and (max-width: 768px){.marriage-requirement-main-title{padding:15px 10px}.marriage-requirement-main-title h5{font-size:1.1rem!important;padding:0 80px}.marriage-requirement-main-title .marriage-back-button{left:15px;max-width:70px!important}}@media screen and (max-width: 480px){.marriage-requirement-main-title{padding:15px 5px}.marriage-requirement-main-title h5{font-size:.7rem!important}.marriage-requirement-main-title .marriage-back-button{left:10px;max-width:60px!important;padding:3px 8px!important}}.QueueContainerWalkIn{display:flex;flex-direction:column;width:100vw;color:#333;transition:margin-left .3s ease;margin-left:0;background-color:#f8f9fa;min-height:100vh}.QueueContainerWalkIn.sidebar-open{margin-left:250px}.WalkInDashboard{width:80vw;min-width:70vw;display:flex;flex-direction:column;margin-left:10vw;padding:20px 0}.HeaderWalkIn{background:linear-gradient(135deg,#184a5b,#24536a);width:100vw;margin-bottom:8vh!important;box-shadow:0 4px 12px #184a5b26}.HeaderWalkIn h1{font-size:24px;color:#fff;padding:25px 20px;font-weight:600;letter-spacing:.5px;text-align:center}.QueuePositionContainerWalkIn{display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;margin-bottom:25px;padding:25px;width:32vw;box-shadow:0 8px 24px #184a5b1a;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease}.QueuePositionContainerWalkIn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #184a5b26}.QueuePositionLabelWalkIn{font-size:16px;font-weight:600;color:#184a5b;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.HeadWalkIn{display:flex;flex-direction:row;gap:20px;justify-content:center;margin-bottom:30px}.QueuePositionNumberWalkIn{font-size:48px;font-weight:700;color:#184a5b;margin:15px 0;text-align:center}.QueuePositionMessageWalkIn{font-size:14px;color:#6c757d;text-align:center;font-style:italic}.CurrentQueueContainerWalkIn{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:25px;margin-bottom:25px;width:32vw;box-shadow:0 8px 24px #184a5b1a;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease}.CurrentQueueContainerWalkIn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #184a5b26}.CurrentQueueLabelWalkIn{font-size:16px;font-weight:600;color:#184a5b;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.CurrentQueueListWalkIn{display:flex;flex-direction:column;gap:12px}.CurrentQueueItemWalkIn{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9ecef}.CurrentQueueItemWalkIn:last-child{border-bottom:none}.QueueIdWalkIn{color:#184a5b;font-weight:600;font-size:16px}.CounterNumberWalkIn{color:#6c757d;font-weight:500}.FooterWalkIn{margin-top:30px}.FooterTitleWalkIn{font-size:20px;color:#184a5b;margin-bottom:20px;font-weight:600}.GetQueueButtonWalkIn{background:linear-gradient(135deg,#184a5b,#24536a);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:600;cursor:pointer;float:right;margin-bottom:20px;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #184a5b33}.GetQueueButtonWalkIn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #184a5b4d;background:linear-gradient(135deg,#24536a,#184a5b)}.QueueListWalkIn{clear:both;margin-top:40px;display:flex;flex-direction:column;gap:16px}.QueueItemWalkIn{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border:1px solid #e9ecef;box-shadow:0 4px 12px #184a5b14}.QueueItemWalkIn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #184a5b1f}.QueueStatusWalkIn{display:flex;flex-direction:column;text-align:center}.StatusLabelWalkIn{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.QueueDateWalkIn{font-size:13px;color:#6c757d;margin-top:6px}.QueueIdContainerWalkIn{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.QueueListIdWalkIn{font-size:18px;font-weight:700;color:#184a5b}.UserQueueWalkIn{background:linear-gradient(135deg,#e8f4f8,#f0f8fb);border:2px solid #184a5b;position:relative;overflow:hidden}.UserQueueWalkIn:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#184a5b,#24536a)}.PendingWalkIn{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef}.InProgressWalkIn{background:linear-gradient(135deg,#e0f7fa,#f0fbfc);border:2px solid #4caf50}.queue-actions{margin-top:12px;text-align:center}.view-details-btn{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#184a5b,#24536a);color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #184a5b33}.view-details-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #184a5b4d;background:linear-gradient(135deg,#24536a,#184a5b);text-decoration:none;color:#fff}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 5px #ff6b3580}50%{box-shadow:0 0 20px #ff6b35cc}to{box-shadow:0 0 5px #ff6b3580}}.QueuePositionNumberWalkIn{animation:none}.QueuePositionNumberWalkIn:has-text("NOW SERVING"){animation:pulse 1.5s infinite;color:#ff6b35;font-weight:700}@media (max-width: 768px){.WalkInDashboard{width:95vw;margin-left:2.5vw}.HeaderWalkIn h1{margin-left:2.5vw;font-size:20px}.QueuePositionContainerWalkIn,.CurrentQueueContainerWalkIn{width:90vw}.HeadWalkIn{flex-direction:column;gap:15px}.QueueItemWalkIn{flex-direction:column;gap:12px;text-align:center}.GetQueueButtonWalkIn{float:none;width:100%}}.WalkInFormContainerWalkIn{display:flex;flex-direction:column;width:100vw;color:#333;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.WalkInFormContainerWalkIn.sidebar-open{margin-left:250px;transition:margin-left .3s ease}.FormHeaderWalkIn{display:flex;margin-bottom:20px;background-color:#184a5b;align-items:center;width:100%;border-radius:0 0 4px 4px}.FormHeaderWalkIn h1{font-size:22px;color:#fff;text-align:center!important;display:flex;width:100%;justify-content:center;align-items:center;padding:20px;margin:0}.FormTitleWalkIn{color:#184a5b;text-align:start!important;margin-left:5vw;margin-top:3vw}.FormTitleWalkIn h2{color:#184a5b;text-align:start;margin-bottom:5px}.FormTitleWalkIn p{margin-top:5px;color:#555}.AppointmentBtnWalkIn.ActiveWalkIn{background-color:#e0e0e0}.WalkInForm{display:flex;flex-direction:column;width:90%;max-width:900px;margin:0 auto;justify-content:center;align-items:center;padding:2% 5%}.FormRowWalkIn{display:flex;flex-direction:row;gap:15px;margin-bottom:20px;width:100%}.FormGroupWalkIn{flex:1;display:flex;flex-direction:column;padding:15px}.FormGroupWalkIn.SmallWalkIn{flex:.4}.FormGroupWalkIn label{display:block;margin-bottom:8px;font-weight:500;color:#1c4d5a!important;font-size:14px}.FormGroupWalkIn input,.FormGroupWalkIn select{width:100%;padding:10px;border-radius:6px;font-size:16px;border:1.5px solid #2a5764!important;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a;color:#1c4d5a!important;transition:all .2s ease}.FormGroupWalkIn input:focus,.FormGroupWalkIn select:focus{outline:none;border:2px solid #24677a!important;box-shadow:0 0 5px #24677a4d}.FormGroupWalkIn select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.FormActionsWalkIn{display:flex;justify-content:space-between;margin-top:30px;width:100%}.BackBtnWalkIn{background-color:#e2dfdf;color:#184a5b;font-weight:600;width:5%;border-radius:5px}.ConfirmBtnWalkIn{background-color:#184a5b;color:#fff;border:none;padding:12px 30px;margin-right:50px;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}.ConfirmBtnWalkIn:hover{background-color:#1c6674}.DialogOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.DialogBox{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:450px;box-shadow:0 4px 12px #00000026}.DialogBox h3{margin-top:0;font-size:20px;margin-bottom:12px;color:#184a5b}.DialogBox p{margin-bottom:24px;font-size:16px;line-height:1.5}.DialogActions{display:flex;justify-content:flex-end;gap:12px}.DialogBtn{padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background-color .2s}.YesBtn{background-color:#2a7d8a;color:#fff}.YesBtn:hover{background-color:#1c6674}.NoBtn{background-color:#f1f1f1;color:#333}.NoBtn:hover{background-color:#e5e5e5}@media (min-width: 1200px){.WalkInForm{width:80%}.FormGroupWalkIn input,.FormGroupWalkIn select{font-size:16px;padding:12px}}@media (max-width: 992px){.WalkInFormContainerWalkIn.sidebar-open{margin-left:200px}.FormTitleWalkIn{margin-left:3vw}.WalkInForm{width:95%}}@media (min-width:526) and (max-width: 768px){.WalkInFormContainerWalkIn{width:100%;padding:10px}.WalkInFormContainerWalkIn.sidebar-open{margin-left:0}.FormHeaderWalkIn h1{font-size:18px;padding:15px}.FormTitleWalkIn{margin-left:0;margin-top:10px;text-align:center}.FormTitleWalkIn h2{font-size:18px;text-align:center}.WalkInForm{width:100%;padding:10px}.FormRowWalkIn{flex-direction:column;gap:10px}.FormGroupWalkIn{padding:10px}.FormGroupWalkIn.SmallWalkIn{flex:1}.FormGroupWalkIn label{font-size:14px}.FormGroupWalkIn input,.FormGroupWalkIn select{font-size:14px;padding:10px}.FormActionsWalkIn{justify-content:center;margin-top:20px}.ConfirmBtnWalkIn{padding:10px 20px;margin-right:0;width:80%}.DialogBox{width:95%;max-width:350px;padding:20px}}@media (max-width: 636px){.WalkInFormContainerWalkIn{width:100vw}.WalkInForm{padding:10px}.FormHeaderWalkIn h1{font-size:16px;padding:30px}.FormTitleWalkIn{margin-left:30px;margin-top:30px}.FormTitleWalkIn h2{font-size:16px}.FormTitleWalkIn p{font-size:14px}.WalkInForm{width:100%;padding:10px 5px}.FormRowWalkIn{flex-direction:column!important;gap:8px}.FormGroupWalkIn{padding:8px 5px}.FormGroupWalkIn label{font-size:12px;margin-bottom:4px}.FormGroupWalkIn input,.FormGroupWalkIn select{font-size:14px;padding:8px}.FormActionsWalkIn{justify-content:center;margin-top:15px}.ConfirmBtnWalkIn{padding:10px 15px;margin-right:0;width:100%}.DialogBox{width:90%;max-width:300px;padding:15px}.DialogBox h3{font-size:16px}.DialogBox p{font-size:12px;margin-bottom:15px}.DialogActions{flex-direction:column;gap:8px}.DialogBtn{width:100%;font-size:14px;padding:8px}}@media (max-width: 320px){.FormHeaderWalkIn h1{font-size:14px;padding:8px}.FormTitleWalkIn h2{font-size:14px}.FormGroupWalkIn label{font-size:10px}.FormGroupWalkIn input,.FormGroupWalkIn select{font-size:12px;padding:6px}.ConfirmBtnWalkIn{font-size:12px;padding:8px 12px}}.queue-detail-container{display:flex;width:100vw;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px;flex-direction:column}.queue-detail-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:500px;padding:30px;text-align:center}.queue-welcome{margin-bottom:30px;color:#184a5b}.queue-welcome h2{font-size:24px;margin-bottom:10px;font-weight:500}.highlight{font-weight:700}.notification{color:#184a5b;font-size:16px;margin-top:5px}.queue-number-section{margin:30px 0}.queue-number-section p{margin-bottom:10px;font-size:16px}.queue-number{font-size:72px;font-weight:700;color:#184a5b;line-height:1}.requirements-link{margin:30px 0}.requirements-link a{color:#184a5b;text-decoration:underline;font-size:16px}.appointment-info{text-align:left;border-top:1px solid #eee;padding-top:20px;margin-top:20px;color:#184a5b}.appointment-info p{margin:10px 0;font-size:16px}.label{font-weight:600;margin-right:5px}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px}.AccountContainerUAcc{width:80vw;margin:0 auto;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;padding:0}.AccountUAcc .sidebar-open{margin-left:250px}.AccountUAcc{align-items:center;justify-content:center;transition:margin-left .3s ease;width:100vw}.AccountHeaderUAcc{background-color:#184a5b;color:#fff;padding:10px;margin-bottom:30px;display:flex;flex-direction:column;width:100vw;justify-content:center;align-items:center}.AccountHeaderUAcc h1{font-size:24px;margin-bottom:0;color:#fff;border-bottom:none}.AccountTabsUAcc{display:flex;border-bottom:1px solid #eaeaea;margin-bottom:0}.TabButtonUAcc{padding:15px 25px;background:none;border:none;font-size:16px;font-weight:500;color:#626262;cursor:pointer;transition:all .2s ease;position:relative;outline:none}.TabButtonUAcc:hover{color:#184a5b}.TabButtonUAcc.active{color:#184a5b;font-weight:600}.TabButtonUAcc.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#184a5b}.TabContentUAcc{padding:30px;width:100%;box-sizing:border-box}@media (max-width: 1024px){.TabContentUAcc{padding:25px}}@media (max-width: 768px){.TabContentUAcc{padding:20px}}@media (max-width: 480px){.TabContentUAcc{padding:15px 10px}}.PasswordTabCardUAcc{background-color:#fff;border-radius:8px;padding:20px;width:100%;margin:0 auto;box-sizing:border-box}.PasswordRequirementsUAcc{font-size:13px;color:#666;margin-top:5px;width:calc(100% - 30px);margin-left:15px;margin-right:15px;min-width:300px;max-width:500px;line-height:1.4;padding:8px 10px;box-sizing:border-box}@media (max-width: 768px){.PasswordRequirementsUAcc{width:calc(100% - 20px);margin-left:10px;margin-right:10px;min-width:250px;max-width:none;padding:8px 10px}}@media (max-width: 480px){.PasswordRequirementsUAcc{width:calc(100% - 10px);margin-left:5px;margin-right:5px;min-width:200px;padding:8px 10px}}.AccountFormUAcc,.PasswordFormUAcc{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin-bottom:none!important;max-width:70vw;margin:0 auto;box-sizing:border-box}@media (min-width: 600px){.AccountFormUAcc{grid-template-columns:1fr 1fr;gap:25px}.FormGroupUAcc:nth-child(5),.ActionsUAcc{grid-column:span 2}}@media (max-width: 1024px){.AccountFormUAcc,.PasswordFormUAcc{max-width:80vw}}@media (max-width: 768px){.AccountFormUAcc,.PasswordFormUAcc{max-width:90vw;gap:15px}.AccountFormUAcc{grid-template-columns:1fr}.FormGroupUAcc:nth-child(5),.ActionsUAcc{grid-column:span 1}}@media (max-width: 480px){.AccountFormUAcc,.PasswordFormUAcc{max-width:95vw;gap:10px}}.PasswordFormUAcc .FormGroupUAcc input{width:calc(100% - 30px);margin:0 15px;min-width:300px;max-width:500px;padding:10px;border:1px solid #1c4d5a!important;border-radius:4px;font-size:14px;background-color:#fff!important;color:#1c4d5a!important;transition:border-color .3s ease,background-color .3s ease;box-sizing:border-box}.PasswordFormUAcc .FormGroupUAcc input:focus{border-color:#1c4d5a!important;background-color:#fff!important;outline:none;box-shadow:0 0 0 2px #1c4d5a33}.PasswordFormUAcc .FormGroupUAcc input:hover{border-color:#1c4d5a!important}.PasswordFormUAcc .FormGroupUAcc input::placeholder{color:#1c4d5a;opacity:.7}@media (max-width: 768px){.PasswordFormUAcc .FormGroupUAcc input{width:calc(100% - 20px);margin:0 10px;min-width:250px;max-width:none}}@media (max-width: 480px){.PasswordFormUAcc .FormGroupUAcc input{width:calc(100% - 10px);margin:0 5px;min-width:200px}}@media (max-width: 1024px){.PasswordTabCardUAcc{padding:18px}}@media (max-width: 768px){.PasswordTabCardUAcc{padding:15px;margin:0}}@media (max-width: 480px){.PasswordTabCardUAcc{padding:10px;margin:0;border-radius:6px}}.FormGroupUAcc{margin-bottom:20px}.FormGroupUAcc label{display:block;margin-bottom:8px;color:#2c3e50;font-size:15px;margin-left:20px;font-weight:700}.FormGroupUAcc input{width:100%;padding:10px;border:1px solid #1c4d5a!important;border-radius:4px;font-size:14px;background-color:#fff!important;color:#1c4d5a!important;transition:border-color .3s ease,background-color .3s ease;box-sizing:border-box}.FormGroupUAcc input:focus{border-color:#1c4d5a!important;background-color:#fff!important;outline:none;box-shadow:0 0 0 2px #1c4d5a33}.FormGroupUAcc input:hover{border-color:#1c4d5a!important}.FormGroupUAcc input::placeholder{color:#1c4d5a;opacity:.7}.FormGroupUAcc input:disabled{background-color:#f9f9f9!important;cursor:not-allowed;color:#1c4d5a!important;border-color:#1c4d5a!important}.InputWithActionUAcc{display:flex;align-items:center;margin:0 15px}.InputWithActionUAcc input{flex:1;color:#1c4d5a!important;padding:10px;margin:0;border:1px solid #1c4d5a!important;border-radius:4px 0 0 4px;font-size:14px;background-color:#fff!important;transition:border-color .3s ease,background-color .3s ease;box-sizing:border-box}.InputWithActionUAcc input:focus{border-color:#1c4d5a!important;background-color:#fff!important;outline:none;box-shadow:0 0 0 2px #1c4d5a33}.InputWithActionUAcc input:hover{border-color:#1c4d5a!important}.InputWithActionUAcc input::placeholder{color:#1c4d5a;opacity:.7}.InputWithActionUAcc input:disabled{background-color:#f9f9f9!important;cursor:not-allowed;color:#1c4d5a!important;border-color:#1c4d5a!important}.EditButtonUAcc,.CancelButtonUAcc{width:60px;height:42px;background:none;border:1px solid #1c4d5a!important;border-left:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#1c4d5a!important;transition:all .2s ease;background-color:#fff!important}.EditButtonUAcc:hover{background-color:#f5f5f5!important;border-color:#1c4d5a!important}.EditButtonUAcc:disabled{cursor:not-allowed;opacity:.5;color:#999!important;border-color:#ccc!important}.CancelButtonUAcc{background-color:#f5f5f5!important;border-color:#1c4d5a!important}.CancelButtonUAcc:hover{background-color:#e8e8e8!important;border-color:#1c4d5a!important}.SaveButtonUAcc{padding:12px 24px;background-color:#184a5b;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.SaveButtonUAcc:hover{background-color:#1c5b70;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.SaveButtonUAcc:active{transform:translateY(0)}.MessageUAcc{padding:15px;border-radius:6px;margin:25px 30px;font-size:15px;font-weight:500}.MessageUAcc.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.MessageUAcc.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.RestrictionNoteUAcc{font-size:13px;color:#e74c3c;margin-top:8px}.AccountLoaderUAcc{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px;color:#666}.ActionsUAcc{margin-top:25px;display:flex;justify-content:flex-end}.PasswordFormUAcc .ActionsUAcc{margin-top:25px;margin-left:15px;margin-right:15px;display:flex;justify-content:flex-end}@media (max-width: 768px){.PasswordFormUAcc .ActionsUAcc{margin-left:10px;margin-right:10px}}@media (max-width: 480px){.PasswordFormUAcc .ActionsUAcc{margin-left:5px;margin-right:5px;justify-content:center}.PasswordFormUAcc .SaveButtonUAcc{width:100%;max-width:300px}}.PasswordConfirmationOverlayUAcc{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.DialogFormGroupUAcc{width:100%}.DialogLabel{color:#184a5b!important}.PasswordConfirmationDialogUAcc{background-color:#fff;border-radius:10px;padding:30px;width:450px!important;max-width:95vw;box-shadow:0 10px 25px #0003}.PasswordConfirmationDialogUAcc h3{margin-top:0;color:#184a5b;font-size:22px;width:100%}.PasswordConfirmationDialogUAcc p{margin-bottom:25px;color:#555;width:100%}.PasswordConfirmationDialogUAcc .FormGroupUAcc{margin-bottom:25px;width:100%}.PasswordConfirmationDialogUAcc input{width:100%;padding:10px;margin:0 15px;border:1px solid #1c4d5a!important;border-radius:4px;background-color:#fff!important;color:#1c4d5a!important;font-size:14px;transition:border-color .3s ease,background-color .3s ease;box-sizing:border-box}.PasswordConfirmationDialogUAcc input:focus{border-color:#1c4d5a!important;background-color:#fff!important;outline:none;box-shadow:0 0 0 2px #1c4d5a33}.PasswordConfirmationDialogUAcc input:hover{border-color:#1c4d5a!important}.PasswordConfirmationDialogUAcc input::placeholder{color:#1c4d5a;opacity:.7}.DialogActionsUAcc{display:flex;justify-content:space-between;gap:15px;margin-top:25px;width:100%}.DialogActionsUAcc .CancelButtonUAcc{flex:1;height:auto;padding:12px 15px;background-color:#f1f1f1;border:1px solid #ddd;border-radius:6px;color:#333;font-size:15px;font-weight:500}.DialogActionsUAcc .SaveButtonUAcc{flex:1;height:auto;padding:12px 15px}.FormGroupUAcc input#firstName,.FormGroupUAcc input#lastName{width:calc(100% - 30px);margin:0 15px;min-width:300px;max-width:500px}@media (max-width: 768px){.FormGroupUAcc input#firstName,.FormGroupUAcc input#lastName{width:calc(100% - 20px);margin:0 10px;min-width:250px;max-width:none}}@media (max-width: 480px){.FormGroupUAcc input#firstName,.FormGroupUAcc input#lastName{width:calc(100% - 10px);margin:0 5px;min-width:200px}}.FormGroupUAcc .InputWithActionUAcc{width:calc(100% - 30px);margin:0 15px;min-width:300px;max-width:500px}.FormGroupUAcc .InputWithActionUAcc input{margin:0;width:100%}@media (max-width: 768px){.FormGroupUAcc .InputWithActionUAcc{width:calc(100% - 20px);margin:0 10px;min-width:250px;max-width:none}}@media (max-width: 480px){.FormGroupUAcc .InputWithActionUAcc{width:calc(100% - 10px);margin:0 5px;min-width:200px}}.PasswordFormUAcc .FormGroupUAcc label{margin-left:15px;display:block;margin-bottom:8px;color:#2c3e50;font-size:15px;font-weight:700}@media (max-width: 768px){.PasswordFormUAcc .FormGroupUAcc label{margin-left:10px}}@media (max-width: 480px){.PasswordFormUAcc .FormGroupUAcc label{margin-left:5px}}.PasswordFormUAcc .FormGroupUAcc{margin-bottom:20px}@media (max-width: 768px){.PasswordFormUAcc .FormGroupUAcc{margin-bottom:18px}}@media (max-width: 480px){.PasswordFormUAcc .FormGroupUAcc{margin-bottom:15px}}.FieldHintUAcc{font-size:12px;color:#666;margin-top:5px;margin-left:15px;margin-right:15px;font-style:italic;line-height:1.3}@media (max-width: 768px){.FieldHintUAcc{margin-left:10px;margin-right:10px;font-size:11px}}@media (max-width: 480px){.FieldHintUAcc{margin-left:5px;margin-right:5px;font-size:11px}}.PhoneInputContainerUAcc{display:flex;width:calc(100% - 30px);margin:0 15px;min-width:300px;max-width:500px;align-items:center}.PhoneInputWrapperUAcc{display:flex;flex:1;border-radius:4px;overflow:hidden;background-color:#fff;margin-right:2px}.CountryCodeUAcc{width:50px;padding:10px 8px;border:none;font-size:14px;background-color:#f9f9f9;color:#1c4d5a;text-align:center;cursor:not-allowed;box-sizing:border-box;border:1px solid #1c4d5a;border-radius:6px;margin-right:3px}.PhoneNumberInputUAcc{flex:1;padding:10px;border:none;font-size:14px;background-color:#fff!important;color:#1c4d5a!important;outline:none}.PhoneNumberInputUAcc:focus{background-color:#fff!important;outline:none}.PhoneNumberInputUAcc::placeholder{color:#1c4d5a;opacity:.7}.PhoneNumberInputUAcc:disabled{background-color:#f9f9f9!important;cursor:not-allowed;color:#1c4d5a!important}.PhoneInputWrapperUAcc:focus-within{box-shadow:0 0 0 2px #1c4d5a33}.PhoneEditButtonUAcc,.PhoneCancelButtonUAcc{width:60px;height:42px;background:none;border:1px solid #1c4d5a!important;border-radius:6px!important;border-left:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#1c4d5a!important;transition:all .2s ease;background-color:#fff!important}.PhoneEditButtonUAcc:hover,.PhoneCancelButtonUAcc:hover{background-color:#f5f5f5!important;border-left-color:#1c4d5a!important;border-radius:6px!important}.PhoneEditButtonUAcc:disabled{cursor:not-allowed;opacity:.5;color:#999!important;border-left-color:#ccc!important}.PhoneCancelButtonUAcc{background-color:#f5f5f5!important;border-left-color:#1c4d5a!important}@media (max-width: 768px){.PhoneInputContainerUAcc{width:calc(100% - 20px);margin:0 10px;min-width:250px;max-width:none}}@media (max-width: 480px){.PhoneInputContainerUAcc{width:calc(100% - 10px);margin:0 5px;min-width:200px}.CountryCodeUAcc{width:45px;font-size:12px;padding:8px 6px}.PhoneEditButtonUAcc,.PhoneCancelButtonUAcc{width:50px;height:36px}}.admin-dashboard{min-height:100vh;width:100vw;background:linear-gradient(180deg,#fff 70%,#f9f6f3);display:flex;flex-direction:column;align-items:center}.admin-dashboard-top-nav{background-color:#184a5b;font-size:25px!important;justify-content:space-between;font-weight:600!important;display:flex;padding:10px!important;width:100vw;align-items:center}.admin-dashboard-menu-icon{font-size:2rem;color:#fff;cursor:pointer}.AdminDahboardHeader{color:#fff;font-size:1.5rem;font-weight:600;margin-left:40vw;background-color:none!important;padding:20px!important;text-align:center}.admin-dashboard-search-bar{width:260px;background:#e9ecef;border-radius:16px;padding:6px 16px;display:flex;align-items:center;height:40px!important;margin-right:20px}.admin-dashboard-search-bar input{border:none;background:transparent;outline:none;width:100%;font-size:1rem;color:#495057;height:30px!important}.admin-dashboard-content-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;min-height:calc(100vh - 56px)}.admin-dashboard-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:24px;margin:0 auto;box-sizing:border-box}.admin-dashboard-main{flex:1;max-width:calc(100% - 364px);display:flex;flex-direction:column;width:100%;align-items:center}.admin-dashboard-sidebar{width:340px;min-width:340px}.admin-dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;width:100%}.admin-dashboard-chart-card{background:#f7f9fa;border-radius:14px;padding:20px 16px 12px;box-shadow:0 1px 3px #0000001a;min-width:0}.admin-dashboard-chart-header{margin-bottom:10px}.admin-dashboard-chart-title{font-size:1rem;color:#1c4d5a;font-weight:600;display:flex;align-items:center;gap:18px}.admin-dashboard-walk-in-dot,.admin-dashboard-birth-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#1c4d5a;margin-right:6px}.admin-dashboard-appointment-dot,.admin-dashboard-marriage-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#8dc3a7;margin-left:18px;margin-right:6px}.admin-dashboard-appointment-stats{background:#f7f9fa;border-radius:14px;padding:20px 16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;width:100%}.admin-dashboard-walk-in-queue{background:#f7f9fa;border-radius:14px;padding:20px 16px;min-width:260px;box-shadow:0 1px 3px #0000001a;color:#1c4d5a;font-size:1.1rem;display:flex;flex-direction:column;margin-bottom:24px}.RecentAppointmentsAdminCard,.RecentAppsAdminCard{margin-top:0!important;margin-bottom:24px;width:100%}.RecentAppointmentsAdminCard,.RecentAppsAdminCard,.admin-dashboard-overall-appointment,.admin-dashboard-overall-application,.admin-dashboard-walk-in-queue{box-shadow:0 1px 3px #0000001a!important}.admin-dashboard-walk-in-queue h2{color:#1c4d5a;font-size:1.1rem;font-weight:600;margin-bottom:16px}.overall-appointment-box,.overall-application-box{background:#f7f9fa;border-radius:14px;padding:20px 16px;min-width:260px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;width:100%}.admin-dashboard-applications{background:#f7f9fa;border-radius:14px;padding:20px 16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;width:100%}.admin-dashboard-container.sidebar-open{margin-left:240px}.stats-container{display:flex;justify-content:space-between;margin-bottom:16px}.stat-box{background:#fff;border-radius:8px;padding:16px;text-align:center;flex:1;margin:0 8px;box-shadow:0 1px 3px #0000000d}.stat-box:first-child{margin-left:0}.stat-box:last-child{margin-right:0}.application-table{width:100%;border-collapse:collapse;margin-top:12px}.application-table th{text-align:left;padding:12px 8px;border-bottom:1px solid #e0e0e0}.application-table td{padding:12px 8px;border-bottom:1px solid #e0e0e0}.admin-dashboard-chart-card .recharts-responsive-container{min-height:220px}.OverAllStatAppointContainer{height:20vh;align-items:center;justify-content:center}@media (min-width: 1400px){.admin-dashboard-content-wrapper{max-width:1600px;padding:32px 24px}.admin-dashboard-container{gap:32px}.admin-dashboard-charts{gap:32px;margin-bottom:32px}.admin-dashboard-chart-card{padding:24px 20px 16px}.admin-dashboard-sidebar{width:380px;min-width:380px}.admin-dashboard-main{max-width:calc(100% - 412px)}}@media (min-width: 1920px){.admin-dashboard-content-wrapper{max-width:1800px;padding:40px 32px}.admin-dashboard-container{gap:40px}.admin-dashboard-charts{gap:40px;margin-bottom:40px}.admin-dashboard-sidebar{width:420px;min-width:420px}.admin-dashboard-main{max-width:calc(100% - 460px)}.admin-dashboard-chart-card{padding:28px 24px 20px}.admin-dashboard-chart-card .recharts-responsive-container{min-height:280px}}@media (min-width: 2560px){.admin-dashboard-content-wrapper{max-width:2200px;padding:48px 40px}.admin-dashboard-container{gap:48px}.admin-dashboard-charts{gap:48px;margin-bottom:48px}.admin-dashboard-sidebar{width:480px;min-width:480px}.admin-dashboard-main{max-width:calc(100% - 528px)}.admin-dashboard-chart-card{padding:32px 28px 24px}.admin-dashboard-chart-card .recharts-responsive-container{min-height:320px}}@media (min-width: 1601px){.admin-dashboard-content-wrapper{max-width:1600px}}@media (min-width: 992px) and (max-width: 1200px){.admin-dashboard-content-wrapper{max-width:1100px}.admin-dashboard-sidebar{width:300px;min-width:300px}.admin-dashboard-main{max-width:calc(100% - 324px)}}@media (max-width: 991px){.admin-dashboard-container{flex-direction:column}.admin-dashboard-main,.admin-dashboard-sidebar{width:100%;max-width:100%;min-width:0}.admin-dashboard-charts{grid-template-columns:1fr}.admin-dashboard-sidebar{margin-top:24px}}@media (max-width: 767px){.admin-dashboard-top-nav{padding:0 16px}.admin-dashboard-search-bar{width:200px}.admin-dashboard-title{font-size:1.4rem}.stats-container{flex-direction:column}.stat-box{margin:8px 0}}.RecentAppsAdminCard{width:100%;border-radius:8px;overflow:hidden}.ApplicationStatsMainContainer{display:flex;flex-direction:row;width:65vw!important}.StatAppointmentTypeContainer{display:flex!important;flex-direction:column!important;width:100vw!important}.StatsBirthContainer,.StatsMarriageContainer{margin-bottom:20px!important;border:1px solid #e0e0e0;width:100%!important}.OverAllStatContainer{height:20vh;align-items:center;justify-content:center;margin-top:20vh!important}.RecentAppsAdminTitle{font-size:1rem!important;font-weight:600!important;color:#184a5b!important;margin-bottom:8px!important}.RecentAppsAdminLoading,.RecentAppsAdminError{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:150px}.css-5c1adp-MuiContainer-root{padding-left:0%!important;padding-right:1%!important}.ApplicationStatsTitle{font-size:1rem!important;font-weight:600!important;color:#184a5b!important;margin-bottom:8px!important;margin-left:20px!important}.StatCard,.TotalStatCard{padding:16px;border-radius:10px!important;height:100%}.TotalStatCard{background-color:#37576517!important;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:150px}.AllStatCardTitle{color:#184a5b;font-weight:600!important;margin-bottom:20px!important}.ApplicationStatImage{width:8vw}.StatCardTitle{color:#184a5b;font-weight:600!important;margin-bottom:20px!important}.StatNumbers{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:5px}.StatItem{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center}.StatItem h6{font-weight:600!important}.RecentAppsAdminHeader{display:flex;justify-content:space-between;align-items:center}.ApplicationStatsViewAllButton{color:#184a5b!important;border:1px solid #8aacb5!important;text-transform:none!important;font-size:.7rem!important;padding:2px 8px!important;min-width:10vw!important;font-weight:600!important}.ApplicationStatsViewAllButton:hover{text-decoration:underline!important;background-color:#184a5b0d!important}.TotalStatCard{text-align:center;padding:16px;background-color:#184a5b0d}.RecentAppointmentsAdminCard{width:100%;border-radius:8px;overflow:hidden;margin-top:15px;box-shadow:0 4px 16px #0000000d}.RecentApptAdminTitle{font-size:1rem!important;font-weight:600!important;color:#184a5b!important;margin-bottom:8px!important}.AppointmentItemAdmin{display:flex;justify-content:space-between;align-items:center;padding:8px 0;position:relative}.AppointmentContentAdmin{flex:1}.AppointmentTypeAdmin{font-size:.9rem!important;font-weight:500!important;color:#184a5b!important;margin-bottom:2px!important;min-width:53vw;width:auto;word-wrap:break-word;flex:1}.AppointmentDateTimeAdmin{display:flex;align-items:center;margin-bottom:2px}.AppointmentDateAdmin,.AppointmentTimeAdmin{font-size:.75rem!important;color:#666!important}.AppointmentDateAdmin{margin-right:8px!important}.AppointmentTimeAdmin{padding-left:8px;position:relative}.AppointmentTimeAdmin:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:10px;width:1px;background-color:#ccc}.AppointmentNameAdmin{font-size:.75rem!important;color:#666!important;font-style:italic}.ViewDetailsButtonAdmin{color:#184a5b!important;border:1px solid #8aacb5!important;text-transform:none!important;font-size:.7rem!important;padding:2px 8px!important;min-width:10vw!important;font-weight:600!important}.ViewDetailsButtonAdmin:hover{background-color:#184a5b0a!important}.AppointmentDividerAdmin{width:100%;margin:8px 0!important}.RecentApptAdminLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:150px}.RecentApptAdminHeader{display:flex;justify-content:space-between;align-items:center}.RecentApptAdminHeaderContainer{display:flex;flex-direction:column}.admin-walk-in-queue{display:flex;flex-direction:column;margin-top:20px}.queue-stats{display:flex;margin-bottom:16px;padding:12px 0;border-bottom:1px solid #e0e0e0;flex-direction:column}.queue-stat{padding:25px;border-bottom:#1c4d5a 1px solid;display:flex;flex-direction:row;justify-content:space-between}.queue-stat-value{display:block;font-size:1.5rem;font-weight:600;color:#1c4d5a}.queue-stat-label{font-size:.85rem;color:#666}.queue-stat-label-waiting{font-size:.85rem;color:#ffa726}.queue-stat-labelprogress{font-size:.85rem!important;color:#1c4d5a!important}.queue-footer{text-align:center;padding-top:12px;border-top:1px solid #e0e0e0}.view-all-btn{color:#1c4d5a;text-decoration:none;font-weight:500;border:1px solid #8aacb5!important;text-transform:none!important;font-size:.7rem!important;padding:2px 8px!important;font-weight:600!important}.view-all-btn:hover{text-decoration:underline;color:#8dc3a7}.ApplicationPieChartContainer{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px}.ApplicationPieChartTitle{font-size:1.25rem;font-weight:550!important;margin-bottom:16px;color:#184a5b;text-align:center}.ApplicationPieChartNoData{height:200px;display:flex;align-items:center;justify-content:center;color:#666;font-style:italic}.CustomTooltip{background-color:#fff;border:1px solid #ccc;padding:10px;border-radius:4px;box-shadow:0 2px 5px #0003}.TooltipLabel{font-weight:700;margin-bottom:5px;color:#333}.TooltipData{margin:3px 0;color:#555}.recharts-legend-item-text{color:#333!important}.admin-container{max-width:100vw;width:100vw;height:auto;min-height:100vh;align-items:center;display:flex;flex-direction:column;background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.label-usermanagement{font-weight:600;background-color:#184a5b;color:#fff;text-align:center;padding:20px;width:100%;margin-bottom:0!important}.footer{margin-top:15px;color:#184a5b;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:80%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative}.close-modal{position:absolute;top:10px;right:10px;font-size:24px;background:none;border:none;cursor:pointer}.header{font-weight:600;background-color:#184a5b;color:#fff;text-align:center;padding:20px;width:100%;font-size:1.8rem;margin-bottom:20px}.search-user{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;margin:0 auto;background-color:#f5f5f5}.search-user input{margin-top:20px;padding:10px;font-size:16px;width:100%;max-width:780px;border:2px solid #24677a;border-radius:9px;box-sizing:border-box;background-color:#f5f5f5}.search-user input:focus{outline:none;border:2px solid #24677a}.search-user button{margin-top:20px;padding:10px 20px;background-color:#4c727d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;flex-shrink:0;max-width:150px;width:auto}.search-user button:hover{background-color:#184a5b}.admin-container{max-width:100vw;width:100vw;height:auto;min-height:100vh;align-items:center;display:flex;flex-direction:column;background-color:#f5f5f5;padding:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.user-table-container{max-width:100vw;width:100vw;height:auto;min-height:100vh;align-items:center;display:flex;flex-direction:column;background-color:#f5f5f5;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}table{width:100%;max-width:900px;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 8px #0000001a;border-radius:10px}thead{background-color:#184a5b;color:#fff}th,td{padding:20px;text-align:left;border-bottom:1px solid #ddd}.user-info{display:flex;align-items:center;gap:20px;background-color:#fff}.user-info img{border-radius:50%;width:40px;height:40px}.user-name{color:#184a5b;font-weight:600}.status-logged{color:#197719;font-weight:600}.status-not-logged{color:#9d2323;font-weight:600}.roles{display:flex;gap:25px;flex-wrap:wrap}.role{padding:5px 10px;border-radius:15px;color:#fff;font-size:.8rem;font-weight:700}.role.super_admin{background-color:#3c6670;color:#fff;font-weight:500}.role.citizen{background-color:#b5c1ba!important;color:#184a5b;font-weight:500}.role.admin{background-color:#e2e381;color:#000;font-weight:500}.role.staff{background-color:#747a7b;color:#fff;font-weight:500}.actions button{margin-right:5px;padding:8px 12px;border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer}.actions .modify{background-color:#4c727d}.actions .remove{background-color:#a83232}.actions .modify:hover{background-color:#184a5b}.actions .remove:hover{background-color:#8c1e1e}.expanded-row td{background-color:#f9f9f9;padding:20px;max-width:100vh;height:100vh;width:100%}.expanded-content p{margin:6px 0;font-size:14px;color:#333}.actions .view{background-color:#f1c40f;color:#000}.actions .view:hover{background-color:#d4ac0d}.user-table-container table{border-collapse:collapse;width:100%}.user-table-container th,.user-table-container td{padding:8px 12px;vertical-align:middle;text-align:left;border-bottom:1px solid #e0e0e0}.user-table-container tr{height:48px}.user-info{display:flex;align-items:center;gap:5px}.user-info img{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-table-container.compact td{padding-top:4px;padding-bottom:4px}.dropdown-container{position:relative;display:inline-block;color:#184a5b}.dropdown-toggle{background:#184a5b;border:none;cursor:pointer;font-size:16px;color:#333;padding:4px}.dropdown-menu{position:absolute;top:100%;right:0;z-index:800;background-color:#2b5360;box-shadow:0 4px 8px #00000026;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;min-width:120px}.dropdown-menu button{padding:10px 12px;background:none;border:none;cursor:pointer;text-align:left;font-size:14px;color:#ece8e8;transition:background .2s}.dropdown-menu button:hover{background-color:#f2f2f2;color:#184a5b}.modal-content{background:#fff;padding:70px;border-radius:8px;max-width:500px;width:100%;box-shadow:0 4px 12px #0000004d;animation:fadeIn .3s ease}.refresh-button-container{margin-bottom:15px;text-align:right;padding-right:20px}.refresh-button{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.loading-message{text-align:center;padding:40px;color:#666;font-size:16px}.no-users{text-align:center;color:#666;font-style:italic;padding:40px}.status-toggle-container{display:flex;align-items:center;gap:10px}.status-btn{color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer}.status-btn.activate{background-color:#28a745}.status-btn.deactivate{background-color:#dc3545}.status-btn:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:100%;box-shadow:0 4px 12px #0000004d;animation:fadeIn .3s ease}.close-modal-btn{margin-top:20px;background:#dc3545;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:14px}.modify-modal-btn{margin-top:20px;margin-left:1vw;background:#184a5b;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:20px;font-weight:700;color:#eee;background-color:#184a5b;padding:10px;border-radius:4px;text-align:center;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.user-detail-row{display:flex;justify-content:space-between;margin:10px 0;font-size:15px;color:#333;padding-bottom:6px;border-bottom:1px solid #eee;text-align:left;margin-left:1.5vw}.user-detail-row span:first-child{font-weight:600;min-width:120px;color:#184a5b}.user-detail-row span:last-child{flex:1;text-align:left;margin-left:10vw;color:#444}.confirm-dialog{max-width:400px;text-align:center}.confirm-message{font-size:16px;color:#333;margin:20px 0 10px}.confirm-warning{font-size:14px;color:#666;margin:10px 0 30px;font-style:italic}.confirm-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.cancel-btn:hover{background:#5a6268}.confirm-btn{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.confirm-btn:hover{background:#c82333}.activate-btn{background:#28a745!important}.activate-btn:hover{background:#218838!important}.admin-add-user{padding:20px;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw}.user-form{background-color:#c3d6db;padding:30px;border-radius:12px;box-shadow:0 0 8px #0000000d;max-width:800px;width:100%}.modifying-user{margin-bottom:8px;font-size:25px!important;color:#fff;background-color:#184a5b;justify-content:center;text-align:center;font-weight:600;padding:3vh;padding:20px 15px;width:100vw;box-sizing:border-box;word-wrap:break-word;font-size:clamp(20px,5vw,32px);min-height:70px}.photo-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.upload-box{background-color:#f7fafa;border:2px dashed #ccc;border-radius:12px;padding:30px;text-align:center;cursor:pointer;width:100%;max-width:500px;transition:all .3s ease}.upload-box:hover{border-color:#0e4f57}.upload-box i{font-size:24px;color:#0e4f57}.upload-box p{margin-top:10px;font-weight:500;color:#0e4f57}input[type=file]{display:none}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:6px;color:#0e4f57;font-size:16px}.form-group label span{color:red}.form-group input{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;width:100%}.form-group select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;width:100%;background-color:#fff;color:#0e4f57;box-sizing:border-box}.form-group select:focus{border-color:#0e4f57;outline:none}.contact-input-wrapper{display:flex;gap:3px;width:100%}.country-code{flex:0 0 70px;padding:2px;background-color:#f0f0f0;font-weight:700;border:1px solid #ccc;text-align:center;font-size:12px}.phone-number{flex:1;padding:4px;border:1px solid #ccc;border-radius:4px}.error{color:red;font-size:12px;margin-top:4px}.submit-btn{margin-top:30px;padding:12px 20px;background-color:#0e4f57;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;width:200px;margin-left:280px;margin-right:250px}.submit-btn:disabled{background-color:#8fa5a9;cursor:not-allowed}.submit-btn:hover:not(:disabled){background-color:#0b3e44}.cancel-btn{margin-top:30px;padding:12px 15px;background-color:#971a1a;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;width:100px;margin-right:250px}.cancel-btn:hover{background-color:#7e3131}form.announcementform{display:flex;flex-direction:column;gap:16px;background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:1100px;margin-right:2vw}form.announcementform input[type=text],form.announcementform input[type=datetime-local],form.announcementform textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;background-color:#f9fafb;transition:border-color .2s ease;color:#000}form.announcementform input:focus,form.announcementform textarea:focus{border-color:#3b82f6;outline:none;background-color:#f5f5f5;color:#000}form.announcementform textarea{min-height:100px;resize:vertical;background-color:#f5f5f5}form.announcementform button{background-color:#1c4d5a;color:#fff;padding:12px 20px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}form.announcementform button:hover{background-color:#38626d}.announcement-post{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000000a;transition:transform .2s ease,box-shadow .2s ease;width:100%;color:#000;overflow:hidden}.announcement-post:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000000f}.announcement-post h3{font-size:1.25rem;margin-bottom:10px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.announcement-post p{color:#4b5563;margin-bottom:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.announcement-post small{font-size:.85rem;color:#9ca3af}.announcement-post img{margin-top:12px;max-width:100%;border-radius:8px;object-fit:cover}.announcement-edit-btn{background:none;border:none;color:#ede7e7;cursor:pointer;font-size:1rem;padding:4px 8px;transition:color .2s ease;margin-left:10px;background-color:#1e4e59;border-radius:3px}.announcement-edit-btn:hover{color:#ede7e7}.announcement-feed{display:flex;flex-direction:column;gap:32px;width:100%;max-width:500px;margin:0 auto;padding:0 40px 40px;box-sizing:border-box}@media (min-width: 900px){.announcement-feed{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:40px}}.announcementeditform{display:flex;flex-direction:column;gap:16px;width:100%}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background-color:#fff;padding:28px;border-radius:12px;box-shadow:0 8px 24px #0000001a;width:90%;max-width:800px;animation:modal-fade-in .3s ease forwards}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal h2{font-size:1.5rem;margin-bottom:20px;color:#1f2937;text-align:center}.modal form{display:flex;flex-direction:column;gap:16px}.modal input[type=text],.modal input[type=datetime-local],.modal textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;background-color:#f9fafb;transition:border-color .2s ease;width:100%;box-sizing:border-box;color:#000}.modal input:focus,.modal textarea:focus{border-color:#3b82f6;outline:none;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.modal textarea{min-height:120px;resize:vertical}.modal-actions{display:flex;justify-content:space-between;margin-left:35px;margin-right:35px;gap:35px;margin-top:8px}.modal-actions button{flex:1;padding:12px 16px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-actions button[type=submit]{background-color:#1c4d5a;color:#fff}.modal-actions button[type=submit]:hover{background-color:#38626d}.modal-actions button[type=button]{background-color:#f3f4f6;color:#4b5563}.modal-actions button[type=button]:hover{background-color:#e5e7eb}.modal .delete-button{background-color:#bb3222!important;color:#fff!important;border:none!important;padding:8px 16px;cursor:pointer;border-radius:4px;font-weight:700;transition:background-color .3s ease}.modal .delete-button:hover{background-color:#95473f!important}@media (max-width: 640px){.modal{width:95%;padding:20px}.modal-actions{flex-direction:column}}.announcement-container{width:100vw;height:100vh;display:100%;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;background-color:#f9fafb;overflow-y:auto}.announcement-main{display:flex;flex-direction:column;gap:10px;margin-top:8vh}.label-announcement{margin-bottom:8px;font-size:28px;color:#fff;background-color:#0e4f57;text-align:center;padding:25px;width:100%;font-size:1.9rem}.announcement-h2{margin-bottom:8px;font-size:28px;color:#fff;background-color:#0e4f57;text-align:center;padding:10px 15px;width:100%;box-sizing:border-box;word-wrap:break-word;font-size:clamp(20px,5vw,32px)}@media (min-width: 768px){.announcement-main{flex-direction:row;align-items:flex-start}.announcement-feed{flex:2}.announcement-form{flex:1;position:sticky;top:20px}}.ApplicationDashContainer{display:flex;width:100%;max-height:100%;min-height:100vh;flex-direction:column;align-items:center;justify-content:flex-start;transition:margin-left .3s ease;background-color:#f5f8fa;overflow-x:hidden}.ApplicationDashContainer.sidebar-open{margin-left:280px;width:calc(100% - 280px)}.ApplicationDashHeader{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background-color:#184a5b;width:100vw;box-shadow:0 4px 12px #00000014;z-index:10;position:relative}.ApplicationDashTitle{font-weight:600!important;font-size:1.5rem!important;color:#fff;letter-spacing:.5px;margin-left:4rem!important}.ApplicationDashContent{padding:1.75rem;width:92%;max-width:1400px;display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.ApplicationDashOverview,.ApplicationDashChart{height:40vh!important;display:flex;flex-direction:column;flex:1;border-radius:12px!important;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #0000000f!important;border:none!important}.ApplicationDashOverview:hover,.ApplicationDashChart:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a!important}.ApplicationDashSectionTitle{font-weight:600!important;color:#184a5b!important;font-size:1.2rem!important;position:relative;padding-bottom:.5rem}.ApplicationDashSectionTitle:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;background-color:#184a5b;border-radius:3px}.ApplicationDashStats{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.ApplicationDashPendingCard,.ApplicationDashApprovedCard,.ApplicationDashDeniedCard{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;margin-bottom:.5rem;border:1px solid;border-radius:10px!important;text-transform:none!important;width:100%;transition:all .2s ease;box-shadow:0 2px 8px #00000008;height:72px}.ApplicationDashPendingCard:hover,.ApplicationDashApprovedCard:hover,.ApplicationDashDeniedCard:hover{transform:translate(5px)}.ApplicationDashPendingCard.active{border-color:orange;background-color:#ff980014}.ApplicationDashPendingCard:not(.active){border-color:#e0e0e0;background-color:#fff}.ApplicationDashApprovedCard.active{border-color:green;background-color:#4caf5014}.ApplicationDashApprovedCard:not(.active){border-color:#e0e0e0;background-color:#fff}.ApplicationDashDeniedCard.active{border-color:#d32f2f;background-color:#f4433614}.ApplicationDashDeniedCard:not(.active){border-color:#e0e0e0;background-color:#fff}.ApplicationDashIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px}.ApplicationDashCircleFilled{display:inline-block;width:28px;height:28px;border-radius:50%;margin-right:12px}.ApplicationDashCircleFilled.Pending{background:#ff9800}.ApplicationDashCircleFilled.Approved{background:#4caf50}.ApplicationDashCircleFilled.Denied{background:#f44336}.ApplicationDashCircleIcon,.ApplicationDashCountCircle{display:none!important}.ApplicationDashLabel{flex-grow:1;text-align:left;margin-left:1rem;font-size:.9rem!important;color:#000000b3!important;letter-spacing:.5px}.ApplicationDashCount{font-weight:700!important;font-size:1.5rem!important;margin-left:12px;background:none!important;border:none!important;box-shadow:none!important;color:#184a5b!important}.ApplicationDashCount.Pending{color:#ff9800!important}.ApplicationDashCount.Approved{color:#4caf50!important}.ApplicationDashCount.Decline{color:#f44336!important}.ApplicationDashChartContainer{height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem}.ApplicationDashChartHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #e0e0e0;padding-bottom:.75rem;margin-bottom:1rem}.ApplicationDashChartLegend{display:flex;gap:1.25rem}.ApplicationDashChartLegendItem{display:flex;align-items:center;gap:6px}.ApplicationDashChartLegendDot{width:10px;height:10px;border-radius:50%}.ApplicationDashChartBody{position:relative;height:160px;margin-top:.75rem;margin-bottom:1rem}.ApplicationDashChartGridLine{position:absolute;left:0;right:0;height:1px;background-color:#f0f0f0}.ApplicationDashChartGridLine:nth-child(1){bottom:0}.ApplicationDashChartGridLine:nth-child(2){bottom:45px}.ApplicationDashChartGridLine:nth-child(3){bottom:90px}.ApplicationDashChartGridLine:nth-child(4){bottom:135px}.ApplicationDashChartLabels{display:flex;justify-content:space-between;margin-top:.5rem}.ApplicationDashChartMonthLabel{font-size:.7rem!important;color:#00000080!important}.ApplicationDashTableSection{display:flex;flex-direction:column;background-color:#fff;border-radius:12px!important;box-shadow:0 4px 20px #0000000f!important;width:100%;max-width:1400px;height:80vw;overflow:hidden;box-sizing:border-box;margin-bottom:50px;justify-content:center;align-items:center;margin-top:2vw}.ApplicationDashTableHeader{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0;width:100%!important;box-sizing:border-box}.ApplicationDashRowTitle{font-weight:600!important}.ApplicationDashTableTitle{font-weight:600!important;color:#184a5b!important;font-size:1.2rem!important}.ApplicationDashFilterButton{color:#184a5b!important;background-color:#184a5b14!important;border-radius:50%!important;padding:.5rem!important;transition:all .2s ease}.ApplicationDashFilterButton:hover{background-color:#184a5b24!important;transform:rotate(15deg)}.ApplicationDashTableContent{max-height:650px;overflow-y:auto;overflow-x:hidden;width:100%!important;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#8aacb5 #f5f8fa}.ApplicationDashContent{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.ApplicationDashOverview,.ApplicationDashChart,.ApplicationDashPieChart{height:100%;box-shadow:0 2px 4px #0000000d!important;border-radius:8px!important;overflow:hidden}.ApplicationDashPieChart{background-color:#fff}.ApplicationDashTableContent::-webkit-scrollbar{width:8px}.ApplicationDashTableContent::-webkit-scrollbar-track{background:#f5f8fa}.ApplicationDashTableContent::-webkit-scrollbar-thumb{background-color:#8aacb5;border-radius:4px}.ApplicationDashNoData{padding:3rem;text-align:center;color:#00000080;font-style:italic}.ApplicationDashTableRow{width:100%!important;box-sizing:border-box;display:flex;flex-wrap:nowrap;cursor:pointer;transition:background-color .2s ease}.ApplicationDashTableRow:hover{background-color:#f5f8fa}.ApplicationDashApplicationStatusPill{display:inline-block;min-width:100px;text-align:center;font-weight:600;border-radius:999px;padding:.42em 1.3em;font-size:.98em;letter-spacing:.01em;margin:4px 0;box-shadow:0 1px 4px #00000008;transition:background .2s,color .2s;border:none}.ApplicationDashApplicationStatusPill.Approved{color:#219a2c}.ApplicationDashApplicationStatusPill.Pending{color:#e69500}.ApplicationDashApplicationStatusPill.Denied{color:#d32f2f}.ApplicationDashReviewButton{text-transform:none!important;background-color:#184a5b14!important;color:#184a5b!important;font-weight:500!important;padding:.3rem 1rem!important;border-radius:6px!important;transition:all .2s ease!important}.ApplicationDashReviewButton:hover{background-color:#184a5b!important;color:#fff!important;transform:translateY(-2px)}.ApplicationDashLoading{display:flex;justify-content:center;align-items:center;height:50vh;flex-direction:column;gap:1rem}.MuiTable-root{width:100%!important;table-layout:fixed!important}.MuiTableContainer-root{width:100%!important;max-width:100%!important;overflow-x:auto!important}.MuiTableCell-root{word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 1200px){.ApplicationDashContent{flex-direction:column;width:92%}.ApplicationDashTableSection{width:92%}}@media (max-width: 768px){.ApplicationDashContent,.ApplicationDashTableSection{width:95%}.ApplicationDashContainer.sidebar-open{margin-left:0;width:100%}.ApplicationDashHeader{padding:1rem}.ApplicationDashTitle{margin-left:1rem!important;font-size:1.25rem!important}}.AdminMainContainerAdminAppForm{width:100vw;margin:0 auto}.AdminTitleAdminAppForm{background-color:#184a5b;font-size:25px!important;justify-content:center;font-weight:600!important;display:flex;width:100vw;align-items:center;padding:25px!important}.ApplicationsListPaperAdminAppForm{height:100%;min-height:600px;padding:16px;overflow:hidden;display:flex;flex-direction:column}.ApplicationsListTitleAdminAppForm{font-weight:600!important;color:#184a5b!important;margin-bottom:24px!important}.ApplicationsListAdminAppForm{overflow-y:auto;flex-grow:1;height:150vh;direction:rtl}.ApplicationsListAdminAppForm>*{direction:ltr}.ApplicationsListAdminAppForm::-webkit-scrollbar{width:5px}.ApplicationsListAdminAppForm::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.ApplicationsListAdminAppForm::-webkit-scrollbar-thumb{background:#184a5b;border-radius:5px}.ApplicationsListAdminAppForm::-webkit-scrollbar-thumb:hover{background:#1a5b70}.FilterContainerAdminAppForm{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.FilterTitleApplication{font-weight:600!important;color:#184a5b!important}.ApplicationListItemAdminAppForm{padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent;border-radius:6px}.ApplicationListItemAdminAppForm:hover{background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 3px 5px #0000000d}.ApplicationListItemAdminAppForm.selectedAdminAppForm{border-left:4px solid #184a5b;background-color:#e3f2fd}.ApplicationNameAdminAppForm{font-weight:550!important;margin-bottom:8px;color:#333}.ApplicationMetAdminAppForm{display:flex;justify-content:space-between;margin-bottom:8px}.ApplicationDetailsAdminAppForm{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.ApplicationIdAdminAppForm,.ApplicationDateAdminAppForm{color:#666;margin-bottom:4px}.StatusDialogAdminAppForm{border-radius:12px!important}.StatusDialogTitleAdminAppForm{background:linear-gradient(135deg,#184a5b,#1a5b70)!important;color:#fff!important;padding:24px!important;border-radius:12px 12px 0 0!important;font-weight:600!important}.StatusDialogContentAdminAppForm{padding:24px!important;background-color:#fafafa!important}.StatusDialogDescriptionAdminAppForm{margin-bottom:20px!important;color:#555!important;font-size:1rem!important}.StatusFormControlAdminAppForm{margin-bottom:20px!important;background-color:#fff!important;border-radius:8px!important}.StatusSelectAdminAppForm{border-radius:8px!important}.StatusTextFieldAdminAppForm{background-color:#fff!important;border-radius:8px!important}.StatusTextFieldAdminAppForm .MuiOutlinedInput-root{border-radius:8px!important}.StatusTextFieldAdminAppForm .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.StatusTextFieldAdminAppForm .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#184a5b!important}.StatusDialogActionsAdminAppForm{padding:16px 24px 24px!important;background-color:#fafafa!important;border-radius:0 0 12px 12px!important;gap:12px!important}.StatusCancelButtonAdminAppForm{background-color:#f5f5f5!important;color:#666!important;border:1px solid #ddd!important;padding:10px 24px!important;border-radius:8px!important;font-weight:500!important;text-transform:none!important;transition:all .3s ease!important}.StatusCancelButtonAdminAppForm:hover{background-color:#e0e0e0!important;border-color:#bbb!important;transform:translateY(-1px)!important}.StatusUpdateButtonAdminAppForm{background:linear-gradient(135deg,#184a5b,#1a5b70)!important;color:#fff!important;padding:10px 24px!important;border-radius:8px!important;font-weight:600!important;text-transform:none!important;transition:all .3s ease!important;box-shadow:0 2px 8px #184a5b4d!important}.StatusUpdateButtonAdminAppForm:hover{background:linear-gradient(135deg,#1a5b70,#184a5b)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #184a5b66!important}.StatusDialogPaperAdminAppForm{border-radius:12px!important;box-shadow:0 8px 32px #0000001f!important;max-width:500px!important;width:100%!important}.StatusApplicationIdChipAdminAppForm{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;color:#184a5b!important;font-weight:600!important;padding:4px 12px!important;border-radius:16px!important;margin:8px 0 16px!important;font-size:.9rem!important}.StatusInputLabelAdminAppForm{color:#184a5b!important;font-weight:500!important}.StatusInputLabelAdminAppForm.Mui-focused{color:#184a5b!important}.StatusMenuItemPendingAdminAppForm{color:#f57c00!important}.StatusMenuItemApprovedAdminAppForm{color:#2e7d32!important}.StatusMenuItemDeclineAdminAppForm{color:#d32f2f!important}.StatusMenuItemAdditionalInfoAdminAppForm{color:#1976d2!important}.StatusDialogIconAdminAppForm{font-size:1.5rem!important;margin-right:8px!important;vertical-align:middle!important}.LastUpdatedAdminAppForm{color:#666;font-style:italic;margin-bottom:16px}.UpdateStatusButtonAdminAppForm{margin-top:8px;background-color:#184a5b!important}.UpdateStatusButtonAdminAppForm:disabled{background-color:#b0bec5!important;color:#fff!important}.DetailsDividerAdminAppForm{margin:24px 0}.AppDetailsSectionAdminAppForm{margin-bottom:24px;padding:16px;border-radius:8px;box-shadow:0 3px 5px #0000000d}.ApplicationDetailsPaperAdminAppForm{height:auto!important}.StatusSectionAdminAppForm{margin-top:20px;padding:20px;border-top:#184a5b 1px solid;box-shadow:5px 3px #01000000}.SectionTitleAdminAppForm{margin-top:10px!important;margin-bottom:15px!important;font-weight:550!important;margin-bottom:16px;color:#184a5b;text-align:center}.DetailsGridAdminAppForm{padding:0 16px}.DetailsLabelAdminAppForm{font-weight:500;color:#555;margin-bottom:4px}.DetailsValueAdminAppForm{margin-bottom:16px}.AdminActionButtonsAdminAppForm{display:flex;justify-content:flex-start;gap:16px;margin-top:24px}.NoApplicationSelectedPaperAdminAppForm{padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:600px}.LoadingContainerAdminAppForm{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.ErrorContainerAdminAppForm{padding:24px;max-width:800px;margin:48px auto}.ToggleBarAdminAppForm{display:flex;margin-bottom:20px;border-radius:4px;overflow:hidden;background-color:#f5f5f5}.ToggleBarAdminAppForm button{flex:1;border-radius:0;padding:10px 15px;text-transform:none;color:#555}.ActiveToggleButtonAdminAppForm{background-color:#184a5b!important;color:#fff!important}.DocumentPreviewContainerAdminAppForm{padding:15px}.DocumentPreviewHeaderAdminAppForm{text-align:center;margin-bottom:15px}.SubtitleAdminAppForm{color:#555;margin-bottom:5px!important}.ActionButtonsContainerAdminAppForm{display:flex;justify-content:center;margin-top:15px;padding-bottom:10vh!important}.StatusDisplayAdminAppForm{font-weight:600!important;font-size:1.1rem!important;margin-bottom:5px!important}.status-pendingAdminAppForm{color:#ff9800!important}.status-approvedAdminAppForm{color:#4caf50!important}.status-declineAdminAppForm{color:#f44336!important}.status-requires-additional-infoAdminAppForm{color:#2196f3!important}.StatusMessageAdminAppForm{font-style:italic;color:#616161;max-width:80%;margin:0 auto 10px!important}.SummaryCardAppAdminPreview{margin-bottom:24px;padding:24px 20px;border-radius:12px;box-shadow:0 2px 8px #184a5b14;background:#fafdff}.SummaryLabelAppAdminPreview{font-weight:600!important;color:#184a5b!important;margin-bottom:4px;font-size:1rem!important}.SummaryValueAppAdminPreview{color:#184a5b!important;margin-bottom:8px!important}.SummaryTitleAppAdminPreview{font-weight:600!important;color:#184a5b!important;margin-bottom:4px}.SummaryGridAppAdminPreview{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:10px}.SummaryGridItemAppAdminPreview{border-right:#184a5b 1px solid}.SummaryButtonAppAdminPreview{display:flex;justify-content:right;margin-right:40px}.documentRequirementsContainer{background-color:#f9f9f9;border-radius:8px;padding:20px;width:60vw;margin:0 auto}.documentRequirementsTitle{font-size:1.5rem!important;font-weight:600!important;margin-bottom:20px!important;color:#333;text-align:center}.documentList{padding:0!important;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000000d}.documentListItem{padding:16px 24px!important;display:flex;flex-direction:column;align-items:flex-start}.documentItemContent{width:100%}.documentHeader{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:4px}.documentNumberTitle{font-weight:600!important;font-size:1rem!important;color:#222}.sampleLinkBox{background-color:#f5f5f5;border-radius:4px;padding:2px 8px}.sampleLink{font-size:.8rem!important;color:#666;cursor:pointer;font-weight:500!important}.sampleLink:hover{text-decoration:underline}.documentNote{font-size:.85rem!important;color:#666;margin-bottom:8px!important;font-style:italic}.uploadedPreviewBox{margin-top:8px}.uploadedPreviewButton{font-size:.85rem!important;color:#1976d2!important;padding:2px 8px!important;text-transform:none!important;min-width:auto!important}.uploadedPreviewButton:hover{background-color:#1976d21a!important}.notUploadedText{font-size:.85rem!important;color:#f44336;font-style:italic}.categorySectionTitle{padding:16px 0 8px;border-bottom:1px solid #e0e0e0;margin-bottom:8px;font-weight:600}.documentVersions{margin-left:16px}.versionChip{margin-left:8px}.AdminPreviewContainer{max-width:1200px;margin:0 auto;padding:20px;background:#fff}.AdminInfoHeader{background:#f8f9fa;padding:20px;margin-bottom:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.AdminInfoContent{background:#fff;padding:15px;border-radius:4px;border:1px solid #dee2e6}.AdminInfoRow{display:flex;margin-bottom:10px;padding:8px;border-bottom:1px solid #f1f1f1}.AdminInfoRow:last-child{border-bottom:none}.AdminInfoLabel{flex:0 0 400px;font-weight:700;color:#495057}.AdminInfoValue{flex:1;color:#212529}.Status{display:inline-block;padding:4px 8px;border-radius:4px;font-weight:500}.Status.pending{background:#fff3cd;color:#856404}.Status.approved{background:#d4edda;color:#155724}.Status.rejected{background:#f8d7da;color:#721c24}.BirthFormContainerAffidavit{padding:20px;background:#fff;border:1px solid #dee2e6;border-radius:8px}.FormHeaderAffidavit{font-weight:700;font-size:1.2em;text-align:center;margin-bottom:10px}.SubHeaderAffidavit{font-style:italic;text-align:center;margin-bottom:20px}.FormContentAffidavit{margin:20px 0}.FormSectionAffidavit{margin-bottom:20px}.FormRowAffidavit{margin-bottom:15px}.AffidavitText{line-height:1.6}.AffidavitUnderlineInput.ReadOnly{display:inline-block;min-width:150px;padding:0 5px;margin:0 5px;border-bottom:1px solid #ced4da;background-color:#f8f9fa;color:#495057}.SignatureBlockAffidavit{margin:20px 0;text-align:center}.SignatureLine{border-bottom:1px solid #000;margin:20px 0 5px}.SignatureCaption{font-size:.9em;color:#495057}.MaritalStatusOptions{display:inline-flex;gap:10px;margin:0 10px}.CheckboxContainerAffidavit{display:inline-flex;align-items:center;margin-right:15px}.CheckboxInputAffidavit{margin-right:5px}.CheckboxLabelAffidavit{font-size:.9em;color:#495057}.AdminPreviewLoading,.AdminPreviewError{text-align:center;padding:40px;font-size:18px;background:#f8f9fa;border-radius:8px;margin:20px 0}.AdminPreviewError{color:#dc3545;background:#f8d7da}@media print{.AdminInfoHeader{box-shadow:none}.AdminPreviewContainer{padding:0}.BirthFormContainerAffidavit{border:none}}.MarriageCertificateContainerAdmin{margin:20px;padding:20px;background-color:#fff;font-family:Arial,sans-serif;border:2px solid #d14747;max-width:850px;box-shadow:0 2px 5px #0000001a;position:relative}.CertificateHeaderContainerAdmin{text-align:center;margin-bottom:20px;padding-bottom:10px;position:relative}.SectionTitleAdmin{font-weight:700;margin:5px 0;text-transform:uppercase;letter-spacing:1px;font-size:1.5rem}.DetailsGridAdmin{margin-bottom:15px;border:1px solid #d14747;border-collapse:collapse;display:flex}.LocationContainerAdmin{border-right:1px solid #d14747}.ProvinceFieldAdmin{border-bottom:1px solid #d14747;padding:5px}.CityFieldAdmin,.RegistryContainerAdmin{padding:5px}.MainSectionAdmin{border:1px solid #d14747;margin-bottom:15px;border-collapse:collapse}.HusbandHeaderAdmin,.WifeHeaderAdmin{background-color:#f9f9f9;padding:8px;text-align:center;border-bottom:1px solid #d14747}.HusbandHeaderAdmin{border-right:1px solid #d14747}.HeaderTextAdmin{font-weight:700;text-transform:uppercase}.SectionTitleRowAdmin{background-color:#fff;padding:5px;border-bottom:1px solid #d14747}.SectionTitleTextAdmin{font-weight:500}.NameSectionAdmin{border-bottom:1px solid #d14747}.HusbandNameContainerAdmin{border-right:1px solid #d14747}.FirstNameFieldAdmin,.MiddleNameFieldAdmin{border-bottom:1px solid #d14747;padding:5px}.LastNameFieldAdmin{padding:5px}.FieldLabelAdmin{font-size:.75rem;color:#d14747;font-style:italic;display:block;margin-bottom:2px}.FieldValueAdmin{border-bottom:1px solid #999;min-height:20px;padding:3px 0;background-color:transparent}.BirthDateSectionAdmin{border-bottom:1px solid #d14747}.HusbandBirthDateContainerAdmin{border-right:1px solid #d14747}.DayFieldAdmin,.MonthFieldAdmin{border-right:1px solid #d14747;padding:5px}.YearFieldAdmin{padding:5px}.AgeSectionAdmin{border-top:1px solid #d14747}.HusbandAgeFieldAdmin{border-right:1px solid #d14747;padding:5px}.WifeAgeFieldAdmin{padding:5px}.BirthPlaceSectionAdmin{border-bottom:1px solid #d14747}.HusbandBirthPlaceContainerAdmin{border-right:1px solid #d14747}.SexCitizenshipSectionAdmin{border-bottom:1px solid #d14747}.HusbandSexFieldAdmin,.HusbandCitizenshipFieldAdmin{border-right:1px solid #d14747;padding:5px}.WifeSexFieldAdmin,.WifeCitizenshipFieldAdmin{padding:5px}.CitizenshipSectionAdmin{border-top:1px solid #d14747}.ResidenceSectionAdmin{border-bottom:1px solid #d14747}.HusbandResidenceFieldAdmin{border-right:1px solid #d14747;padding:5px}.WifeResidenceFieldAdmin{padding:5px}.ReligionSectionAdmin{border-bottom:1px solid #d14747}.HusbandReligionFieldAdmin{border-right:1px solid #d14747;padding:5px}.WifeReligionFieldAdmin{padding:5px}.CivilStatusSectionAdmin{border-bottom:1px solid #d14747}.HusbandCivilStatusFieldAdmin{border-right:1px solid #d14747;padding:5px}.WifeCivilStatusFieldAdmin{padding:5px}.MarriageDetailsSectionAdmin{margin-bottom:15px;border:1px solid #d14747}.MarriageDetailsTitleAdmin{background-color:#f9f9f9;padding:8px;text-align:center;border-bottom:1px solid #d14747}.MarriagePlaceSectionAdmin,.MarriageDateSectionAdmin{padding:5px;border-bottom:1px solid #d14747}.MarriageOfficeFieldAdmin,.MarriageCityFieldAdmin{border-right:1px solid #d14747;padding:5px}.MarriageProvinceFieldAdmin{padding:5px}.MarriageDayFieldAdmin,.MarriageMonthFieldAdmin{border-right:1px solid #d14747;padding:5px}.MarriageYearFieldAdmin{padding:5px}.MarriageTimeSectionAdmin{padding:5px;border-bottom:1px solid #d14747}.WitnessesSectionAdmin{border:1px solid #d14747;margin-bottom:15px}.WitnessesTitleAdmin{background-color:#f9f9f9;padding:8px;text-align:center;border-bottom:1px solid #d14747}.Witness1ContainerAdmin{border-right:1px solid #d14747;padding:5px}.Witness2ContainerAdmin{padding:5px}.MainSectionAdmin:after,.MarriageDetailsSectionAdmin:after{content:"";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="50" cy="50" r="40" fill="none" stroke="%23d1d1d1" stroke-width="3"/><text x="50" y="55" font-family="Arial" font-size="20" text-anchor="middle" fill="%23d1d1d1">PSA</text></svg>');background-repeat:no-repeat;background-position:center;background-size:100px;position:absolute;opacity:.15;width:100%;height:100%;top:0;left:0;pointer-events:none}.DetailsLabelAdmin{font-size:.85rem;color:#333;font-weight:500}.DetailsValueAdmin{font-weight:400;color:#333}.FormHeaderRowAdmin{background-color:#f5f5f5;padding:8px;text-align:center;font-weight:700;border-bottom:1px solid #d14747}.FormSectionHeaderAdmin{background-color:#f9f9f9;padding:5px;border-bottom:1px solid #d14747}.FormCellBorderAdmin{border:1px solid #d14747;padding:5px}.FormCellBorderRightAdmin{border-right:1px solid #d14747}.FormCellBorderBottomAdmin{border-bottom:1px solid #d14747}.CertificateHeaderContainerAdmin:before{content:"Municipal Form No. 97";position:absolute;top:0;left:0;font-size:.8rem;color:#333}.CertificateHeaderContainerAdmin:after{content:"(Revised August 2016)";position:absolute;top:15px;left:0;font-size:.8rem;color:#333}@media print{.MarriageCertificateContainerAdmin{margin:0;padding:10px;border-color:#000}.CertificateHeaderContainerAdmin{margin-bottom:10px}.DetailsGridAdmin,.MainSectionAdmin,.MarriageDetailsSectionAdmin,.WitnessesSectionAdmin{page-break-inside:avoid;border-color:#000}.FieldLabelAdmin{color:#555}.HusbandHeaderAdmin,.WifeHeaderAdmin,.SectionTitleRowAdmin,.HusbandNameContainerAdmin,.FirstNameFieldAdmin,.MiddleNameFieldAdmin,.HusbandBirthDateContainerAdmin,.DayFieldAdmin,.MonthFieldAdmin,.HusbandBirthPlaceContainerAdmin,.HusbandSexFieldAdmin,.HusbandCitizenshipFieldAdmin,.HusbandResidenceFieldAdmin,.HusbandReligionFieldAdmin,.HusbandCivilStatusFieldAdmin,.MarriageOfficeFieldAdmin,.MarriageCityFieldAdmin,.MarriageDayFieldAdmin,.MarriageMonthFieldAdmin,.MarriagePlaceSectionAdmin,.MarriageDateSectionAdmin,.MarriageTimeSectionAdmin,.Witness1ContainerAdmin{border-color:#000}}.AdminContainerMLApplication{width:100%;max-width:1200px;margin:0 auto;padding:20px;background-color:#fff}.AdminFormDocumentMLApplication{border:1px solid #000;padding:20px;background-color:#fff}.AdminDocumentHeaderMLApplication{text-align:center;margin-bottom:20px;position:relative}.AdminFormNumberMLApplication{position:absolute;top:0;left:0;font-size:12px;text-align:left}.AdminDocumentNoticeMLApplication{position:absolute;top:0;right:0;font-size:12px;text-align:right}.AdminHeaderCenterMLApplication{margin-top:30px}.AdminRepublicTextMLApplication{font-size:16px;margin-bottom:5px}.AdminRegistrarTextMLApplication{font-size:14px;margin-bottom:10px}.AdminLicenseTitleMLApplication{font-size:20px;font-weight:700}.AdminTopGridMLApplication{display:flex;margin-bottom:20px}.AdminTopLeftMLApplication,.AdminTopRightMLApplication{flex:1}.AdminGridItemMLApplication{margin-bottom:10px}.AdminItemLabelMLApplication{font-size:14px;font-weight:700}.AdminItemValueMLApplication,.AdminItemValueMLApplication1{border-bottom:1px solid #000;padding:2px 0;min-height:20px}.AdminItemValueMLApplication1{margin-top:3.2px}.AdminApplicantTableMLApplication{width:100%;border-collapse:collapse;margin-top:20px}.AdminColumnHeaderMLApplication{background-color:#f0f0f0;border:1px solid #000;padding:10px;text-align:center;font-size:16px;font-weight:700}.AdminTableCellMLApplication{border:1px solid #000;padding:10px;vertical-align:top}.AdminRegistrarTitleMLApplication{font-weight:700;margin-bottom:10px;text-align:center}.AdminRegistrarStatementMLApplication{font-size:14px;line-height:1.4;text-align:justify}.AdminUnderlinedTextMLApplication{text-decoration:underline;font-weight:700}.AdminFieldNumberMLApplication{float:left;font-weight:700;margin-right:5px}.AdminFieldLabelMLApplication{font-weight:700;margin-bottom:10px}.AdminNameFieldsWrapperMLApplication,.AdminDateFieldsWrapperMLApplication{display:flex;justify-content:space-between}.AdminNameFieldMLApplication,.AdminDateFieldMLApplication{flex:1;margin-right:5px}.AdminNameValueMLApplication,.AdminDateValueMLApplication,.AdminPlaceValueMLApplication,.AdminSexFieldMLApplication,.AdminCitizenFieldMLApplication,.AdminResidenceValueMLApplication,.AdminReligionValueMLApplication,.AdminCivilStatusValueMLApplication,.AdminPreviousMarriageMLApplication,.AdminPlaceDissolvedValueMLApplication,.AdminDissolvedDateValueMLApplication,.AdminRelationshipValueMLApplication,.AdminParentFirstNameMLApplication,.AdminParentMiddleNameMLApplication,.AdminParentLastNameMLApplication,.AdminFatherCitizenshipMLApplication,.AdminFatherResidenceMLApplication,.AdminMotherCitizenshipMLApplication,.AdminMotherResidenceMLApplication,.AdminConsentPersonMLApplication,.AdminConsentCitizenshipMLApplication,.AdminConsentResidenceMLApplication{border-bottom:1px solid #000;padding:5px 0;min-height:20px;margin-bottom:2px}.AdminNameParenMLApplication,.AdminDateParenMLApplication,.AdminPlaceParenMLApplication{font-size:12px;text-align:center}.AdminSignatureBoxMLApplication{position:relative;padding-top:30px}.AdminSignatureLineMLApplication{border-bottom:1px solid #000;width:80%;margin:0 auto 5px}.AdminSignatureLabelMLApplication{text-align:center;font-size:12px;margin-bottom:20px}.AdminSubscribedMLApplication{margin-top:20px;position:relative}.AdminSubscribedTextMLApplication{font-weight:700;margin-bottom:5px}.AdminSubscribedDetailsMLApplication{font-size:12px;line-height:1.4}.AdminDocStampMLApplication{position:absolute;right:0;top:0;border:1px solid #000;width:80px;height:80px;display:flex;align-items:center;justify-content:center;text-align:center}.AdminStampTextMLApplication{font-size:12px}.AdminOfficialSignatureMLApplication{margin-top:40px;text-align:center}.AdminOfficialLineMLApplication{border-bottom:1px solid #000;width:80%;margin:0 auto 5px}.AdminOfficialLabelMLApplication{font-size:12px}@media print{.AdminContainerMLApplication{padding:0;max-width:100%}.AdminButtonContainerMLApplication{display:none}}@media (max-width: 768px){.AdminNameFieldsWrapperMLApplication,.AdminDateFieldsWrapperMLApplication{flex-direction:column}.AdminNameFieldMLApplication,.AdminDateFieldMLApplication{margin-right:0;margin-bottom:10px}}.AdminCopyBirthPreviewCBPreviewRoot{background:#fff;border-radius:6px;box-shadow:0 1px 6px #3c48580d;max-width:920px;margin:0 auto 28px;padding:32px 36px 18px;font-family:Roboto,Arial,sans-serif}.AdminCopyBirthPreviewCBPreviewHeader{padding-bottom:30px!important}.AdminCopyBirthPreviewCBPreviewTitle{font-size:2rem;font-weight:600;color:#23465b;margin-bottom:0}.AdminCopyBirthPreviewCBPreviewSubInfo{color:#496387;font-size:1.05rem;margin-top:2px;text-align:center}.AdminCopyBirthPreviewCBPreviewDivider{border:none;border-top:1px solid #e0e0e0;margin:16px 0 18px}.AdminCopyBirthPreviewCBPreviewSection{margin-bottom:30px}.AdminCopyBirthPreviewCBPreviewSectionTitle{font-weight:600;font-size:1.1rem;color:#23465b;margin-bottom:10px}.AdminCopyBirthPreviewCBPreviewRow{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:8px}.AdminCopyBirthPreviewCBPreviewCol{min-width:210px;flex:1}.AdminCopyBirthPreviewCBPreviewLabel{font-size:.97rem;color:#35566e;font-weight:500}.AdminCopyBirthPreviewCBPreviewValue{font-size:1.09rem;color:#14334a;font-weight:400;margin-top:2px;margin-bottom:7px;word-break:break-word}.AdminCopyBirthPreviewCBPreviewFooter{display:flex;align-items:center;margin-top:22px;font-size:1rem;color:#3d607c;background:#f8fbfd;padding:10px 14px;border-radius:5px;border-left:4px solid #2196f3}.AdminCopyBirthPreviewCBPreviewInfoIcon{display:inline-block;font-weight:700;color:#1976d2;background:#e3f2fd;border-radius:50%;width:23px;height:23px;text-align:center;margin-right:10px;font-size:1.1rem;line-height:23px}@media (max-width: 700px){.AdminCopyBirthPreviewCBPreviewRoot{padding:18px 5vw}.AdminCopyBirthPreviewCBPreviewRow{flex-direction:column;gap:16px}}.AdminPreviewContainerMcAffidavit{width:100%;max-width:1200px;margin:0 auto;padding:20px;line-height:1.4;color:#333;background:#fff}.AdminInfoHeaderMcAffidavit{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:15px}.AdminInfoContentMcAffidavit{display:flex;flex-direction:column;gap:10px}.AdminInfoRowMcAffidavit{display:flex;align-items:center;gap:10px}.AdminInfoLabelMcAffidavit{font-weight:700;color:#495057;min-width:140px}.AdminInfoValueMcAffidavit{color:#212529}.StatusMcAffidavit.Pending{color:#fd7e14;font-weight:700}.StatusMcAffidavit.Approved{color:#28a745;font-weight:700}.StatusMcAffidavit.Decline{color:#dc3545;font-weight:700}.AdminEditControlsMcAffidavit{display:flex;gap:10px}.AdminPreviewLoadingMcAffidavit{text-align:center;padding:40px;font-size:18px;color:#666}.AdminPreviewErrorMcAffidavit{text-align:center;padding:40px;font-size:18px;color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:20px 0}.AdminPreviewSuccessMcAffidavit{text-align:center;padding:15px;font-size:16px;color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin:20px 0}.MarriageFormContainerMcAffidavit{background:#fff;border:2px solid #000;margin:20px 0;page-break-inside:avoid}.FormHeaderMcAffidavit{background:#184a5b;padding:15px;text-align:center;font-weight:700;font-size:16px;border-bottom:1px solid #000;text-transform:uppercase;color:#fff}.FormContentMcAffidavit{padding:20px}.FormSectionMcAffidavit{margin-bottom:20px}.FormRowMcAffidavit{margin-bottom:15px;line-height:1.6}.AffidavitTextMcAffidavit{margin-bottom:10px;text-align:justify;font-size:14px;line-height:1.8}.WitnessesSectionMcAffidavit{display:flex;flex-direction:column;gap:15px;padding:15px}.WitnessRowMcAffidavit{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;align-items:center}.WitnessInputMcAffidavit{padding:8px;border:none;border-bottom:1px solid #000;background:transparent;font-size:14px;font-family:inherit;width:100%}.WitnessInputMcAffidavit:focus{outline:none;border-bottom:2px solid #007bff}.WitnessInputMcAffidavit.ReadOnlyMcAffidavit{border-bottom:1px solid #000;background:transparent;cursor:default}.AffidavitUnderlineInputMcAffidavit{display:inline-block;border:none;border-bottom:1px solid #000;background:transparent;padding:2px 5px;margin:0 5px;font-size:14px;font-family:inherit;min-width:100px;text-align:center}.AffidavitUnderlineInputMcAffidavit:focus{outline:none;border-bottom:2px solid #007bff}.AffidavitUnderlineInputMcAffidavit.ReadOnlyMcAffidavit{border-bottom:1px solid #000;background:transparent;cursor:default}.AffidavitShortInputMcAffidavit{width:60px}.AffidavitMediumInputMcAffidavit{width:120px}.AffidavitLongInputMcAffidavit{width:200px}.CheckboxItemMcAffidavit{display:flex;align-items:flex-start;margin:10px 0;padding-left:20px}.CheckboxInputMcAffidavit{margin-right:10px;margin-top:3px;flex-shrink:0}.CheckboxLabelMcAffidavit{flex:1;line-height:1.6;font-size:14px;cursor:pointer}.CheckboxInputMcAffidavit:disabled+.CheckboxLabelMcAffidavit{cursor:default}.CeremonyTypesMcAffidavit{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding-left:20px}.CeremonyTypeMcAffidavit{display:flex;align-items:center;gap:8px}.CeremonyTypeMcAffidavit span{font-weight:700;width:20px}.SignatureBlockMcAffidavit{margin:30px 10px 10px;display:inline-block;width:45%;vertical-align:top}.SignatureBlockMcAffidavit.FullWidthMcAffidavit{width:90%;text-align:center}.SignatureLineMcAffidavit{border-bottom:1px solid #000;height:30px;margin-bottom:5px}.SignatureCaptionMcAffidavit{text-align:center;font-size:12px;margin-bottom:10px}@media (max-width: 768px){.AdminPreviewContainerMcAffidavit{padding:10px}.WitnessRowMcAffidavit{grid-template-columns:1fr;gap:10px}.SignatureBlockMcAffidavit{width:90%;margin:20px 5px}.AdminInfoRowMcAffidavit{flex-direction:column;align-items:flex-start}.AdminInfoLabelMcAffidavit{min-width:auto}}@media print{.AdminInfoHeaderMcAffidavit{display:none}.AdminPreviewContainerMcAffidavit{margin:0;padding:0}.MarriageFormContainerMcAffidavit{page-break-inside:avoid;margin:10px 0}}.main-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#fff;padding:20px;box-sizing:border-box}.document-title{font-size:28px;font-weight:700;color:#34495e;text-align:left;margin-bottom:550px}.appointment-wrapper{width:100%;max-width:1000px;background-color:#97b0b8;padding:30px;border-radius:16px;box-shadow:0 12px 30px #00000014}.content{width:100%;max-width:600px;background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 12px 30px #00000014}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.top-bar h1{font-size:26px;font-weight:700;color:#1c4d5a;margin:0}.scan-link{font-size:14px;color:#2a5764;text-decoration:none;background-color:#e0f0f3;padding:8px 14px;border-radius:8px;font-weight:600;transition:background-color .3s ease}.scan-link:hover{background-color:#d1e7ed}.loading-content,.error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:#1c4d5a}.info-card{background-color:#fff;padding:30px;border-radius:16px;box-shadow:0 12px 30px #00000014;font-family:Roboto,sans-serif;color:#1c4d5a}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:1rem}.info-card h2{font-size:24px;font-weight:700;color:#1c4d5a;margin:0}.app-number{color:#2a5764;font-weight:600}.status-badge{padding:8px 16px;border-radius:20px;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));margin-bottom:30px;gap:20px}.status-actions{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap;justify-content:space-between;align-items:center}.btn-back{background-color:#aab7b8;color:#fff;order:-1}.btn-back:hover:not(:disabled){background-color:#779294}.btn-next{background-color:#326471;color:#fff}.btn-next:hover:not(:disabled){background-color:#1e404b}.back-icon{font-size:16px;margin-right:6px;display:inline-block;transition:transform .2s ease}.btn-back:hover .back-icon{transform:translate(-2px)}.status-actions .btn-confirm,.status-actions .btn-complete,.status-actions .btn-cancel{margin-left:auto}.status-actions .btn-confirm~.btn-cancel,.status-actions .btn-complete~.btn-cancel{margin-left:0}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}.appointment-header{flex-direction:column;text-align:center}}.details-grid div{font-size:16px;color:#34495e;margin-left:3px}.details-grid strong{font-weight:600;display:block;margin-bottom:8px;margin-top:20px}.details-grid small{font-size:13px;color:#7f8c8d}.status-actions{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap;justify-content:end}.status-actions button{border:none;padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.status-actions button:disabled{opacity:.6;cursor:not-allowed}.btn-confirm{background-color:#27ae60;color:#fff}.btn-confirm:hover:not(:disabled){background-color:#229954}.btn-cancel{background-color:#e74c3c;color:#fff}.btn-cancel:hover:not(:disabled){background-color:#c0392b}.btn-complete{background-color:#3498db;color:#fff}.btn-complete:hover:not(:disabled){background-color:#2980b9}.btn-group{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #eee;padding-top:20px}.btn-group .back,.btn-group .next{border:none;padding:10px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .3s ease}.btn-group .back{background-color:#aab7b8;color:#fff}.btn-group .next{background-color:#326471;color:#fff}.btn-group .back:hover{background-color:#779294;filter:brightness(1.05)}.btn-group .next:hover{background-color:#1e404b;filter:brightness(1.05)}.loading-content,.error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#1c4d5a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1c4d5a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-content h2{color:#e74c3c;margin-bottom:1rem}.back-btn{padding:10px 24px;background-color:#326471;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600}.back-btn:hover{background-color:#1e404b}.admin-appointment-dashboard{min-height:100vh;width:100vw;background:linear-gradient(135deg,#fff,#f8f9fa);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#2c3e50}.admin-appointment-dashboard-header{width:100%;background:linear-gradient(135deg,#1c4d5a,#2a5f6e);display:flex;align-items:center;justify-content:center;height:80px;position:relative;box-shadow:0 4px 20px #1c4d5a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-appointment-dashboard-menu-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;padding:12px;border-radius:10px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-appointment-dashboard-menu-icon:hover{background:#fff3;transform:translateY(-50%) scale(1.05)}.admin-appointment-dashboard-title{color:#fff;font-size:1.6rem;font-weight:600;letter-spacing:1.5px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-appointment-dashboard-side-nav{position:fixed;top:0;left:-280px;width:280px;height:100%;background:linear-gradient(180deg,#1c4d5a,#2a5f6e);color:#fff;z-index:1000;transition:left .4s cubic-bezier(.4,0,.2,1);padding-top:60px;box-shadow:4px 0 20px #1c4d5a40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-appointment-dashboard-side-nav.open{left:0}.admin-appointment-dashboard-close-nav{position:absolute;top:15px;right:20px;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.admin-appointment-dashboard-close-nav:hover{background:#fff3;transform:rotate(90deg)}.admin-appointment-dashboard-side-nav ul{list-style:none;padding:0;margin:40px 0 0}.admin-appointment-dashboard-side-nav li{padding:18px 32px;cursor:pointer;font-size:1.1rem;transition:all .3s ease;border-left:4px solid transparent;position:relative}.admin-appointment-dashboard-side-nav li:hover{background:#ffffff1f;border-left-color:#8dc3a7;transform:translate(4px)}.admin-appointment-dashboard-side-nav a{color:#fff;text-decoration:none;display:block;width:100%;font-weight:500}.admin-appointment-dashboard-content{max-width:1400px;margin:50px auto 0;padding:0 24px 40px;display:flex;flex-direction:column;align-items:center;width:100%}.admin-appointment-dashboard-top-row{display:flex;justify-content:center;align-items:stretch;gap:40px;margin-bottom:50px;width:100%}.admin-appointment-dashboard-chart-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:300px!important;max-width:450px!important}.admin-appointment-dashboard-current-queue-card,.admin-appointment-dashboard-available-slots-card,.admin-appointment-dashboard-chart-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #1c4d5a14;padding:32px 28px;flex:1 1 0;display:flex;flex-direction:column;align-items:center;height:280px;justify-content:flex-start;border:1px solid rgba(28,77,90,.06);transition:all .3s ease;position:relative;overflow:hidden;min-width:300px;max-width:450px}.admin-appointment-dashboard-current-queue-card:before,.admin-appointment-dashboard-available-slots-card:before,.admin-appointment-dashboard-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1c4d5a,#8dc3a7)}.admin-appointment-dashboard-current-queue-card:hover,.admin-appointment-dashboard-available-slots-card:hover,.admin-appointment-dashboard-chart-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #1c4d5a26}.admin-appointment-dashboard-current-queue-card{align-items:center;min-width:300px;max-width:450px}.admin-appointment-dashboard-card-title{color:#1c4d5a;font-size:1.3rem;font-weight:700;margin-bottom:24px;text-align:center;width:100%;letter-spacing:.5px}.admin-appointment-dashboard-current-queue-number{font-size:3rem;font-weight:700;color:#1c4d5a;margin-bottom:16px;text-shadow:0 2px 4px rgba(28,77,90,.1)}.admin-appointment-dashboard-next-queue{font-size:1.1rem;color:#6c757d;margin-top:16px;text-align:center;width:100%;font-weight:500}.admin-appointment-dashboard-next-queue-number{font-size:1.5rem;font-weight:700;color:#8dc3a7;margin-top:8px;text-shadow:0 2px 4px rgba(141,195,167,.2)}.admin-appointment-dashboard-available-slots-card{min-width:280px;max-width:370px}.admin-appointment-dashboard-calendar-container{width:100%}.admin-appointment-dashboard-calendar-header{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.admin-appointment-dashboard-calendar-title{font-weight:700;font-size:1.2rem;margin:0 20px;color:#1c4d5a;letter-spacing:.5px}.admin-appointment-dashboard-calendar-nav-btn{background:#1c4d5a1a;border:none;color:#1c4d5a;font-size:1.3rem;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;font-weight:600}.admin-appointment-dashboard-calendar-nav-btn:hover{background:#1c4d5a33;transform:scale(1.1)}.admin-appointment-dashboard-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);font-size:.9rem;color:#1c4d5a;margin-bottom:8px;text-align:center;font-weight:600}.admin-appointment-dashboard-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.admin-appointment-dashboard-calendar-day{background:#1c4d5a0d;border-radius:8px;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#1c4d5a;margin-bottom:4px;transition:all .2s ease;cursor:pointer;font-weight:500}.admin-appointment-dashboard-calendar-day:hover{background:#1c4d5a26;transform:scale(1.05)}.admin-appointment-dashboard-calendar-day.empty{background:transparent;cursor:default}.admin-appointment-dashboard-calendar-day.empty:hover{background:transparent;transform:none}.admin-appointment-dashboard-chart-card{min-width:280px;max-width:370px;align-items:stretch}.admin-appointment-dashboard-chart-legend{display:flex;gap:24px;margin-bottom:16px;justify-content:center}.admin-appointment-dashboard-legend-item{display:flex;align-items:center;font-size:1rem;color:#1c4d5a;font-weight:600}.admin-appointment-dashboard-walk-in-dot,.admin-appointment-dashboard-appointment-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;box-shadow:0 2px 4px #0000001a}.admin-appointment-dashboard-walk-in-dot{background:#1c4d5a}.admin-appointment-dashboard-appointment-dot{background:#8dc3a7}.admin-appointment-dashboard-booked-appointments-section{background:#fff;border-radius:20px;box-shadow:0 8px 32px #1c4d5a14;padding:40px 32px;margin-top:32px;width:80%;max-width:1400px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(28,77,90,.06);position:relative;overflow:hidden}.admin-appointment-dashboard-booked-appointments-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1c4d5a,#8dc3a7)}.admin-appointment-dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;width:100%;max-width:1000px}.admin-appointment-dashboard-section-title{color:#1c4d5a;font-size:1.5rem;font-weight:700;margin:0;letter-spacing:.5px}.admin-appointment-dashboard-appointments-list{margin-top:16px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:1000px;align-items:center}.admin-appointment-dashboard-appointment-card{background:#f8f9fa;border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;min-width:0;width:100%;max-width:1000px;transition:all .3s ease;border:1px solid rgba(28,77,90,.08);position:relative;overflow:hidden}.admin-appointment-dashboard-appointment-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1c4d5a1f}.admin-appointment-dashboard-appointment-card:first-child{background:linear-gradient(135deg,#1c4d5a,#2a5f6e);color:#fff;box-shadow:0 8px 24px #1c4d5a33}.admin-appointment-dashboard-appointment-card:first-child:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8dc3a7,#a8d5c0)}.admin-appointment-dashboard-appointment-type-container{flex:1;min-width:0}.admin-appointment-dashboard-appointment-type{font-weight:700;color:inherit;margin-bottom:4px;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.admin-appointment-dashboard-appointment-date{font-size:.9rem;color:inherit;margin-bottom:4px;opacity:.8;font-weight:500}.admin-appointment-dashboard-appointment-client{font-size:1rem;color:inherit;flex:1;text-align:left;margin-left:20px;font-weight:500}.admin-appointment-dashboard-appointment-actions{display:flex;align-items:center;gap:12px}.admin-appointment-dashboard-appointment-id{font-weight:700;color:inherit;margin-right:12px;min-width:70px;text-align:right;font-size:1.1rem}.admin-appointment-dashboard-see-more-btn{background:#1c4d5a1a;border:none;color:#1c4d5a;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:12px;padding:8px 16px;border-radius:8px;transition:all .3s ease;letter-spacing:.3px}.admin-appointment-dashboard-see-more-btn:hover{background:#1c4d5a33;transform:scale(1.05)}.admin-appointment-dashboard-appointment-card:first-child .admin-appointment-dashboard-see-more-btn{background:#fff3;color:#fff}.admin-appointment-dashboard-appointment-card:first-child .admin-appointment-dashboard-see-more-btn:hover{background:#ffffff4d}.admin-appointment-dashboard-no-appointments{color:#6c757d;text-align:center;padding:40px 0;font-size:1.2rem;font-weight:500}@media (max-width: 1200px){.admin-appointment-dashboard-content{max-width:98vw;padding:0 16px 32px}.admin-appointment-dashboard-top-row{gap:24px}}@media (max-width: 900px){.admin-appointment-dashboard-top-row{flex-direction:column;gap:24px;align-items:center}.admin-appointment-dashboard-current-queue-card,.admin-appointment-dashboard-available-slots-card,.admin-appointment-dashboard-chart-card{max-width:100%;width:100%;height:auto;min-height:280px}.admin-appointment-dashboard-booked-appointments-section,.admin-appointment-dashboard-appointments-list,.admin-appointment-dashboard-appointment-card,.admin-appointment-dashboard-section-header{max-width:100%;width:100%}}@media (max-width: 600px){.admin-appointment-dashboard-content{padding:0 12px 24px}.admin-appointment-dashboard-booked-appointments-section{padding:24px 16px}.admin-appointment-dashboard-appointment-card{padding:16px 20px}.admin-appointment-dashboard-title{font-size:1.3rem}.admin-appointment-dashboard-menu-icon{left:16px}}.all-appointments-admin{padding:15px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.all-appointments-filters{display:flex;flex-wrap:wrap;gap:15px;align-items:end;margin-bottom:20px;padding:20px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(28,77,90,.1)}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;color:#2c3e50;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.search-group{flex:1;min-width:250px}.search-input-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:all .3s ease;background:linear-gradient(145deg,#fff,#f8f9fa);color:#154249}.search-input:focus{outline:none;border-color:#1c4d5a;box-shadow:0 0 0 3px #1c4d5a26;transform:translateY(-1px);color:#154249}.search-icon{position:absolute;right:12px;color:#7f8c8d;pointer-events:none;font-size:16px}.filter-group select,.filter-group input[type=date]{padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;background:linear-gradient(145deg,#fff,#f8f9fa);min-width:140px;transition:all .3s ease;color:#2c3e50;font-weight:500}.filter-group select:focus,.filter-group input[type=date]:focus{outline:none;border-color:#1c4d5a;box-shadow:0 0 0 3px #1c4d5a26;transform:translateY(-1px)}.clear-all-filters,.clear-filters-btn,.clear-date-filter{padding:12px 20px;background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #e74c3c4d}.clear-all-filters:hover,.clear-filters-btn:hover,.clear-date-filter:hover{background:linear-gradient(145deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.clear-date-filter{padding:8px 12px;font-size:10px;margin-left:8px}.appointments-summary{display:flex;justify-content:space-between;align-items:center;margin:15px 0;padding:15px 20px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 4px 15px #0000001a;border-left:4px solid #1c4d5a}.appointments-summary h3{margin:0;color:#2c3e50;font-size:18px;font-weight:700;letter-spacing:-.5px}.refresh-btn{background:linear-gradient(145deg,#27ae60,#229954);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 2px 8px #27ae604d}.refresh-btn:hover{background:linear-gradient(145deg,#229954,#1e8449);transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}.search-indicator{font-size:13px;font-weight:500;color:#7f8c8d;margin-left:10px;font-style:italic}.appointment-cards-container{display:flex;flex-direction:column;gap:12px;padding:0}.appointment-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid rgba(28,77,90,.1);border-radius:12px;padding:12px 16px;box-shadow:0 4px 15px #00000014;transition:all .3s ease;position:relative;overflow:visible;height:auto;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.appointment-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px);border-color:#1c4d5a4d}.appointment-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#1c4d5a,#2a5a68);border-radius:0 2px 2px 0}.appointment-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(28,77,90,.02) 50%,transparent 100%);transform:rotate(45deg);pointer-events:none}.appointment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;z-index:2;position:relative}.client-name{font-size:16px;font-weight:700;color:#2c3e50;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;letter-spacing:-.3px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.status-badge{display:inline-block;text-transform:uppercase;font-weight:600;font-size:10px;letter-spacing:.8px;border-radius:20px;padding:4px 12px;box-shadow:0 2px 8px #00000026;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.appointment-card-body{flex:1;margin-bottom:8px;z-index:2;position:relative}.appointment-info-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.3fr;gap:16px;align-items:start;height:100%}.appointment-info-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:40px}.info-label{font-weight:600;color:#7f8c8d;font-size:10px;letter-spacing:.8px;text-transform:uppercase;line-height:1.2;margin-bottom:2px}.info-value{color:#2c3e50;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;line-height:1.4;background:#1c4d5a0d;padding:4px 8px;border-radius:6px;border:1px solid rgba(28,77,90,.1)}.appointment-card-footer{display:flex;justify-content:space-between;align-items:center;z-index:2;position:relative;min-height:50px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(28,77,90,.1);overflow:visible}.view-details-btn{background:linear-gradient(145deg,#1c4d5a,#2a5a68);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #1c4d5a4d;position:relative;overflow:hidden}.view-details-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.view-details-btn:hover{background:linear-gradient(145deg,#154249,#1f4a57);transform:translateY(-2px);box-shadow:0 4px 12px #1c4d5a66}.view-details-btn:hover:before{left:100%}.admin-appointments-empty{text-align:center;padding:60px 30px;color:#7f8c8d;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 4px 15px #0000001a;border:2px dashed rgba(28,77,90,.2)}.admin-appointments-empty p{font-size:16px;font-weight:500;margin-bottom:20px}.admin-appointments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 4px 15px #0000001a}.admin-appointments-loading-spinner{width:40px;height:40px;border:4px solid rgba(28,77,90,.1);border-top:4px solid #1c4d5a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.admin-appointments-loading p{color:#7f8c8d;font-size:16px;font-weight:500}.appointment-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;position:relative;z-index:3}.status-buttons{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.confirm-btn,.complete-btn,.cancel-btn{border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:10px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #0003;position:relative;overflow:hidden}.confirm-btn{background:linear-gradient(145deg,#27ae60,#229954);color:#fff}.confirm-btn:hover{background:linear-gradient(145deg,#229954,#1e8449);transform:translateY(-1px);box-shadow:0 3px 8px #27ae6066}.complete-btn{background:linear-gradient(145deg,#3498db,#2980b9);color:#fff}.complete-btn:hover{background:linear-gradient(145deg,#2980b9,#1f5f8b);transform:translateY(-1px);box-shadow:0 3px 8px #3498db66}.cancel-btn{background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff;margin-top:-1px}.cancel-btn:hover{background:linear-gradient(145deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 3px 8px #e74c3c66}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.appointment-card[data-status=confirmed] .status-badge{background:linear-gradient(145deg,#27ae60,#229954);color:#fff}.appointment-card[data-status=pending] .status-badge{background:linear-gradient(145deg,#f39c12,#e67e22);color:#fff}.appointment-card[data-status=cancelled] .status-badge,.appointment-card[data-status=declined] .status-badge{background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff}.appointment-card[data-status=completed]{opacity:.9;border-color:#27ae604d}.appointment-card[data-status=completed]:before{background:linear-gradient(180deg,#27ae60,#229954)}.date-range-group{flex-direction:column;align-items:flex-start}.date-range-inputs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:5px}.date-input-wrapper{display:flex;flex-direction:column;gap:4px}.date-input-wrapper label{font-size:12px;color:#666;margin:0}.date-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:140px}.clear-date-range{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;height:fit-content;align-self:flex-end}.clear-date-range:hover{background-color:#c82333}.date-range-indicator{color:#007bff;font-weight:400;font-size:.9em}.date-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:140px;cursor:pointer;background-color:#fff}.date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;border-radius:3px}.date-input::-webkit-calendar-picker-indicator:hover{background-color:#f0f0f0}@media (max-width: 768px){.date-range-inputs{flex-direction:column;align-items:stretch}.date-input{min-width:unset;width:100%}}@media (max-width: 1200px){.appointment-info-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.info-value{max-width:100px;font-size:12px}}@media (max-width: 768px){.all-appointments-admin{padding:10px}.appointment-info-grid{grid-template-columns:1fr 1fr;gap:8px}.appointment-card{height:12vh;padding:12px 16px}.client-name{font-size:14px;max-width:180px}.info-value{max-width:90px;font-size:11px}.all-appointments-filters{flex-direction:column;align-items:stretch;gap:10px}.search-group{min-width:unset}}@media (max-width: 480px){.appointment-info-grid{grid-template-columns:1fr;gap:6px}.appointment-card{height:15vh;padding:10px 12px}.client-name{font-size:13px;max-width:200px}.info-value{max-width:200px;font-size:12px}.appointment-card-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:6px}.view-details-btn{padding:6px 12px;font-size:10px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.appointment-card{animation:fadeInUp .4s ease-out}.appointment-card:nth-child(2n){animation-delay:.1s}.appointment-card:nth-child(odd){animation-delay:.2s}.appointment-cards-container::-webkit-scrollbar{width:8px}.appointment-cards-container::-webkit-scrollbar-track{background:linear-gradient(145deg,#f1f2f6,#ddd);border-radius:10px}.appointment-cards-container::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#1c4d5a,#2a5a68);border-radius:10px;border:2px solid #f1f2f6}.appointment-cards-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#154249,#1f4a57)}.cancel-dialog-overlay-ApptAdmin{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.cancel-dialog-ApptAdmin{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:90%;max-width:400px;overflow:hidden}.cancel-dialog-header-ApptAdmin{background-color:#154249;color:#fff;padding:16px 20px}.cancel-dialog-header-ApptAdmin h3{margin:0;font-size:18px;font-weight:600}.cancel-dialog-body-ApptAdmin{padding:20px;line-height:1.6}.cancel-dialog-body-ApptAdmin p{margin:8px 0;color:#333}.cancel-dialog-body-ApptAdmin strong{color:#154249}.cancel-dialog-footer-ApptAdmin{padding:16px 20px;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end}.proceed-btn-ApptAdmin{background-color:#154249;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.proceed-btn-ApptAdmin:hover{background-color:#d32f2f}.discard-btn-ApptAdmin{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.discard-btn-ApptAdmin:hover{background-color:#5a6268}@media (max-width: 1400px){.appointment-info-grid{grid-template-columns:repeat(4,1fr);gap:10px}.info-value{max-width:110px;font-size:12px}.appointment-card{height:auto;min-height:180px}}@media (max-width: 1200px){.appointment-info-grid{grid-template-columns:repeat(3,1fr);gap:12px}.info-value{max-width:100px;font-size:12px}.appointment-card{height:auto;min-height:200px}.appointment-card-footer{margin-top:10px;padding-top:10px;border-top:1px solid rgba(28,77,90,.1)}}@media (max-width: 992px){.all-appointments-admin{padding:12px}.appointment-info-grid{grid-template-columns:repeat(2,1fr);gap:10px}.appointment-card{height:auto;min-height:220px;padding:14px 16px}.appointment-actions{flex-wrap:wrap;gap:8px;justify-content:space-between}.status-buttons{display:flex;gap:6px;flex-wrap:wrap}.confirm-btn,.complete-btn,.cancel-btn{padding:8px 12px;font-size:11px;min-width:70px;white-space:nowrap}.view-details-btn{padding:8px 16px;font-size:11px;min-width:80px}}@media (max-width: 768px){.all-appointments-admin{padding:10px}.appointment-info-grid{grid-template-columns:repeat(2,1fr);gap:8px}.appointment-card{height:auto;min-height:240px;padding:12px 16px}.client-name{font-size:14px;max-width:180px}.info-value{max-width:140px;font-size:11px}.all-appointments-filters{flex-direction:column;align-items:stretch;gap:10px}.search-group{min-width:unset}.appointment-card-footer{margin-top:15px;padding-top:12px;border-top:1px solid rgba(28,77,90,.1);min-height:50px}.appointment-actions{flex-direction:column;gap:10px;align-items:stretch}.status-buttons{display:flex;justify-content:space-between;gap:8px}.confirm-btn,.complete-btn,.cancel-btn{flex:1;padding:10px 8px;font-size:11px;min-width:60px;text-align:center}.view-details-btn{width:100%;padding:12px;font-size:12px;text-align:center;margin-bottom:8px}}@media (max-width: 576px){.all-appointments-admin{padding:8px}.appointment-info-grid{grid-template-columns:1fr;gap:6px}.appointment-card{height:auto;min-height:280px;padding:12px 14px}.client-name{font-size:14px;max-width:200px}.info-value{max-width:100%;font-size:12px}.appointment-card-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.appointment-card-footer{margin-top:15px;padding-top:15px;border-top:2px solid rgba(28,77,90,.1);min-height:80px}.appointment-actions{flex-direction:column;gap:12px;align-items:stretch}.status-buttons{display:flex;flex-direction:column;gap:8px}.confirm-btn,.complete-btn,.cancel-btn{width:100%;padding:12px;font-size:12px;text-align:center}.view-details-btn{width:100%;padding:12px;font-size:12px;text-align:center;margin-bottom:10px}}@media (max-width: 480px){.appointment-card{height:auto;min-height:300px;padding:10px 12px}.appointment-card-footer{min-height:90px}.status-buttons{gap:10px}.confirm-btn,.complete-btn,.cancel-btn{padding:14px 12px;font-size:13px;font-weight:600}.view-details-btn{padding:14px 12px;font-size:13px}}@media (max-width: 320px){.all-appointments-admin{padding:5px}.appointment-card{min-height:320px;padding:8px 10px}.appointment-card-footer{min-height:100px;padding-top:15px}.status-buttons{gap:8px}.confirm-btn,.complete-btn,.cancel-btn{width:100%;padding:15px 10px;font-size:12px}.view-details-btn{padding:15px 10px;font-size:12px}}@media (max-width: 768px) and (orientation: landscape){.appointment-card{min-height:200px}.appointment-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.status-buttons{flex-direction:row;gap:6px}.confirm-btn,.complete-btn,.cancel-btn{flex:1;min-width:60px;padding:8px 10px;font-size:11px}.view-details-btn{width:auto;flex-grow:1;padding:8px 12px;font-size:11px}}@media (hover: none) and (pointer: coarse){.confirm-btn,.complete-btn,.cancel-btn,.view-details-btn{min-height:44px;padding:12px 16px;font-size:14px}.appointment-card-footer{min-height:60px}}.appointment-card-footer{overflow:visible;position:relative;z-index:1}.appointment-actions{position:relative;z-index:2}.confirm-btn,.complete-btn,.cancel-btn,.view-details-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confirm-btn,.complete-btn,.cancel-btn,.view-details-btn{min-height:36px;min-width:60px}.admin-walkin-queue{min-height:100vh;background:#fff;font-family:Segoe UI,Arial,sans-serif;width:100vw}.admin-walkin-queue-user-info{text-align:left}.admin-walkin-queue-user-name{font-weight:700;font-size:1.1rem}.admin-walkin-queue-user-email{font-size:.95rem;color:#b0c4ce}.admin-walkin-queue-nav-item{color:#fff;text-decoration:none;padding:12px 24px;font-size:1.1rem;border-radius:8px;margin-bottom:4px;transition:background .2s}.admin-walkin-queue-nav-item.active,.admin-walkin-queue-nav-item:hover{background:#163944}.admin-walkin-queue-sidebar-footer{position:absolute;bottom:24px;width:100%;text-align:center}.admin-walkin-queue-logout-btn{background:#e74c3c;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:1rem;cursor:pointer}.admin-walkin-queue-main-content{margin-left:0;padding:32px 0 0;display:flex;flex-direction:column;align-items:center}.admin-walkin-queue-header{width:100%;text-align:center;margin-bottom:32px;padding:20px!important}.admin-walkin-queue-header h1{color:#1c4d5a;font-size:2rem;font-weight:700;margin:0;padding:20px!important}.admin-walkin-queue-header-bar{width:100%;background:#1c4d5a;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 10px #00000026;padding:20px!important}.admin-walkin-queue-menu-btn{position:absolute;left:24px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;height:40px}.admin-walkin-queue-menu-icon{display:flex;flex-direction:column;gap:5px;width:32px;height:24px;justify-content:center}.admin-walkin-queue-menu-bar{width:100%;height:4px;background:#fff;border-radius:2px;display:block}.admin-walkin-queue-header-title{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;margin:0}.admin-walkin-queue-main{max-width:900px;margin:40px auto 0;display:flex;flex-direction:column;align-items:center;padding:0 16px}.admin-walkin-queue-summary-row{display:flex;justify-content:center;align-items:stretch;gap:30px;width:100%;margin:50px 0 40px;max-width:900px}.admin-walkin-queue-summary-card{background:#fff;border-radius:10px;box-shadow:0 10px 25px #2c3e501a;padding:30px 20px 25px;flex:1;display:flex;flex-direction:column;align-items:center;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;min-height:200px}.admin-walkin-queue-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#1c4d5a}.admin-walkin-queue-summary-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2c3e5026}.admin-walkin-queue-summary-card.gray{background:linear-gradient(to bottom,#f9f9f9,#f1f1f1)}.admin-walkin-queue-summary-card.gray:before{background:#607d8b}.admin-walkin-queue-summary-title{color:#1c4d5a;font-size:1.1rem;font-weight:600;margin-bottom:25px;text-align:center;text-transform:uppercase;letter-spacing:1.5px;opacity:.8}.admin-walkin-queue-summary-number{font-size:3.5rem;font-weight:700;color:#1c4d5a;margin-bottom:25px;text-align:center;position:relative}.admin-walkin-queue-summary-number:after{content:"";position:absolute;width:40px;height:3px;background:#1c4d5a33;bottom:-10px;left:50%;transform:translate(-50%);border-radius:2px}.admin-walkin-queue-summary-next{font-size:1rem;color:#555;font-weight:500;text-align:center;margin-top:auto;padding-top:10px}.admin-walkin-queue-summary-next-number{color:#1c4d5a;font-weight:700;margin-left:5px;padding:3px 10px;background:#1c4d5a14;border-radius:20px;display:inline-block}.admin-walkin-queue-list-section{background:#fcf8f6;border-radius:16px;box-shadow:0 4px 15px #2c3e5014;padding:32px;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center}.admin-walkin-queue-list-title{color:#1c4d5a;font-size:1.5rem;font-weight:700;margin-bottom:24px;width:100%;text-align:left;border-bottom:2px solid rgba(28,77,90,.1);padding-bottom:12px;justify-content:space-between;display:flex}.ButtonDisplay{background:#1c4d5a;color:#fff;border:none;border-radius:8px;padding:5px 20px;font-size:1rem;cursor:pointer;transition:background .2s}.ButtonDisplay:hover{background:#163944}.queue-content{width:100%}.queue-loading,.queue-error,.queue-empty{text-align:center;padding:30px 20px;margin:10px 0;border-radius:12px;background:#fff}.queue-error{color:#721c24;background:#f8d7da;border-left:4px solid #dc3545}.queue-empty{color:#555;background:#f9f9f9;border-radius:12px;padding:40px 20px;box-shadow:inset 0 0 10px #00000008}.queue-empty small{display:block;margin-top:12px;font-size:.9em;color:#888}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(28,77,90,.1);border-radius:50%;border-top-color:#1c4d5a;animation:spin 1s ease-in-out infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.queue-list{display:flex;flex-direction:column;gap:16px;width:100%}.queue-item{background:#fcf8f6;border-radius:12px;box-shadow:0 3px 8px #00000014;padding-left:20px;padding-right:20px;transition:transform .2s,box-shadow .2s;cursor:pointer;display:flex;justify-content:space-between;flex-direction:column;border:1px #163944 solid!important}.queue-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f}.queue-item.active-queue{border-left:4px solid #1c4d5a}.queue-top{display:flex;justify-content:space-between;padding-top:10px;align-items:center}.queue-numberwalk{font-weight:700!important;color:#1c4d5a;font-size:1.1rem;border-radius:8px}.queue-status{font-size:.85em;padding:5px 12px;border-radius:30px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.queue-status.pending{background:#fff3cd;color:#856404}.queue-status.serving,.queue-status.in-progress{background:#d4edda;color:#155724}.queue-details{border-bottom:1px solid rgba(0,0,0,.05)}.queue-name{font-weight:600;margin-bottom:8px;font-size:1.1rem;color:#333}.queue-reason{font-size:.95em;color:#555;margin-bottom:8px;line-height:1.4}.queue-time{font-size:.85em;color:#777;display:flex;align-items:center}.queue-time:before{content:"⏱️";margin-right:5px;font-size:.9em}.queue-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:10px}.queue-action-btn{padding:8px 18px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem;display:flex;align-items:center;justify-content:center;letter-spacing:.3px;box-shadow:0 2px 5px #0000001a}.queue-action-btn.start{background:#1c4d5a;color:#fff}.queue-action-btn.start:hover{background:#164250;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.queue-action-btn.complete{background:#dc3545;color:#fff}.queue-action-btn.complete:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.queue-action-btn.view{background:#4d93b1;color:#fff}.queue-action-btn.view:hover{background:#3d7e99;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.manual-queue-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;padding:12px 18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #28a7454d}.manual-queue-btn:hover{background:linear-gradient(135deg,#218838,#1ea080);transform:translateY(-50%) translateY(-2px);box-shadow:0 5px 15px #28a74566}.manual-queue-btn:active{transform:translateY(-50%) translateY(0);box-shadow:0 2px 5px #28a7454d}.manual-reset-btn{position:absolute;right:200px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;padding:12px 18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.manual-reset-btn:hover:not(:disabled){transform:translateY(-50%) translateY(-2px);box-shadow:0 4px 8px #00000026;background:linear-gradient(135deg,#c82333,#bd2130)}.manual-reset-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;min-width:550px;max-width:650px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px 16px 0 0}.modal-header h3{margin:0;color:#1c4d5a;font-size:1.5rem;font-weight:700}.modal-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#dc35451a;color:#dc3545;transform:scale(1.1)}.modal-body{padding:28px}.modal-body p{margin:0 0 24px;color:#666;line-height:1.6;font-size:1rem}.queue-options{display:flex;flex-direction:column;gap:24px}.quick-queue-btn,.custom-queue-btn{background:linear-gradient(135deg,#1c4d5a,#2c5f72);color:#fff;border:none;border-radius:10px;padding:16px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1c4d5a4d;display:flex;align-items:center;justify-content:center;gap:8px}.quick-queue-btn:hover,.custom-queue-btn:hover{background:linear-gradient(135deg,#164250,#245561);transform:translateY(-3px);box-shadow:0 6px 20px #1c4d5a66}.quick-queue-btn:disabled,.custom-queue-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0000001a}.or-divider{text-align:center;color:#999;font-size:.9rem;position:relative;margin:16px 0;font-weight:500}.or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#ddd,transparent);z-index:1}.or-divider:after{content:"or";background:#fff;padding:0 16px;position:relative;z-index:2}.custom-form{border:2px solid #e9ecef;border-radius:12px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#fff)}.custom-form h4{margin:0 0 20px;color:#1c4d5a;font-size:1.2rem;font-weight:600}.form-row{display:flex;gap:16px}.form-group{margin-bottom:18px;flex:1}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1c4d5a;box-shadow:0 0 0 3px #1c4d5a1a;transform:translateY(-1px)}.custom-queue-btn{margin-top:20px;width:100%}.modal-footer{margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0;text-align:center}.modal-footer small{color:#666;font-size:.85rem;line-height:1.5}@media (max-width: 768px){.modal-content{min-width:300px;margin:20px}.manual-queue-btn{position:static;transform:none;margin-left:auto;margin-top:12px;font-size:.8rem;padding:10px 14px}.admin-walkin-queue-header-bar{flex-direction:column;align-items:stretch;padding:15px 20px}.form-row{flex-direction:column;gap:0}.modal-body,.modal-header{padding:20px}}@media (max-width: 480px){.modal-content{min-width:280px}.quick-queue-btn,.custom-queue-btn{padding:14px 20px;font-size:.9rem}}.admin-walkin-details-header-bar{width:100vw;background:#1c4d5a;display:flex;align-items:center;justify-content:center;height:75px;position:relative;box-shadow:0 2px 4px #0000001a}.admin-walkin-details-header-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;width:auto}.admin-walkin-details-container{display:flex;justify-content:center;align-items:flex-start;padding:130px;width:100%;background-color:#f5f5f5;box-sizing:border-box;min-height:calc(100vh - 56px)}.admin-walkin-details-card{background:#fcf8f6;border-radius:16px;box-shadow:0 2px 8px #2c3e501a;padding:40px;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:1000px;box-sizing:border-box}.admin-walkin-details-row-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;border-bottom:2px solid #1c4d5a;padding-bottom:16px}.admin-walkin-details-label-header,.admin-walkin-details-value-header{color:#1c4d5a;font-size:1.8rem;font-weight:700}.admin-walkin-details-info{width:100%;display:flex;justify-content:space-between;gap:30px;margin-bottom:40px;margin-top:16px}.admin-walkin-details-col{flex:1;display:flex;flex-direction:column;gap:28px;box-sizing:border-box}.admin-walkin-details-label{color:#1c4d5a;font-weight:700;font-size:1.1rem;margin-bottom:4px;display:block}.admin-walkin-details-value{color:#222;font-size:1.1rem}.admin-walkin-details-actions{width:100%;display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.admin-walkin-details-cancel-btn{background:#222;color:#fff;border:none;border-radius:8px;padding:10px 32px;font-size:1rem;cursor:pointer;font-weight:500;transition:background-color .2s}.admin-walkin-details-cancel-btn:hover{background:#333}.admin-walkin-details-complete-btn{background:#1c4d5a;color:#fff;border:none;border-radius:8px;padding:10px 32px;font-size:1rem;cursor:pointer;font-weight:500;transition:background-color .2s}.admin-walkin-details-complete-btn:hover{background:#23596a}@media (max-width: 900px){.admin-walkin-details-container{padding:20px 16px}.admin-walkin-details-card{padding:24px 16px}.admin-walkin-details-info{flex-direction:column;gap:20px}.admin-walkin-details-col{padding:0}.admin-walkin-details-row-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 600px){.admin-walkin-details-header-title{font-size:1.3rem}.admin-walkin-details-actions{flex-direction:column;width:100%}.admin-walkin-details-cancel-btn,.admin-walkin-details-complete-btn{width:100%}}.admin-acc-container{display:flex;flex-direction:column;min-height:100vh;width:100vw}.admin-acc-header{background-color:#1c4d5a;color:#fff;padding:16px 24px;display:flex;align-items:center}.admin-acc-menu-button{margin-right:16px;color:#fff!important}.admin-acc-header-title{flex-grow:1;text-align:center}.admin-acc-paper{margin-top:24px;padding:24px;border-radius:8px}.admin-acc-tabs{margin-bottom:24px;border-bottom:1px solid #e0e0e0}.admin-acc-active-tab{color:#1c4d5a!important;font-weight:700}.admin-acc-tab-content{padding:16px 8px}.admin-acc-input-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.admin-acc-input-field{flex:1;min-width:250px}.admin-acc-field-label{display:block;margin-bottom:8px;font-weight:500;color:#1c4d5a!important;font-size:14px}.admin-acc-profile-input{margin-bottom:4px}.admin-acc-profile-input .MuiOutlinedInput-root{border-radius:6px;font-size:16px;background-color:#fffdfd;box-shadow:inset 0 3px 2px #0000001a}.admin-acc-profile-input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.admin-acc-profile-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border:1.5px solid #2a5764!important}.admin-acc-profile-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:2px solid #24677a!important}.admin-acc-profile-input .MuiOutlinedInput-input{padding:8px;color:#1c4d5a!important;font-size:16px}.admin-acc-warning-text{display:block;margin-top:4px}.admin-acc-actions-container{display:flex;justify-content:flex-end;margin-top:32px}.admin-acc-save-button{background-color:#1c4d5a!important;padding:8px 24px!important;font-weight:500!important}@media (max-width: 600px){.admin-acc-input-row{flex-direction:column;gap:16px}}.screen-queue-container{height:100vh;width:100vw;background:#fff;font-family:Segoe UI,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:40px 20px;box-sizing:border-box}.screen-queue-header{display:flex;justify-content:space-between;gap:10px;width:100%;max-width:600px;margin-bottom:10px;background:#1c4d5a;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px 32px}.queue-label{color:#fff;font-size:1.4rem;font-weight:600;text-align:center;flex:1}.screen-queue-body{display:flex;justify-content:center;align-items:flex-start;gap:60px;width:100%;max-width:1200px}.screen-queue-main{display:flex;flex-direction:column;gap:10px;max-width:600px;width:100%}.queue-value{background:#f5f9fa;color:#1c4d5a;font-size:3.5rem;font-weight:800;border-radius:12px;box-shadow:0 8px 20px #1c4d5a1a;padding:30px 40px;text-align:center;transition:transform .2s}.queue-value:hover{transform:translateY(-5px)}.in-queue-section{display:flex;flex-direction:column;align-items:flex-start;max-width:500px;width:100%}.in-queue-title{font-size:1.5rem;font-weight:700;color:#1c4d5a;margin-bottom:20px;text-align:left}.in-queue-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:flex-start;width:100%}.in-queue-item{flex:0 0 auto;background:#fcf8f6;color:#1c4d5a;font-size:1.3rem;font-weight:600;padding:16px 24px;border-radius:12px;border:1px solid #1c4d5a;box-shadow:0 4px 10px #00000014;text-align:center;transition:all .3s ease}.in-queue-item:hover{background:#1c4d5a;color:#fff;transform:scale(1.05)}@media (max-width: 768px){.screen-queue-body{flex-direction:column;align-items:center}.screen-queue-main,.in-queue-section{max-width:100%;width:100%}.queue-value{font-size:2.5rem;padding:24px}.in-queue-item{font-size:1.1rem;padding:12px 18px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;background:linear-gradient(to bottom,#fff,#fffcf9)}body{margin:0;display:flex;min-width:100vw;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}