#root,body,html{font-family:Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.login-container{background:#f7f7f7;display:flex;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.login-form-container{align-items:center;background-color:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:2rem;position:relative;width:45%;z-index:1}.login-form{box-sizing:border-box;max-width:450px;padding:2rem 1.5rem;width:100%}.form-header{margin-bottom:2rem;text-align:center;width:100%}.login-title{color:#2c3e50;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:.8rem;word-break:break-word}.login-subtitle{color:#566573;font-size:1.1rem;font-weight:400;line-height:1.5;margin-bottom:1rem;margin-top:0;word-break:break-word}.logo-small{height:auto;margin-bottom:-12rem;width:400px}.login-branding{align-items:center;background-color:#b4d479;background-image:linear-gradient(135deg,#b4d479,#9bc654);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2rem;position:relative;width:55%}.login-branding:before{height:500px;right:-10%;top:-10%;width:500px}.login-branding:after,.login-branding:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";position:absolute}.login-branding:after{bottom:-10%;height:400px;left:-10%;width:400px}.pattern-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:0}.branding-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:600px;padding:0 1.5rem;position:relative;text-align:center;width:100%;z-index:1}.logo-large{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));height:auto;margin-bottom:1.5rem;transition:transform .3s ease;width:180px}.branding-title{color:#fff;font-size:2.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a;word-break:break-word}.branding-subtitle{color:#fff;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:3rem;opacity:.95;word-break:break-word}.branding-features{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:500px;width:100%}.branding-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff26;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000000d;box-sizing:border-box;display:flex;padding:1.3rem;text-align:left;transition:all .3s ease;width:100%}.branding-feature:hover{background-color:#fff3;box-shadow:0 8px 20px #00000014;transform:translateY(-3px)}.feature-icon{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#b4d479;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-right:1.3rem;width:50px}.feature-icon svg{font-size:1.8rem}.feature-text{flex:1 1;min-width:0}.feature-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.3rem;word-break:break-word}.feature-description{color:#fff;font-size:1rem;line-height:1.4;opacity:.95;word-break:break-word}form{width:100%}.input-container{margin-bottom:20px}.input-container .MuiFormControl-root,.input-container .MuiTextField-root{width:100%}.input-container .MuiOutlinedInput-root{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000a;height:52px;transition:all .3s}.input-container .MuiOutlinedInput-input{font-size:1rem}.input-container .MuiInputLabel-root{font-size:1rem;font-weight:400}.input-container .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#b4d479}.input-container .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#b4d479;border-width:2px}.login-button{background-color:#b4d479!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 15px #b4d4794d!important;color:#2c3e50!important;cursor:pointer!important;font-size:1.1rem!important;font-weight:500!important;margin-top:15px!important;padding:14px 18px!important;text-transform:none!important;transition:all .3s ease!important;width:100%!important}.login-button:hover:not(:disabled){background-color:#9bc654!important;box-shadow:0 8px 20px #b4d47966!important;transform:translateY(-2px)}.login-button:disabled{background-color:#e0e0e0!important;box-shadow:none!important;color:#9e9e9e!important;cursor:not-allowed!important}.secure-login{align-items:center;color:#566573;display:flex;font-size:.9rem;justify-content:center;margin-bottom:15px;margin-top:20px}.secure-login svg{color:#b4d479;font-size:1.1rem;margin-right:8px}.links-container{display:flex;flex-direction:column;gap:12px;margin-top:20px}.signup-link{color:#566573;font-size:.95rem;transition:color .3s ease}.signup-link a{color:#b4d479;font-weight:500;position:relative;text-decoration:none;transition:all .2s ease}.signup-link a:hover{color:#9bc654}.signup-link a:after{background-color:#9bc654;bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.signup-link a:hover:after{width:100%}.error-message{color:#f44336;font-size:.8rem;margin:3px 14px 0;text-align:left}@media (max-width:1200px){.branding-title{font-size:2.5rem}.login-branding,.login-form-container{padding:1.5rem}}@media (max-width:900px){.login-container{flex-direction:column;height:auto}.login-form-container{min-height:100vh;padding:2rem 1rem;width:100%}.login-branding{display:none}.login-form{max-width:100%;padding:1rem 0}.login-title{font-size:1.6rem}}@media (max-width:600px){.login-form-container{padding:1.5rem 1rem}.login-form{padding:0}.login-title{font-size:1.5rem}.login-subtitle{font-size:1rem}.logo-small{margin-bottom:-6rem;width:200px}.input-container .MuiOutlinedInput-root{height:48px}.login-button{font-size:1rem!important;padding:12px 16px!important}}#root,body,html{font-family:Arial,sans-serif;height:100%;margin:0}.create-account-container{align-items:center;background-color:beige;display:flex;justify-content:center;min-height:100vh;padding:20px}.create-title{color:#353634;font-family:Verdana,Geneva,Tahoma,sans-serif;font-optical-sizing:auto;font-size:24px;font-weight:600;margin-bottom:10px}.create-account-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#000;max-width:100%;padding:20px;text-align:center;width:100%}h1{color:#353634;font-size:1.8em;margin-bottom:10px}form{align-items:center}.input-group,form{display:flex;flex-direction:column}.input-group{margin-bottom:15px;width:100%}.input-container{margin-bottom:10px;width:100%}label{color:#353634;display:block;font-weight:700;margin-bottom:5px}.required{color:red;margin-left:5px}input{border:1px solid #ccc;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;font-size:1em;padding:12px;width:100%}input:focus{border-color:#b4d479;box-shadow:0 0 5px #b9f07f80;outline:none}button{background-color:#b4d479;border:none;border-radius:5px;color:#353634;cursor:pointer;font-size:1em;font-weight:700;margin-top:15px;padding:12px;transition:background-color .3s ease;width:100%}button:disabled{background-color:#d3d3d3;cursor:not-allowed}button:hover:not(:disabled){background-color:#476569;color:#fff}.password-strength{font-size:.9em;font-weight:700;margin-top:5px}.password-strength.weak{color:red}.password-strength.moderate{color:orange}.password-strength.strong{color:green}.back-to-login,.phone-number{margin-top:15px}.back-link{color:#353634;font-weight:700;text-decoration:none}.arrow{font-size:1.2em;margin-right:5px}.error-message{color:red;font-size:.9em;margin-top:5px}@media (max-width:600px){.create-account-form{padding:20px}h1{font-size:1.5em}button{padding:10px}.create-title{font-size:22px}}.view-my-pet-container{align-items:center;background-color:beige;color:#353634;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:110vh;padding:20px}.view-my-pet-logo{margin-bottom:20px;width:140px}.pet-info{background-color:#000!important;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:20px;max-width:600px;padding:20px;width:100%}.extras,.owner-info,.pet-info{background-color:#b4d479;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:15px}.extras h2,.owner-info h2,.pet-info h2{color:#000;margin-bottom:10px}.extras p,.owner-info p,.pet-info p{font-size:16px;margin:10px 0}.extras strong,.owner-info strong,.pet-info strong{color:#353634}.pet-photo{border-radius:10px;margin-top:10px;max-width:100%}@media (max-width:600px){.view-my-pet-container{padding:10px}.pet-info{padding:15px}.extras p,.owner-info p,.pet-info p{font-size:14px}}.not-found-container{align-items:center;background-color:beige;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.not-found-logo{margin-bottom:20px;width:150px}h2{font-family:Verdana,Geneva,Tahoma,sans-serif;font-optical-sizing:auto;font-size:22px;font-weight:600}.login-link{color:#000;font-size:18px;font-weight:700;margin-top:5px;text-decoration:none}.login-link:hover{text-decoration:underline}
/*# sourceMappingURL=main.f5bad1dd.css.map*/