@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Poppins:wght@400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{box-sizing:border-box}.first-homepage{background-color:#436850;color:#fff;display:flex;flex-direction:column;min-height:100vh}.mango-logo{cursor:pointer;margin-right:4%;max-width:100px;vertical-align:middle;width:100%}.navbar-brand{color:#fff;font-family:Poppins,sans-serif;font-weight:600}.navba,.navbar-brand{align-items:center;display:flex}.navba{background-color:#436850;justify-content:space-between;padding:15px 30px}.navbar-btn{background:linear-gradient(135deg,#adbc9f,#fbfada);border:none;border-radius:8px;box-shadow:2px 2px 10px #0003;color:#4b6a3d;cursor:pointer;font-family:Roboto,sans-serif;font-weight:600;letter-spacing:1px;padding:12px 24px;transition:all .3s ease-in-out}.navbar-btn:hover{background:linear-gradient(135deg,#ffe066,#ffc300);box-shadow:2px 2px 15px #0000004d;transform:scale(1.05)}.navbar-btn:active{box-shadow:1px 1px 5px #0000001a;transform:scale(1)}.navbar-buttons{display:flex;gap:20px}.hero-content{animation:fadeIn 1s ease-in-out,slideInFromLeft 1s ease-out}.hero-heading{animation:slideInFromLeft 1s ease-out;font-size:3em;font-weight:700}.hero-heading,.hero-subtitle{margin-bottom:20px;text-shadow:1px 1px 5px #0009}.hero-subtitle{font-size:1.5em}.get-started-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;box-shadow:0 4px 15px #ffd70066;color:#4b6a3d;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.2em;font-weight:700;letter-spacing:1px;margin-top:5%;outline:none;overflow:hidden;padding:16px 36px;position:relative;text-transform:uppercase;transition:all .3s ease-in-out}.get-started-btn:hover{background:linear-gradient(135deg,orange,gold);box-shadow:0 6px 20px #ffd70099;transform:translateY(-3px)}.get-started-btn:active{box-shadow:0 3px 10px #ffd70066;transform:translateY(-1px)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.footer-FirstHomePage{background-color:#436850;padding:15px 20px;text-align:center}.footer-address{margin-top:20px}.footer-address p{font-size:1.1em;margin-top:10px}.balatro-container{height:100%;width:100%}.signup-page{height:100vh;overflow:hidden;position:relative;width:100%}.signup-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;z-index:2}.signup-container:before{background-color:#0003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.signup-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f1e4c3d9;border-radius:20px;box-shadow:0 6px 12px #0000004d;font-family:Arial,sans-serif;padding:30px 50px;position:relative;text-align:center;width:350px;z-index:2}.signup-logo{cursor:pointer;margin-bottom:15px;width:100px}.signup-input{border:1px solid #bdbdbd;border-radius:8px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;margin:12px 0;padding:12px;width:100%}.signup-button{background-color:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:17px;margin-top:9px;padding:12px;transition:background-color .3s ease;width:100%}.signup-button:hover{background-color:#3e7f31}.signup-links{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:space-between;margin-top:20px}.forgot-password,.signup-link{color:#db8e00}.signup-input:focus{border-color:#597e52;box-shadow:0 0 5px #597e5280;outline:none}.password-container{margin-bottom:5px;position:relative;width:100%}.password-container .signup-input{padding:12px 40px 12px 12px}.toggle-password{font-size:15px}.toggle-password:focus{outline:none}@media screen and (max-width:768px){.signup-box{padding:20px 30px;width:90%}.signup-logo{width:80px}h1{font-size:22px}.signup-input{font-size:14px;padding:10px}.signup-button{font-size:15px;padding:10px}.alert-message{font-size:13px;padding:8px}.signup-links{align-items:center;flex-direction:column;gap:10px}.forgot-password,.signup-link{font-size:14px}}@media screen and (max-width:480px){.signup-box{padding:15px 20px;width:100%}.signup-logo{width:60px}h1{font-size:18px}.signup-input{font-size:12px;padding:8px}.signup-button{font-size:13px;padding:8px}.alert-message{font-size:12px;padding:6px}.signup-links{align-items:center;flex-direction:column;gap:8px}.forgot-password,.signup-link{font-size:13px}}.signin-page{height:100vh;overflow:hidden;position:relative;width:100%}.signin-container{height:100vh;justify-content:center;position:relative;z-index:2}.remember-me,.signin-container{align-items:center;display:flex}.remember-me{color:#436850;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;justify-content:start;margin:15px 0}.checkbox-container{align-items:center;cursor:pointer;display:flex;font-size:16px;padding-left:30px;position:relative}.checkbox-container input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#f1f1f1;border:2px solid #436850;border-radius:4px;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.checkbox-container input:checked~.checkmark{background-color:#436850;border-color:#436850}.checkbox-container input:checked~.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-container:hover .checkmark{border-color:#3e7f31}.alert-message:after{color:#b80000;content:"✖";cursor:pointer;font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.signin-container:before{background-color:#0003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.signin-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f1e4c3d9;border-radius:20px;box-shadow:0 6px 12px #0000004d;font-family:Arial,sans-serif;padding:30px 50px;position:relative;text-align:center;width:350px;z-index:2}.signin-logo{cursor:pointer;margin-bottom:15px;width:100px}h1{color:#000}.signin-input{border:1px solid #bdbdbd;border-radius:8px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;margin:12px 0;overflow:hidden;padding:12px;text-overflow:ellipsis;white-space:nowrap;width:100%}.signin-input[title]:hover:after{background:#000000b3;border-radius:5px;color:#fff;content:attr(title);font-size:12px;left:0;padding:5px;position:absolute;top:100%;white-space:normal;z-index:10}.signin-button{background-color:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:17px;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.signin-button:hover{background-color:#3e7f31}.signin-links{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:space-between;margin-top:20px}.forgot-password,.signup-link{color:#436850;font-size:15px;text-decoration:none;transition:color .3s ease}.forgot-password:hover,.signup-link:hover{color:#b56e03;text-decoration:underline}.signin-input:focus{border-color:#597e52;box-shadow:0 0 5px #597e5280}.password-wrapper{position:relative;width:100%}.password-input{padding-right:40px}.toggle-password:hover{color:#3e7f31}@media screen and (max-width:768px){.signin-box{padding:20px 30px;width:90%}.signin-logo{width:80px}h1{font-size:22px}.signin-input{font-size:14px;padding:10px}.signin-button{font-size:15px;padding:10px}.alert-message,.password-alert{font-size:13px;padding:8px}.signin-links{align-items:center;flex-direction:column;gap:10px}.forgot-password,.signup-link{font-size:14px}}@media screen and (max-width:480px){.signin-box{padding:15px 20px;width:100%}.signin-logo{width:60px}h1{font-size:18px}.signin-input{font-size:12px;padding:8px}.signin-button{font-size:13px;padding:8px}.alert-message,.password-alert{font-size:12px;padding:6px}.signin-links{align-items:center;flex-direction:column;gap:8px}.forgot-password,.signup-link{font-size:13px}}.forgot-password-page{height:100vh;overflow:hidden;position:relative;width:100%}.ForgotPassword-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;z-index:2}.ForgotPassword-container:before{background-color:#0003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ForgotPassword-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f1e4c3d9;border-radius:20px;box-shadow:0 6px 12px #0000004d;font-family:Arial,sans-serif;padding:30px 50px;position:relative;text-align:center;width:350px;z-index:2}.ForgotPassword-logo{cursor:pointer;margin-bottom:15px;width:100px}.ForgotPassword-input{border:1px solid #bdbdbd;border-radius:8px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;margin:12px 0;padding:12px;width:100%}.ForgotPassword-button{background-color:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:17px;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.ForgotPassword-button:hover{background-color:#3e7f31}.ForgotPassword-input:focus{border-color:#597e52;box-shadow:0 0 5px #597e5280;outline:none}@media screen and (max-width:768px){.ForgotPassword-box{padding:20px 30px;width:90%}.ForgotPassword-logo{width:80px}h1{font-size:22px}.ForgotPassword-input{font-size:14px;padding:10px}.ForgotPassword-button{font-size:15px;padding:10px}.alert-message{font-size:13px;padding:8px}}@media screen and (max-width:480px){.ForgotPassword-box{padding:15px 20px;width:100%}.ForgotPassword-logo{width:60px}h1{font-size:18px}.ForgotPassword-input{font-size:12px;padding:8px}.ForgotPassword-button{font-size:13px;padding:8px}.alert-message{font-size:12px;padding:6px}}.verify-page{height:100vh;overflow:hidden;position:relative;width:100%}.Verify-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;z-index:2}.Verify-container:before{background-color:#0003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.Verify-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f1e4c3d9;border-radius:20px;box-shadow:0 6px 12px #0000004d;font-family:Arial,sans-serif;padding:30px 50px;position:relative;text-align:center;width:350px;z-index:2}.Verify-logo{cursor:pointer;margin-bottom:15px;width:100px}.Verify-input{border:1px solid #bdbdbd;border-radius:8px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;margin:12px 0;padding:12px;width:100%}.Verify-button{background-color:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:17px;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.Verify-button:hover{background-color:#3e7f31}.Verify-links{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:space-between;margin-top:20px}.Verify-link,.forgot-password{color:#436850;font-size:15px;text-decoration:none;transition:color .3s ease}.Verify-link:hover,.forgot-password:hover{color:#b56e03;text-decoration:underline}.Verify-input:focus{border-color:#597e52;box-shadow:0 0 5px #597e5280;outline:none}@media screen and (max-width:768px){.Verify-box{padding:20px 30px;width:90%}.Verify-logo{width:80px}h1{font-size:22px}.Verify-input{font-size:14px;padding:10px}.Verify-button{font-size:15px;padding:10px}.alert-message{font-size:13px;padding:8px}.Verify-links{align-items:center;flex-direction:column;gap:10px}.Verify-link,.forgot-password{font-size:14px}}@media screen and (max-width:480px){.Verify-box{padding:15px 20px;width:100%}.Verify-logo{width:60px}h1{font-size:18px}.Verify-input{font-size:12px;padding:8px}.Verify-button{font-size:13px;padding:8px}.alert-message{font-size:12px;padding:6px}.Verify-links{align-items:center;flex-direction:column;gap:8px}.Verify-link,.forgot-password{font-size:13px}}.change-password-page{height:100vh;overflow:hidden;position:relative;width:100%}.ChangePassword-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;z-index:2}.aurora-container{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1}.ChangePassword-container:before{background-color:#0003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.changepassword-wrapper{box-sizing:border-box;margin:25px 0;width:100%}.alert-message,.changepassword-wrapper{align-items:center;display:flex;position:relative}.alert-message{animation:alertFadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f8d7dae6;border:1px solid #f5c2c7;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#842029;font-size:14px;justify-content:center;margin:15px 0;padding:12px 20px}.alert-message:before{content:"⚠️";font-size:16px;margin-right:8px}.password-alert{align-items:center;animation:alertFadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3cde6;border:1px solid #ffecb5;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#664d03;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;justify-content:center;margin:8px 0;padding:10px 20px;position:relative;text-align:center}.password-alert:before{content:"🔒";font-size:14px;margin-right:8px}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes alertShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.alert-message.shake{animation:alertShake .5s ease-in-out}.ChangePassword-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f1e4c3d9;border-radius:20px;box-shadow:0 6px 12px #0000004d;font-family:Arial,sans-serif;padding:45px 50px;position:relative;text-align:center;width:350px;z-index:2}.ChangePassword-logo{cursor:pointer;margin-bottom:15px;width:100px}.ChangePassword-input{margin-top:2%;padding:12px 35px 12px 12px}.ChangePassword-input,.ChangePassword-input-button{border:1px solid #bdbdbd;border-radius:8px;box-sizing:border-box;font-size:16px;width:100%}.ChangePassword-input-button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:12px 0;overflow:hidden;padding:12px;text-overflow:ellipsis}.ChangePassword-input-button:focus{border-color:#597e52;box-shadow:0 0 5px #597e5280;outline:none}.ChangePassword-button{background-color:#436850;border:1px solid #bdbdbd;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin:12px 0;padding:12px;width:100%}.ChangePassword-button:hover{background-color:#3e7f31}.ChangePassword-input-container{align-items:center;box-sizing:border-box;display:flex;margin:12px 0;position:relative;width:100%}.toggle-visibility{background:none;border:none;color:#436850;cursor:pointer;font-size:16px;outline:none;position:absolute;right:10px;top:55%;transform:translateY(-50%)}.toggle-visibility:hover{color:#3e7f31}@media screen and (max-width:768px){.ChangePassword-box{padding:30px 20px;width:80%}.ChangePassword-logo{width:80px}h1{font-size:22px}.ChangePassword-button,.ChangePassword-input{font-size:14px;padding:10px}.alert-message{font-size:12px;padding:8px}}@media screen and (max-width:480px){.ChangePassword-box{padding:20px 15px;width:90%}.ChangePassword-logo{width:60px}h1{font-size:18px}.ChangePassword-button,.ChangePassword-input{font-size:12px;padding:8px}.alert-message{font-size:10px;padding:6px}}.ChangePasswordUpdate-container{align-items:center;background-image:url(/static/media/mangobackground.da11fb274197f84abd76.png);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative}.ChangePasswordUpdate-container:before{background-color:#0006;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ChangePasswordUpdate-box{background-color:#f1e4c3;border-radius:20px;box-shadow:0 6px 12px #0000004d;font-family:Arial,sans-serif;padding:30px 50px;position:relative;text-align:center;width:350px;z-index:2}.ChangePasswordUpdate-logo{margin-bottom:15px;width:60px}h1{color:#4a4a4a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:26px;font-weight:700;margin-bottom:25px}.ChangePasswordUpdate-button{background-color:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:17px;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.ChangePasswordUpdate-button:hover{background-color:#3e7f31}@media screen and (max-width:768px){.ChangePasswordUpdate-box{padding:30px 20px;width:80%}.ChangePasswordUpdate-logo{width:50px}h1{font-size:22px}.ChangePasswordUpdate-button{font-size:14px;padding:10px}}@media screen and (max-width:480px){.ChangePasswordUpdate-box{padding:20px 15px;width:90%}.ChangePasswordUpdate-logo{width:40px}h1{font-size:18px}.ChangePasswordUpdate-button{font-size:12px;padding:8px}}.user-profile-mainhomepage:hover{border-color:#fd5}.profile-dropdown{background-color:#e5e5e5}.user-profile-mainhomepage{border:2px solid #fff;border-radius:50%;cursor:pointer;height:40px;margin-right:10px;transition:border-color .3s ease;width:40px}.navbar-profile .navbar-dropdown-content{display:block}.main-homepage{color:#fff;flex-direction:column;margin:0;min-height:100vh;padding:0}.main-homepage,.navbar-mainhomepage{background-color:#436850;display:flex}.navbar-mainhomepage{align-items:center;box-shadow:0 4px 8px #0000001a;justify-content:space-between;padding:15px 30px;position:fixed;top:0;width:97%;z-index:10}.navbar-link{align-items:center;display:flex;gap:8px;padding:8px 16px}.hero-content h1{color:#fff;font-size:2.5rem}.hero-content p{font-size:1.5em;font-weight:400;line-height:1.5}.hero-section{align-items:center;color:#fff;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:100px 20px;position:relative;text-align:center}.hero-section>div:first-child{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{border-radius:8px;max-width:800px;padding:30px;text-align:center}.hero-content h1{font-size:2.5em;font-weight:700}.hero-content h1,.hero-content p{margin-bottom:20px;text-shadow:1px 1px 5px #0009}.hero-content p{font-size:1em}.footer-mainhomepage{background-color:#436850;padding:15px 20px;text-align:center}.footer-link{background:none;border:2px solid #fff;color:#fff;padding:10px 20px;text-transform:uppercase}.footer-address{color:#fff;font-family:Poppins,sans-serif;font-size:1em;margin-top:-.5%;text-align:center}@media screen and (max-width:768px){.navbar-mainhomepage{align-items:center;flex-direction:column}.navbar-links{flex-direction:column;gap:10px}.manger-logo{max-width:80px}.hero-content h1{font-size:2em}.hero-content p{font-size:1em}.footer-links{flex-direction:column;gap:10px}.footer-address p{font-size:.9em}}@media screen and (max-width:480px){.navbar-mainhomepage{padding:10px 20px}.manger-logo{max-width:60px}.hero-content h1{font-size:1.5em}.hero-content p{font-size:.9em}.footer-address p{font-size:.8em}}.aboutus-hero{height:350px}.aboutus-hero:before{background-color:#00000080}.aboutus-content{max-width:900px;padding:60px 20px}.content-section{background:#436850;box-shadow:0 4px 15px #0000001a}.content-title{color:#4b6a3d}.content-description{color:#555}.aboutus-footer{background-color:#436850;box-shadow:0 -4px 10px #0003;color:#fff;margin-top:80px;padding:15px 20px;position:relative;text-align:center}@media screen and (max-width:768px){.aboutus-navbar,.aboutus-navbar .navbar-actions{align-items:center;flex-direction:column}.aboutus-navbar .navbar-actions{gap:10px}.aboutus-hero{height:250px}.hero-title{font-size:2em}.aboutus-content{padding:40px 10px}.content-title{font-size:1.8em}.content-description{font-size:.9em}.frameworks-logos{flex-direction:column;gap:20px}.framework-item{width:100px}.framework-item .framework-logo{width:40px}.aboutus-footer{padding:10px 15px}.footer-links{flex-direction:column;gap:10px}.footer-address{font-size:.6em}}@media screen and (max-width:480px){.aboutus-navbar{padding:10px 20px}.aboutus-navbar .navbar-logo{max-width:80px}.aboutus-navbar .navbar-actions .navbar-button{padding:8px 20px;text-align:center;width:100%}.aboutus-hero{height:200px}.hero-title{font-size:1.5em}.aboutus-content{padding:30px 5px}.content-title{font-size:1.5em}.content-description{font-size:.8em}.framework-item{width:80px}.framework-item .framework-logo{width:30px}.aboutus-footer{padding:8px 10px}.footer-address{font-size:.5em}}.contactus-navbar .navbar-actions .navbar-button:active{box-shadow:1px 1px 5px #0000001a;transform:scale(1)}.contactus-hero{height:350px}.contactus-hero:before{background-color:#00000080}.hero-title{color:#fff;font-size:3em;position:relative;text-shadow:2px 2px 5px #00000080;z-index:2}.contactus-content{margin:0 auto;max-width:900px;padding:60px 20px;text-align:center}.content-section{background:#fff;border:2px solid #adbc9f;border-radius:12px;margin-bottom:40px;padding:30px}.content-section.animate{opacity:1;transform:translateY(0)}.content-title{color:#12372a;font-size:2.2em;font-weight:700;margin-bottom:30px}.content-description{color:#436850;font-size:.8em;line-height:1.7;margin:0 auto;max-width:800px}.footer-link:active{box-shadow:1px 1px 5px #0000001a;transform:scale(1)}.dashboard-page{background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0;min-height:100vh;padding:0}.table-header-row{background:linear-gradient(135deg,#436850,#2c4a3a);border-radius:12px 12px 0 0;color:#fff;overflow:hidden}.table-header-cell{font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;position:relative;text-align:left;text-transform:uppercase}.table-header-cell:first-child{border-top-left-radius:12px}.table-header-cell:last-child{border-top-right-radius:12px}.sort-icon{font-size:.7rem;margin-left:auto;opacity:.5;transition:all .2s ease}.sort-icon.active{color:#fd5;opacity:1}.table-header-cell:hover{background:#ffffff0d}.table-header-cell:hover .sort-icon:not(.active){opacity:.8}.manger-logo{cursor:pointer}.navbar-dashboard{align-items:center;background-color:#436850;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:100}.dashboard-content{background-color:#f8fafc;flex:1 1;padding:2rem 3rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.operation-type{align-items:center;display:flex;gap:12px}.operation-icon{align-items:center;background:#f0f7ee;border-radius:10px;color:#436850;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dashboard-table tbody tr:hover .operation-icon{background:#e8f5e9;transform:scale(1.1)}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#436850,#2c4a3a);border-radius:50%;box-shadow:0 4px 10px #43685033;color:#fff;font-size:.9rem;font-weight:600;height:36px;justify-content:center;width:36px}.timestamp{display:flex;flex-direction:column;gap:4px}.date{color:#2c4a3a;font-weight:600}.time{color:#718096;font-size:.85rem}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.status-badge.completed{background:#f0f7ee;color:#436850}.empty-state td{padding:4rem 1rem;text-align:center}.empty-content{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:20px}.empty-content p{font-size:1.2rem;margin:0}.cta-btn{background:linear-gradient(135deg,#436850,#2c4a3a);border:none;border-radius:30px;box-shadow:0 4px 15px #4368504d;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.cta-btn:hover{box-shadow:0 6px 20px #43685066;transform:translateY(-3px)}.table-footer{border-top:1px solid #e2e8f0;color:#718096;font-size:.9rem;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.pagination,.table-footer{align-items:center;display:flex}.pagination{gap:.5rem}.page-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.page-btn:hover{background:#f8fafc}.page-btn.disabled{cursor:not-allowed;opacity:.5}.page-number{color:#436850;font-weight:600}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-stats{justify-content:space-between;width:100%}.table-header-actions{flex-direction:column;gap:1rem}.search-box{width:100%}}.dashboard-subtitle{color:#666;font-size:1.2rem;margin-bottom:30px}.dashboard-table-container{background:#fff;border:1px solid #4368501a;border-radius:16px;box-shadow:0 10px 30px #0000000d;margin:0 auto;max-height:500px;overflow-y:auto;position:relative;width:100%}.dashboard-table{border-collapse:initial;border-spacing:0;color:#333;font-size:.95rem;width:100%}.dashboard-table thead,.dashboard-table thead th{position:sticky;top:0;z-index:10}.dashboard-table thead th{backface-visibility:hidden;background:linear-gradient(135deg,#436850,#2c4a3a);border:none;box-shadow:0 4px 6px #0000001a;color:#fff;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;transform:translateZ(0);transition:background .3s ease}.dashboard-table thead th:first-child{border-top-left-radius:16px}.dashboard-table thead th:last-child{border-top-right-radius:16px}.dashboard-table thead th:hover{background:linear-gradient(135deg,#2c4a3a,#436850)}.dashboard-table tbody td{background:#fff;border-bottom:1px solid #f0f4f0;padding:20px;text-align:left;transition:all .3s ease}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.dashboard-table tbody tr:last-child td:last-child{border-bottom-right-radius:16px}.dashboard-table tbody tr td:first-child{padding-left:24px;position:relative}.dashboard-table tbody tr td:first-child:before{background:#4caf50;border-radius:50%;content:"";height:8px;left:8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:8px}.dashboard-table tbody tr:hover td:first-child:before{transform:translateY(-50%) scale(1.5)}.dashboard-table tbody tr:hover td{background:#f8faf7;color:#2e7d32;font-weight:500}.dashboard-table tbody tr[data-operation=resize] td:first-child:before{background:#ff9800}.dashboard-table tbody tr[data-operation=removebackground] td:first-child:before{background:#9c27b0}.dashboard-table tbody tr[data-operation=bruise] td:first-child:before{background:#f44336}.dashboard-table tbody tr[data-operation=analysis] td:first-child:before{background:#2196f3}.dashboard-table-container::-webkit-scrollbar{height:8px;width:8px}.dashboard-table-container::-webkit-scrollbar-track{background:#f1f8e9;border-radius:4px}.dashboard-table-container::-webkit-scrollbar-thumb{background:linear-gradient(#81c784,#4caf50);border-radius:4px}.dashboard-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#66bb6a,#2e7d32)}.dashboard-table tbody tr td[colspan]{color:#888;font-size:1.1rem;padding:60px 20px;text-align:center}.dashboard-table th:first-child{width:30%}.dashboard-table th:nth-child(2),.dashboard-table th:nth-child(3){width:25%}.dashboard-table th:nth-child(4){width:20%}@media (max-width:768px){.dashboard-table-container{border-radius:12px;margin:0;width:100%}.dashboard-table thead th{font-size:.8rem;padding:15px 12px}.dashboard-table tbody td{font-size:.85rem;padding:15px 12px}.operation-icon{font-size:1rem;height:32px;width:32px}.user-avatar{font-size:.8rem;height:30px;width:30px}}@media (max-width:480px){.dashboard-table-container{border-radius:8px}.dashboard-table thead th{font-size:.75rem;padding:12px 10px}.dashboard-table tbody td{font-size:.8rem;padding:12px 10px}.operation-icon{font-size:.9rem;height:28px;width:28px}.user-avatar{height:26px;width:26px}.timestamp,.user-avatar{font-size:.75rem}}.view-btn{background:linear-gradient(135deg,#4caf50,#087f23);border:none;border-radius:8px;box-shadow:0 6px 12px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:background-color .3s ease-in-out,transform .3s ease-in-out,box-shadow .3s ease-in-out}.view-btn:hover{background:linear-gradient(135deg,#43a047,#006400);box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.view-btn:active{transform:scale(1.02)}.export-btn{background:linear-gradient(135deg,#ff9800,#ff5722);border:none;border-radius:8px;box-shadow:0 6px 12px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:background-color .3s ease-in-out,transform .3s ease-in-out,box-shadow .3s ease-in-out}.export-btn:hover{background:linear-gradient(135deg,#fb8c00,#e64a19);box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.export-btn:active{transform:scale(1.02)}.navbar-profile{z-index:101}.profile-dropdown{top:50px;z-index:9999}.filter-popup{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0003;left:50%;padding:40px 60px 40px 40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1000}.filter-popup h3{color:#333;font-size:1.2rem;margin-bottom:20px}.filter-popup input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:20px;padding:10px;width:100%}.filter-popup button{background:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s ease}.filter-popup button:hover{background:#2c4a3a}body{overflow:hidden}.profile-page{background-color:#fff;color:#333;display:flex;flex-direction:column;min-height:100vh}.manger-logo{margin-right:4%;max-width:100px;vertical-align:middle;width:100%}.profile-links{margin-right:20%}.navbar-link{background:none;border:2px solid #fff;color:#fff;padding:12px 24px}.navbar-link:hover{background-color:#fd5;box-shadow:2px 2px 15px #0003;color:#4b6a3d}.navbar-link:active{box-shadow:1px 1px 5px #0000001a;transform:scale(1)}.user-profile-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:0;padding:30px}.profile-title{color:#12372a;font-size:1.7em;font-weight:600;margin-bottom:25px}.profile-container{align-items:center;background:linear-gradient(145deg,#f0f0f0,#fff);border-radius:16px;box-shadow:12px 12px 30px #d9d9d9,-12px -12px 30px #fff;display:flex;flex-direction:column;margin-top:0;max-width:400px;padding:25px;width:90%}.profile-userimage{border:4px solid #436850;border-radius:50%;box-shadow:0 4px 12px #0003;height:150px;width:150px}.profile-info{font-size:1em;line-height:1.6;width:100%}.profile-info p{border-radius:8px;margin:12px 0;padding:8px}.profile-info p:hover{animation:none;background-color:#43685033;transform:translateX(5px)}.profile-info strong{color:#436850;font-weight:600;margin-right:10px}.profile-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px;width:100%}.change-userprofilepage-button,.editer-button{border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:.65em;font-weight:800;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease-in-out}.editer-button{background-color:#436850;box-shadow:0 4px 15px #4368504d}.editer-button:hover{background-color:#355343;box-shadow:0 6px 20px #43685066;transform:translateY(-2px)}.change-userprofilepage-button{background-color:#fd5;box-shadow:0 4px 15px #ffdd554d;color:#436850}.change-userprofilepage-button:hover{background-color:gold;box-shadow:0 6px 20px #fd56;transform:translateY(-2px)}@media screen and (max-width:768px){.profile{align-items:center;flex-direction:column}.profile-links{flex-direction:column;gap:10px;margin-right:0}.manger-logo{width:80px}.profile-title{font-size:1.5em}.profile-container{align-items:center;flex-direction:column;padding:20px}.profile-userimage{height:120px;width:120px}.profile-info{text-align:center}.profile-buttons{flex-direction:column;gap:10px}.footer-userprofilepage{padding:10px 15px}.footer-address{font-size:.8em}}@media screen and (max-width:480px){.profile{padding:10px 20px}.manger-logo{width:60px}.profile-title{font-size:1.2em}.profile-container{padding:15px}.profile-userimage{height:100px;width:100px}.profile-info{font-size:.9em}.profile-buttons{font-size:.9em;padding:10px}.footer-userprofilepage{padding:8px 10px}.footer-address{font-size:.7em}}body{background-color:#f4f4f9;font-family:Poppins,sans-serif;letter-spacing:.5px;margin:0;overflow:auto;padding:0}.input-wrapper{align-items:center;display:flex;position:relative;width:100%}.input-icon{color:#436850;font-size:1.2rem;left:10px;position:absolute}.edit-container{align-items:center;background:linear-gradient(145deg,#f9f9f9,#fff);border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px;margin:.5% auto 0;max-width:600px;padding:30px;width:100%}.edit-image{border:4px solid #4b6a3d;border-radius:50%;box-shadow:0 4px 12px #00000026;height:130px;transition:transform .3s ease,box-shadow .3s ease;width:130px}.edit-image:hover{box-shadow:0 6px 15px #0003;transform:scale(1.1)}.edit-brand{color:#fff;font-size:1.7em;font-weight:600}.edit-brand,.edit-page{font-family:Poppins,sans-serif}.edit-page{background-color:#f1e4c3;color:#333;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0}.edit{align-items:center;background-color:#436850;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;padding:14px 30px;position:sticky;top:0;z-index:10}.edit-links{display:flex;gap:30px;margin-right:.4%}.edit-link{background:none;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-weight:600;letter-spacing:1px;padding:12px 24px;transition:all .3s ease-in-out}.edit-link:hover{background-color:#fd5;box-shadow:2px 2px 15px #0003;color:#4b6a3d;transform:scale(1.05)}.edit-link:active{box-shadow:1px 1px 5px #0000001a;transform:scale(1)}.edit-profile-content{align-items:center;background-color:#fff;display:flex;flex:1 1;flex-direction:column;margin-top:0;padding:20px}.edit-title{color:#12372a;font-size:2em;font-weight:700;margin-bottom:30px;position:relative;text-align:center}.edit-title:after{background-color:#436850;border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:60px}.edit-info{background-color:initial;padding:20px;width:100%}.edit-info-row{display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.edit-label{color:#4a4a4a;flex:1 1;font-size:.9rem;font-weight:500;margin-bottom:6px}.edit-input{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:none;font-size:1rem;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.edit-input:focus{background-color:#fff;border-color:#436850;box-shadow:0 0 0 3px #4368501a;outline:none}.edit-buttons{display:flex;gap:16px;justify-content:flex-end;margin-top:30px}.change-password-button,.edit-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.edit-button{background-color:#12372a}.change-password-button{background-color:#436850}.change-password-button:hover,.edit-button:hover{background-color:#fd5;box-shadow:4px 4px 12px #0003;color:#4b6a3d;transform:scale(1.05)}.change-password-button:active,.edit-button:active{box-shadow:1px 1px 5px #0000001a;transform:scale(1)}.error-message{background-color:#e539350d;border-radius:6px;color:#e53935;font-size:.7rem;margin:16px 0;padding:10px;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:30px;text-align:center;width:90%}.modal-title{color:#12372a;font-size:1.3rem;font-weight:600;margin-bottom:20px}.modal-buttons{display:flex;gap:15px;justify-content:center;margin-top:25px}.modal-button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-button-cancel{background-color:#f1f1f1;color:#333}.modal-button-confirm{background-color:#436850;color:#fff}.modal-button-cancel:hover{background-color:#e0e0e0}.modal-button-confirm:hover{background-color:#0d2b21}@media screen and (max-width:768px){.edit{align-items:center}.edit,.edit-links{flex-direction:column}.edit-links{gap:10px}.edit-title{font-size:1.2em}.edit-container{padding:20px 10px;width:90%}.edit-buttons,.edit-info-row{flex-direction:column;gap:10px}.change-password-button,.edit-button{padding:10px;width:100%}.footer-edituserprofile{padding:10px 15px}.footer-address-edituserprofile{font-size:.8em}}@media screen and (max-width:480px){.edit{padding:10px 20px}.edit-title{font-size:1em}.edit-container{padding:15px 5px}.edit-info input{font-size:.9em;padding:6px}.change-password-button,.edit-button{font-size:.9em;padding:8px}.footer-edituserprofile{padding:8px 10px}.footer-address-edituserprofile{font-size:.7em}}.profile-brand span{margin-left:10px}.profilepassword-wrapper{position:relative;width:100%}.change-password-input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;font-size:1em;margin-top:5px;padding:12px 40px 12px 16px;transition:all .3s ease-in-out;width:100%}.change-password-input:focus{border-color:#436850;box-shadow:0 0 8px #43685033;outline:none}.change-profilepassword-page{background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;margin:0;padding:0}.alert-message{background-color:#ffe6e6;border:1px solid #fcc;border-radius:8px;color:#b80000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;line-height:1.4;margin:0 auto 15px;max-width:450px;padding:5px .5px;text-align:center;width:100%}.profile-brand{color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.8em;font-weight:600}.profile{align-items:center;background-color:#4b6a3d;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;padding:15px 30px}.profile-links{display:flex;gap:50px;margin-left:4%}.navbar-link{background:linear-gradient(135deg,#adbc9f,#fbfada);border:none;border-radius:8px;box-shadow:2px 2px 10px #0003;color:#4b6a3d;cursor:pointer;font-family:Roboto,sans-serif;font-weight:600;letter-spacing:1px;padding:16px 24px;transition:all .3s ease-in-out}.navbar-link:hover{background:linear-gradient(135deg,#ffe066,#ffc300)}.navbar-link:active,.navbar-link:hover{box-shadow:2px 2px 15px #0000004d;transform:scale(1.05)}.navbar-link:active{background-color:#fd5;color:#4b6a3d}.navbar-link.active{background:linear-gradient(135deg,#ffe066,#ffc300)}.change-password-content{align-items:center;display:flex;flex:1 1;flex-direction:column;flex-grow:1;margin-top:1.5%;padding:30px}.change-password-title{color:#12372a;font-size:1.5em;font-weight:600;margin-bottom:15px;margin-top:0}.change-password-container{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;gap:15px;max-width:400px;padding:30px;width:80%}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.save-profilepassword-button{background-color:#436850;border:none;border-radius:8px;box-shadow:0 4px 12px #4368504d;color:#fff;cursor:pointer;font-size:1em;font-weight:600;letter-spacing:1px;margin-top:4%;padding:14px 24px;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.save-profilepassword-button:hover{background-color:#12372a;box-shadow:0 6px 16px #43685066;transform:translateY(-2px)}.save-profilepassword-button:active{box-shadow:0 4px 12px #4368504d;transform:translateY(0)}.ban-button{background-color:#b80000;border:none;border-radius:8px;box-shadow:0 4px 12px #b800004d;color:#fff;cursor:pointer;font-size:1em;font-weight:600;letter-spacing:1px;margin-top:10px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.ban-button:hover{background-color:#ec0000;box-shadow:0 6px 16px #b8000066;transform:translateY(-2px)}.ban-button:active{box-shadow:0 4px 12px #b800004d;transform:translateY(0)}.toggle-password{background:none;border:none;color:#436850;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}@media screen and (max-width:768px){.change-password-container{padding:30px 20px}.change-password-title{font-size:1.5em}.change-password-input{font-size:.9em;padding:10px}.ban-button,.save-profilepassword-button{font-size:.9em;padding:10px 15px}.alert-message{font-size:10px;padding:8px}}@media screen and (max-width:480px){.change-password-container{padding:20px 15px}.change-password-title{font-size:1.2em}.change-password-input{font-size:.8em;padding:8px}.ban-button,.save-profilepassword-button{font-size:.8em;padding:8px 10px}.alert-message{font-size:8px;padding:6px}}.password-update-page{background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0}.password-update-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:1.5%;padding:30px}.password-update-title{color:#4b6a3d;font-size:2em;font-weight:600;margin-bottom:25px}.password-update-container{background:#e5e5e5;border:2px solid #adbc9f;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px;margin-top:5.5%;padding:25px}.password-update-form{display:flex;flex-direction:column;gap:15px}.password-update-form input{border:1px solid #ddd;border-radius:8px;font-size:1em;margin-top:5px;padding:10px;width:250px}.save-password-button{background-color:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:550;padding:12px 20px;transition:all .3s ease-in-out}.save-password-button:hover{background-color:#fd5;box-shadow:4px 4px 15px #0003;color:#4b6a3d;transform:scale(1.05)}@media screen and (max-width:768px){.profile{align-items:center;flex-direction:column}.navbar-links{flex-direction:column;gap:10px}.manger-logo{width:80px}.password-update-title{font-size:1.5em}.password-update-container{padding:20px;width:90%}.save-password-button{padding:10px;width:100%}.footer-newpasswordupdate{padding:10px 15px}.footer-address-newpasswordupdate{font-size:.8em}}@media screen and (max-width:480px){.profile{padding:10px 20px}.manger-logo{width:60px}.password-update-title{font-size:1.2em}.password-update-container{padding:15px}.save-password-button{font-size:.9em;padding:8px}.footer-newpasswordupdate{padding:8px 10px}.footer-address-newpasswordupdate{font-size:.7em}}.bruiseareacalculation-content{margin-top:1.5%}.profile-dropdown{background-color:#cbcbcb;border:1px solid #f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;position:absolute;right:0;top:55px;width:200px;z-index:1000}.dropdown-link{background:none;border:none;color:#333;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:14px;padding:12px 20px;text-align:left;transition:background-color .3s ease,color .3s ease;width:100%}.dropdown-link:hover{background-color:#fd5;color:#000}.navbar-profile{align-items:center;display:flex;position:relative}.user-profile{border:2px solid #fff;border-radius:50%;cursor:pointer;height:40px;margin-left:15px;transition:border-color .3s ease;width:40px}.user-profile:hover{border-color:#fd5}.backto-bt,.upload-bruiseareacalculation-bt{border:none;border-radius:15px;box-shadow:0 4px 8px #0003;cursor:pointer;font-size:1rem;font-weight:700;padding:18px 50px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}@media screen and (max-width:768px){.file-upload-container{align-items:center;flex-direction:column}.file-dropzone,.selected-files-box{width:100%}.action-buttons{flex-direction:column;gap:20px}.backto-bt,.upload-bruiseareacalculation-bt{padding:15px 0;width:100%}}@media screen and (max-width:480px){.bruiseareacalculation-title{font-size:1.5rem}.bruise-description{font-size:.9rem}.file-dropzone{padding:15px}.browse-bruiseareacalculation-btn{padding:8px 20px}.selected-files-box h3{font-size:1rem}.selected-files-box li{font-size:.9rem}.backto-bt,.upload-bruiseareacalculation-bt{padding:12px 0}}.success-notification{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-content{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.notification-content h3{color:#12372a;margin-bottom:15px}.notification-content p{color:#555;margin-bottom:25px}.show-area-calculation-page{background-color:#f8fafc;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0;min-height:100vh;padding:0}.no-info-box{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;color:#64748b;display:flex;flex-direction:column;font-size:1.1rem;font-weight:500;gap:1rem;justify-content:center;margin:2rem auto;max-width:600px;padding:3rem 2rem;transition:all .3s ease;width:95%}.no-info-box:hover{box-shadow:0 8px 12px #00000014;transform:translateY(-2px)}.no-info-box svg{color:#436850;font-size:2.5rem;margin-bottom:.5rem;opacity:.8}.no-info-box p{line-height:1.5;margin:0}.no-info-box .suggestion{color:#94a3b8;font-size:.9rem;margin-top:.5rem}.navbar-showareacalculation{background-color:#436850;box-shadow:0 4px 10px #0003;color:#fff;display:flex;justify-content:space-between;left:0;padding:15px 24px;position:fixed;right:0;top:0;z-index:1000}.navbar-links{display:flex;gap:13px;margin-right:0}.area-action-buttons{display:flex;gap:100px;justify-content:center;margin-top:5%}.upload-btn{background:#436850;border:none;border-radius:15px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:18px 30px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.upload-btn:hover{background:#3a5330;transform:scale(1.05)}.upload-btn:active{transform:scale(1.02)}.backer-btn{background:#12372a;border:none;border-radius:15px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:18px 50px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.backer-btn:hover{background:#6c757d;transform:scale(1.05)}.backer-btn:active{transform:scale(1.02)}.show-area-calculation-content{flex:1 1;margin-top:80px;overflow-y:auto;padding:20px;text-align:center}.show-area-calculation-title{color:#12372a;font-size:1.3rem;margin-bottom:10px;margin-top:1.5%}.show-area-calculation-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:2rem auto;max-height:calc(50vh - 75px);overflow-y:auto;position:relative;width:95%;z-index:1}.show-area-calculation-table{border-collapse:initial;border-spacing:0;font-size:.9rem;width:100%}.show-area-calculation-table thead{position:sticky;top:0;z-index:2}.show-area-calculation-table thead th{background:linear-gradient(135deg,#436850,#2c4a3a);border-bottom:2px solid #ffffff1a;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.show-area-calculation-table thead th:first-child{border-top-left-radius:12px}.show-area-calculation-table thead th:last-child{border-top-right-radius:12px}.show-area-calculation-table tbody td{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.9rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease}.show-area-calculation-table tbody tr:nth-child(2n){background-color:#f8fafc}.show-area-calculation-table tbody tr:hover td{background-color:#f0f7ee;color:#2c4a3a}.photo-name-cell{color:#2c4a3a;font-weight:600}.date-cell{color:#718096}.area-cell,.percentage-cell{color:#436850;font-weight:600}.btn-showarea-view{align-items:center;background:linear-gradient(135deg,#436850,#2c4a3a);border:none;border-radius:8px;box-shadow:0 2px 4px #43685033;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-showarea-view:hover{box-shadow:0 4px 8px #4368504d;transform:translateY(-2px)}.btn-showarea-view:active{transform:translateY(0)}.btn-showarea-delete{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;box-shadow:0 2px 4px #dc262633;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-showarea-delete:hover{box-shadow:0 4px 8px #dc26264d;transform:translateY(-2px)}.btn-showarea-delete:active{transform:translateY(0)}.show-area-calculation-table-container::-webkit-scrollbar{width:8px}.show-area-calculation-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.show-area-calculation-table-container::-webkit-scrollbar-thumb{background:#436850;border-radius:4px}.show-area-calculation-table-container::-webkit-scrollbar-thumb:hover{background:#2c4a3a}@media screen and (max-width:768px){.navbar-showareacalculation{padding:10px 15px;position:fixed}.show-area-calculation-content{margin-top:120px}.show-area-calculation-table-container{max-height:calc(60vh - 120px)}.navbar-links{flex-direction:column;gap:10px}.mango-logo{width:80px}.show-area-calculation-title{font-size:1.5rem}.show-area-calculation-table tbody td,.show-area-calculation-table thead th{font-size:.8rem;padding:.75rem 1rem}.btn-showarea-delete,.btn-showarea-view{font-size:.75rem;padding:.4rem .8rem}.area-action-buttons{flex-direction:column;gap:20px}.btn{padding:15px;width:100%}.footer-showareacalculation{padding:10px 15px}.footer-showareacalculation-address{font-size:.8em}.no-info-box{font-size:1rem;margin:1.5rem auto;padding:2rem 1.5rem}.no-info-box svg{font-size:2rem}}@media screen and (max-width:480px){.navbar-showareacalculation{padding:8px 10px;position:fixed}.show-area-calculation-content{margin-top:140px}.show-area-calculation-table-container{max-height:calc(60vh - 140px)}.mango-logo{width:60px}.show-area-calculation-title{font-size:1.2rem}.show-area-calculation-table tbody td,.show-area-calculation-table thead th{font-size:.75rem;padding:.5rem .75rem}.btn-showarea-delete,.btn-showarea-view{font-size:.7rem;padding:.3rem .6rem}.footer-showareacalculation{padding:8px 10px}.footer-showareacalculation-address{font-size:.7em}.no-info-box{font-size:.9rem;margin:1rem auto;padding:1.5rem 1rem}.no-info-box svg{font-size:1.75rem}}.export-success-notification{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-success-notification .notification-content{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.export-success-notification h3{color:#12372a;margin-bottom:15px}.export-success-notification p{color:#555;margin-bottom:25px}.notification-done-btn{background:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 25px;transition:background .2s}.notification-done-btn:hover{background:#3a5330}.bruise-page{background-color:#fff;min-height:100vh}.feature-category-header{margin-bottom:10px;padding-bottom:10px}.feature-option input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;flex-shrink:0;height:20px;margin-right:12px;position:relative;transition:all .2s ease;width:20px}.feature-option input[type=checkbox]:checked{background-color:#436850;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-color:#436850}.feature-category-title{color:#436850;font-size:1.2rem;gap:8px}.select-all-btn{align-items:center;background:#f8f9fa;background:var(--bg-light);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:30px;box-shadow:0 2px 5px #0000000d;color:#495057;color:var(--text-medium);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 18px;transition:all .3s ease}.select-all-btn:hover{background:#e2e6ea;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.select-all-btn.selected{background:#436850;background:var(--primary-color);border-color:#436850;border-color:var(--primary-color);color:#fff}.select-all-btn.selected:hover{background:#3a5330;background:var(--primary-dark)}.feature-list-container{max-height:300px;overflow-y:auto;padding:0 15px 15px}.feature-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding-right:8px}.feature-option{align-items:flex-start;background:#fff;background:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-color);padding:10px 12px;position:relative;transition:all .2s ease}.feature-color-indicator{border-radius:2px;bottom:0;height:100%;left:0;position:absolute;top:0;width:4px}.feature-option:hover{background-color:#43685008;border-color:#adbc9f;border-color:var(--primary-light);box-shadow:0 3px 8px #0000000d;transform:translateY(-2px)}.feature-info{flex:1 1;margin-left:4px;text-align:left}.feature-info label{color:#2c3e50;color:var(--text-dark);cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin-bottom:4px;text-align:left}.feature-description{color:#6c757d;color:var(--text-light);font-size:.8rem;line-height:1.4;margin:0;text-align:left}.feature-option input[type=checkbox]:checked+.feature-info label{color:#2c3e50;color:var(--text-dark);font-weight:600}.feature-option input[type=checkbox]:checked+.feature-info .feature-description{color:#495057;color:var(--text-medium)}.feature-list-container::-webkit-scrollbar{width:8px}.feature-list-container::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-light);border-radius:4px}.feature-list-container::-webkit-scrollbar-thumb{background:#adbc9f;background:var(--primary-light);border-radius:4px}.feature-list-container::-webkit-scrollbar-thumb:hover{background:#436850;background:var(--primary-color)}.select-all-btn:before{content:"✓";display:none;opacity:0;transition:opacity .2s ease}.select-all-btn.selected:before{display:block;opacity:1}.bruise-content{background-color:#fff;flex:1 1;padding:20px;text-align:center}.FeatureAnalysis-navbar{background-color:#436850;box-shadow:0 4px 10px #0003;color:#fff;display:flex;justify-content:space-between;padding:15px 24px;position:sticky;top:0;z-index:1000}.bruise-title{color:#12372a;font-size:1.3rem;margin-bottom:10px;margin-top:.5%}.file-dropzone,.selected-files-box{background-color:#e5e5e5}.selected-files-box h3{margin-top:0}.backkk-bt,.upload-bt{border:none;border-radius:15px;box-shadow:0 4px 8px #0003;cursor:pointer;font-size:1rem;font-weight:700;padding:18px 50px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.upload-bt{background:#436850;color:#fff}.upload-bt:hover{background:#3a5330;transform:scale(1.05)}.upload-bt:active{transform:scale(1.02)}.backkk-bt{background:#12372a;color:#fff}.backkk-bt:hover{background:#212529;transform:scale(1.05)}.backkk-bt:active{transform:scale(1.02)}:root{--primary-color:#436850;--primary-dark:#3a5330;--primary-light:#adbc9f;--secondary-color:#12372a;--accent-color:#fd5;--text-dark:#2c3e50;--text-medium:#495057;--text-light:#6c757d;--bg-light:#f8f9fa;--bg-white:#fff;--border-color:#e9ecef;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#e74c3c;--info-color:#3498db;--category-color:#e74c3c;--category-texture:#3498db;--category-shape:#2ecc71;--category-advanced:#9b59b6}.feature-selection-container{background:#fff;background:var(--bg-white);background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #4368501a;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:20px auto;max-width:1400px;padding:25px}.feature-selection-header{margin-bottom:15px;text-align:center}.feature-controls{align-items:center;background:#43685008;border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px}.search-container{flex-grow:1;max-width:400px;min-width:250px;position:relative}.feature-search{background-color:#fff;background-color:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:25px;box-shadow:0 2px 4px #00000008;font-size:.9rem;padding:10px 20px 10px 40px;transition:all .3s ease;width:100%}.feature-search:focus{border-color:#436850;border-color:var(--primary-color);box-shadow:0 0 0 3px #4368501a;outline:none}.search-icon{color:#6c757d;color:var(--text-light);font-size:1rem;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.bulk-actions{display:flex;flex-wrap:wrap;gap:10px}.bulk-action-btn{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 2px 4px #00000008;color:#495057;color:var(--text-medium);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.bulk-action-btn:hover{background:#436850;background:var(--primary-color);border-color:#436850;border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.feature-tabs{display:flex;gap:8px;margin-bottom:25px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.feature-tabs::-webkit-scrollbar{height:6px}.feature-tabs::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-light);border-radius:3px}.feature-tabs::-webkit-scrollbar-thumb{background:#adbc9f;background:var(--primary-light);border-radius:3px}.feature-tab{align-items:center;background:#f8f9fa;background:var(--bg-light);border:none;border-radius:30px;box-shadow:0 2px 5px #0000000d;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px 10px 35px;position:relative;transition:all .3s ease;white-space:nowrap}.feature-tab:before{background-color:currentColor;border-radius:50%;content:"";height:12px;left:12px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);width:12px}.feature-tab:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.feature-tab.active{box-shadow:0 4px 12px #43685033;color:#fff!important;font-weight:700;text-shadow:0 1px 2px #0003}.feature-tab:first-child{border:1px solid #e74c3c;border:1px solid var(--category-color);color:#e74c3c;color:var(--category-color)}.feature-tab:nth-child(2){border:1px solid #3498db;border:1px solid var(--category-texture);color:#3498db;color:var(--category-texture)}.feature-tab:nth-child(3){border:1px solid #2ecc71;border:1px solid var(--category-shape);color:#2ecc71;color:var(--category-shape)}.feature-tab:nth-child(4){border:1px solid #9b59b6;border:1px solid var(--category-advanced);color:#9b59b6;color:var(--category-advanced)}.feature-tab:first-child.active{background:#e74c3c;background:var(--category-color);border-color:#e74c3c;border-color:var(--category-color)}.feature-tab:nth-child(2).active{background:#3498db;background:var(--category-texture);border-color:#3498db;border-color:var(--category-texture)}.feature-tab:nth-child(3).active{background:#2ecc71;background:var(--category-shape);border-color:#2ecc71;border-color:var(--category-shape)}.feature-tab:nth-child(4).active{background:#9b59b6;background:var(--category-advanced);border-color:#9b59b6;border-color:var(--category-advanced)}.feature-tab.active:before{background-color:#fff;box-shadow:0 0 4px #ffffff80;opacity:1}.feature-grid-container{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;overflow:hidden}.feature-grid-scroll{max-height:500px;overflow-y:auto;padding:15px}.feature-category-section{background:#fff;background:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 5px 15px #0000000d;margin-bottom:20px;margin-top:0;overflow:hidden}.feature-category-header{align-items:center;background:#fff;background:var(--bg-white);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px 25px;position:sticky;top:0;z-index:2}.feature-category-title{align-items:center;color:#2c3e50;color:var(--text-dark);display:flex;font-size:1.3rem;font-weight:600;gap:10px}.category-dot{font-size:1.5rem;line-height:0}.color .category-dot{color:#e74c3c;color:var(--category-color)}.texture .category-dot{color:#3498db;color:var(--category-texture)}.shape .category-dot{color:#2ecc71;color:var(--category-shape)}.advanced .category-dot{color:#9b59b6;color:var(--category-advanced)}.feature-selection-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.feature-category{background:#fff;border-left:4px solid #436850;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:15px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.feature-category h3{border-bottom:1px solid #e9ecef;color:#436850;font-size:1rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.feature-option{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:15px;padding:8px 10px}.feature-option:hover{background-color:#f8f9fa}.feature-option label{color:#4a5568;cursor:pointer;flex-grow:1;font-size:.95rem;font-weight:500;line-height:1.4}input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #adb5bd;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .2s;width:18px}input[type=checkbox]:checked{background-color:#436850;border-color:#436850}input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.new-badge{background:#ff6b6b;border-radius:10px;color:#fff;font-size:.7rem;margin-left:8px;padding:2px 6px}.selection-summary{background:#fff;background:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;font-size:.9rem;gap:8px;margin-top:15px;padding:15px}.summary-count{align-items:center;color:#436850;color:var(--primary-color);display:flex;font-size:.95rem;font-weight:600;gap:6px}.summary-preview{background:#43685008;border-left:3px solid #436850;border-left:3px solid var(--primary-color);border-radius:6px;color:#495057;color:var(--text-medium);font-size:.85rem;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}@media (max-width:992px){.feature-selection-container{padding:25px}.feature-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.feature-selection-container{padding:20px}.feature-controls{align-items:stretch;flex-direction:column}.search-container{max-width:100%}.bulk-actions{justify-content:center}.feature-list{grid-template-columns:1fr}.feature-category-header{align-items:flex-start;flex-direction:column;gap:12px}.select-all-btn{align-self:flex-end}}@media (max-width:480px){.feature-selection-title{font-size:1.5rem}.feature-selection-description{font-size:.9rem}.bulk-actions{flex-direction:column;gap:8px}.bulk-action-btn{justify-content:center;width:100%}}.feature-confirm-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feature-confirm-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.feature-confirm-modal h3{color:#12372a;margin-bottom:15px}.feature-confirm-modal p{color:#555;margin-bottom:25px}.photo-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:20px auto;max-width:650px;padding:30px;position:relative}.show-area-calculation-view{color:#12372a;font-size:1.3rem;margin-bottom:1px;margin-top:0}.view-photo-result-page{background-color:#f8f9fa;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0;min-height:100vh;padding:0}.navbar{align-items:center;background-color:#4b6a3d;box-shadow:0 4px 8px #0000001a}.photo{border-radius:12px;box-shadow:0 8px 16px #0003;max-height:500px;max-width:100%;transition:transform .3s ease,box-shadow .3s ease}.photo:hover{box-shadow:0 12px 24px #0000004d;transform:scale(1.02)}.photo-info{background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#436850;font-family:Roboto,sans-serif;font-size:.9rem;padding:12px 18px;text-align:center}.nav-button{background-color:#436850;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1rem;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease,transform .3s ease;width:40px;z-index:10}.nav-button:hover{background-color:#6b8f4a;transform:scale(1.1) translateY(-50%)}.prev-button{left:-50px}.next-button{right:-50px}.back-to-btn{background:#12372a;border:none;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin:20px auto;padding:12px 24px;transition:background-color .3s ease,transform .3s ease}.back-to-btn:hover{background:#212529;transform:scale(1.05)}.back-to-btn:active{transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){.navbar{align-items:center;flex-direction:column}.navbar-links{flex-direction:column;gap:10px}.mango-logo{width:80px}.photo-container{padding:20px;width:90%}.photo{max-height:300px}.photo-info{font-size:.8rem;padding:10px 15px}.nav-button{font-size:1rem;height:35px;width:35px}.prev-button{left:-45px}.next-button{right:-45px}.back-to-btn{font-size:.9rem;padding:15px 40px}.footer-viewphotoresutls{padding:10px 15px}.footer-address-viewphotoresults{font-size:.8em}}@media screen and (max-width:480px){.navbar{padding:10px 20px}.mango-logo{width:60px}.photo-container{padding:15px}.photo{max-height:200px}.photo-info{font-size:.7rem;padding:8px 12px}.nav-button{font-size:.9rem;height:30px;width:30px}.prev-button{left:-35px}.next-button{right:-35px}.back-to-btn{font-size:.8rem;padding:12px 30px}.footer-viewphotoresutls{padding:8px 10px}.footer-address-viewphotoresults{font-size:.7em}}.bruise-page{background-color:#f1e4c3;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;margin:0;padding:0}.action-feature_analysis_results{display:flex;gap:40px;justify-content:center;margin-top:5%}.export-confirm-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-confirm-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.export-confirm-modal h3{color:#12372a;margin-bottom:15px}.export-confirm-modal p{color:#555;margin-bottom:25px}.no-info-box{background-color:#f8d7da;border:2px solid #f5c6cb;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#721c24;font-size:1rem;font-weight:700;margin-top:0;padding:20px;text-align:center}.navbar{background-color:#436850;box-shadow:0 4px 10px #0003;color:#fff;display:flex;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:10}.feature-selection{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-wrap:wrap;gap:15px;margin:2rem auto;max-width:1200px;padding:20px;width:95%}.feature-selection span{color:#436850;font-size:.9rem;font-weight:600}.feature-selection label{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 16px;transition:all .2s ease}.feature-selection label:hover{background-color:#f0f7ee;border-color:#436850;transform:translateY(-1px)}.feature-selection input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #436850;border-radius:4px;cursor:pointer;height:20px;margin-right:10px;position:relative;transition:background-color .3s ease,border-color .3s ease;width:20px}.feature-selection input[type=checkbox]:checked{background-color:#436850;border-color:#436850}.feature-selection input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.feature-selection input[type=checkbox]:disabled{cursor:default;opacity:1}.bruis-title{color:#12372a;font-size:1.3rem;margin-bottom:10px;margin-top:1%}.results-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:2rem auto;max-height:calc(50vh - 75px);overflow-y:auto;position:relative;width:95%;z-index:1}.results-table table{border-collapse:initial;border-spacing:0;font-size:.9rem;width:100%}.results-table thead{position:sticky;top:0;z-index:2}.results-table th{background:linear-gradient(135deg,#436850,#2c4a3a);border-bottom:2px solid #ffffff1a;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;position:sticky;text-align:center;text-transform:uppercase;top:0;vertical-align:middle;z-index:10}.header-content{align-items:center;display:flex;gap:10px;min-width:0}.header-icon{flex-shrink:0;font-size:.9rem;opacity:.8}.header-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-table th:first-child{border-top-left-radius:12px}.results-table th:last-child{border-top-right-radius:12px}.results-table th:hover{background:linear-gradient(135deg,#2c4a3a,#436850)}.results-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.9rem;padding:1rem 1.5rem;text-align:center;transition:all .2s ease;vertical-align:middle}.results-table td:first-child{text-align:left}.feature-name-cell{color:#2c4a3a;font-weight:600;text-align:left}.sub-feature-cell{color:#718096;text-align:left}.value-cell{color:#436850;font-weight:600;text-align:center}.results-table tr:nth-child(2n){background-color:#f8fafc}.results-table tr:hover td{background-color:#f0f7ee;color:#2c4a3a}.results-table::-webkit-scrollbar{width:8px}.results-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.results-table::-webkit-scrollbar-thumb{background:#436850;border-radius:4px}.results-table::-webkit-scrollbar-thumb:hover{background:#2c4a3a}.scroll-to-top{align-items:center;background-color:#adbc9f;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;color:#000;cursor:pointer;display:flex;height:45px;justify-content:center;opacity:0;position:fixed;right:20px;transition:background-color .3s ease-in-out,transform .3s ease-in-out;visibility:hidden;width:45px}.scroll-to-top:hover{background-color:#3a5330;transform:scale(1.1)}.scroll-to-top.show{opacity:1;visibility:visible}.export-bt{background:#436850;border:none;border-radius:15px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:18px 30px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.export-bt:hover{background:#3a5330;transform:scale(1.05)}.export-bt:active{transform:scale(1.02)}@media screen and (max-width:768px){.navbar{align-items:center;flex-direction:column}.navbar-links{flex-direction:column;gap:10px}.mango-logo{width:80px}.bruis-title{font-size:1.5rem}.feature-selection{gap:10px;padding:15px}.feature-selection label{font-size:.8rem;padding:6px 12px}.results-table{border-radius:12px;margin:1rem 0;width:100%}.results-table td,.results-table th{font-size:.8rem;padding:.75rem 1rem}.header-icon{font-size:.8rem}.export-bt{padding:15px;width:100%}.footer-featureanalysisresults{padding:10px 15px}.footer-address-featureanalysisresults{font-size:.8em}}@media screen and (max-width:480px){.navbar{padding:10px 20px}.mango-logo{width:60px}.bruis-title{font-size:1.2rem}.feature-selection{gap:8px;padding:12px}.feature-selection label{font-size:.75rem;padding:5px 10px}.feature-selection input[type=checkbox]{height:16px;width:16px}.export-bt{font-size:.9rem;padding:10px}.footer-featureanalysisresults{padding:8px 10px}.footer-address-featureanalysisresults{font-size:.7em}.results-table{border-radius:8px}.results-table td,.results-table th{font-size:.75rem;padding:.5rem .75rem}.header-icon{font-size:.75rem}}.export-feature-page{background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0}.profile{background-color:#436850}.export-feature-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:1.5%;padding:30px}.export-feature-title{color:#4b6a3d;font-size:2em;font-weight:600;margin-bottom:25px}.export-feature-container{background-color:#e5e5e5;border:2px solid #adbc9f;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px;margin-top:5.5%;padding:25px}.export-feature-form{display:flex;flex-direction:column;gap:15px}.export-password-button{background-color:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:550;padding:12px 20px;transition:all .3s ease-in-out}.export-password-button:hover{background-color:#fd5;box-shadow:4px 4px 15px #0003;color:#4b6a3d;transform:scale(1.05)}.check-img{height:50px;margin-bottom:15px;width:50px}.check-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;text-align:center}@media screen and (max-width:768px){.profile{align-items:center;flex-direction:column}.profile-links{flex-direction:column;gap:10px}.manger-logo{width:80px}.export-feature-title{font-size:1.5em}.export-feature-container{padding:20px;width:90%}.export-password-button{padding:10px;width:100%}.footer-exportfeature{padding:10px 15px}.footer-address{font-size:.8em}}@media screen and (max-width:480px){.profile{padding:10px 20px}.manger-logo{width:60px}.export-feature-title{font-size:1.2em}.export-feature-container{padding:15px}.export-password-button{font-size:.9em;padding:8px}.footer-exportfeature{padding:8px 10px}.footer-address{font-size:.7em}}.resize-confirm-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.resize-confirm-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.resize-confirm-modal h3{color:#12372a;margin-bottom:15px}.resize-confirm-modal p{color:#555;margin-bottom:25px}.crop-image-bt{background-color:#cea500;border:none;border-radius:13px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 35px;transition:all .3s ease}.crop-image-bt:hover{background-color:#e6b800;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.crop-image-bt:active{background-color:#c90;box-shadow:inset 0 4px 6px #0003;transform:translateY(1px)}.remove-background-bt{background-color:#0083ae;border:none;border-radius:13px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.remove-background-bt:hover{background-color:#0086b3;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.remove-background-bt:active{background-color:#007399;box-shadow:inset 0 4px 6px #0003;transform:translateY(1px)}.download-all-zip-bt{background-color:#436850;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;margin-top:7%;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.download-all-zip-bt:hover{background-color:#45a049;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.download-all-zip-bt:active{background-color:#3e8e41;box-shadow:inset 0 4px 6px #0003;transform:translateY(1px)}.resized-images{border:2px solid #adbc9f;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 150px);margin:2% auto;max-width:1100px;min-height:600px;overflow-y:auto;padding:30px 40px;position:relative}.resized-images,.resized-images h3{background-color:#f9f9f9;text-align:center}.resized-images h3{border-bottom:2px solid #adbc9f;color:#444;font-size:20px;margin-bottom:15px;padding:10px 0;position:sticky;top:0;z-index:1}.resized-images-grid{grid-gap:25px;display:grid;flex:1 1;gap:25px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow-y:auto;padding:25px 0}.resized-image-card{background-color:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:15px;position:relative;transition:all .3s ease}.resized-image-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.resized-image-card.selected{border-color:#436850;box-shadow:0 0 0 2px #4368504d;transform:translateY(-5px)}.selection-indicator{z-index:10}.resized-image-card.selected .selection-indicator{background-color:#436850;border-color:#436850;color:#fff}.resized-image-card:not(.selected) .selection-indicator{background-color:#f0f0f0;border:2px solid #ccc;color:#0000}.check-icon{color:#fff;font-size:14px}.resized-image-preview{border-radius:8px;height:auto;margin-bottom:15px;max-height:150px;object-fit:contain;width:100%}.resized-image-details{word-wrap:break-word;color:#555;font-size:15px;margin-bottom:12px;overflow-wrap:break-word;text-align:center}.resize-settings-bruiseareacalculation{background-color:#f7f7f7;border:2px dashed #adbc9f;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-left:auto;margin-right:auto;margin-top:20px;max-width:280px;padding:20px;text-align:center}.resize-settings-bruiseareacalculation h3{color:#444;font-size:18px;margin-bottom:15px}.resize-settings-bruiseareacalculation .input-group{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.resize-settings-bruiseareacalculation .resize-number-input{background-color:#fff;border:1px solid #bbb;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;font-size:14px;padding:8px;width:90px}.resize-settings-bruiseareacalculation .aspect-ratio-label{align-items:center;color:#555;display:flex;font-size:14px;justify-content:center;margin-top:10px}.resize-settings-bruiseareacalculation .aspect-ratio-label input[type=checkbox]{margin-right:8px}.file-dropzone{align-items:center;background-color:#f8f9fa;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 20px;transition:all .3s}.file-dropzone p{color:#555;font-size:16px;margin:10px 0}.file-dropzone .dropzone-icon{color:#436850;font-size:48px;margin-bottom:15px}.file-dropzone .browse-bruiseareacalculation-btn{background:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:15px;padding:10px 25px;transition:background-color .3s}.file-dropzone .browse-bruiseareacalculation-btn:hover{background:#3a5330}.file-dropzone .file-restrictions{color:#888;font-size:14px;margin-top:15px}.browse-bruiseareacalculation-btn{background:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:10px 25px;transition:background-color .3s ease-in-out}.browse-bruiseareacalculation-btn:hover{background:#3a5330}.browse-bruiseareacalculation-btn:focus{background:#2e4725}.upload-bruiseareacalculation-bt{border:none;border-radius:15px;box-shadow:0 4px 8px #0003;cursor:pointer;font-size:1rem;font-weight:700;padding:18px 50px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.upload-bruiseareacalculation-bt:active{background:#2e4725}.backto-bt{background:#12372a;border:none;border-radius:15px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:18px 50px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.backto-bt:hover{background:#212529;transform:scale(1.05)}.backto-bt:active{transform:scale(1.02)}.delete-btn{background:none;border:none;color:#ff4d4d;cursor:pointer;font-size:1.2rem;padding:0;transition:color .3s ease,transform .3s ease}.delete-btn:hover{color:#e60000;transform:scale(1.2)}.delete-btn:focus{color:#c00;outline:none}.resize-page-analyze-btn{align-items:center;background:linear-gradient(135deg,#436850,#3a5330);border:none;border-radius:8px;box-shadow:0 4px 15px #4368504d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.resize-page-analyze-btn:hover{background:linear-gradient(135deg,#3a5330,#2e4725);box-shadow:0 6px 20px #43685066;transform:translateY(-2px)}.resize-page-analyze-btn:active{box-shadow:0 2px 10px #43685033;transform:translateY(1px)}.resize-page-analyze-btn:before{content:"→";font-size:1.3rem;margin-right:8px;transition:transform .3s ease}.resize-page-analyze-btn:hover:before{transform:translateX(5px)}.resize-page-analyze-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.resize-page-analyze-btn:disabled:before{content:none}@media screen and (max-width:768px){.navbar{align-items:center;flex-direction:column}.navbar-links{flex-direction:column;gap:10px}.mango-logo{width:80px}.bruiseareacalculation-title{font-size:1.5rem}.bruise-description{font-size:.9rem}.file-upload-container{flex-direction:column;gap:20px}.file-dropzone,.selected-files-box{width:100%}.resize-settings-bruiseareacalculation{padding:20px;width:100%}.btn{padding:15px;width:100%}.footer-resize{padding:10px 15px}.footer-address-resize{font-size:.8em}}@media screen and (max-width:480px){.navbar{padding:10px 20px}.mango-logo{width:60px}.bruiseareacalculation-title{font-size:1.2rem}.bruise-description{font-size:.8rem}.file-dropzone,.resize-settings-bruiseareacalculation,.selected-files-box{padding:15px}.btn{font-size:.9rem;padding:10px}.footer-resize{padding:8px 10px}.footer-address-resize{font-size:.7em}}.resized-images{scroll-behavior:smooth}.resized-images::-webkit-scrollbar{width:8px}.resized-images::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.resized-images::-webkit-scrollbar-thumb{background:#adbc9f;border-radius:4px}.resized-images::-webkit-scrollbar-thumb:hover{background:#436850}.bruiseareacalculation-page{background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0;min-height:100vh;padding:0}.bruiseareacalculation-content{flex:1 1;padding:40px 20px;text-align:center}.bruiseareacalculation-title{color:#12372a;font-size:1.8rem;margin-bottom:10px}.bruise-description{color:#666;font-size:1rem;margin-bottom:30px}.crop-save-confirmation-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.crop-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:400px;padding:2rem;text-align:center;width:90%}.crop-modal-content h3{color:#12372a;font-size:1.5rem;margin-bottom:1rem}.crop-modal-content p{color:#666;margin-bottom:2rem}.crop-modal-buttons{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.crop-modal-cancel-btn,.crop-modal-confirm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.crop-modal-confirm-btn{background:#436850;color:#fff}.crop-modal-confirm-btn:hover{background:#3a5330;transform:translateY(-2px)}.crop-modal-cancel-btn{background:#f1f1f1;color:#333}.crop-modal-cancel-btn:hover{background:#e0e0e0;transform:translateY(-2px)}@media (max-width:480px){.crop-modal-content{padding:1.5rem}.crop-modal-buttons{flex-direction:column}.crop-modal-cancel-btn,.crop-modal-confirm-btn{width:100%}}.crop-image-container{align-items:center;background-color:#f9f9f9;border-radius:16px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1000px;padding:30px;transition:box-shadow .3s ease-in-out}.crop-image-page{background-color:#f8f9fa;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0;min-height:100vh;padding:0}.crop-image-content{flex:1 1;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.crop-header{margin-bottom:40px;text-align:center}.crop-title{color:#12372a;font-size:1.8rem;font-weight:700;margin-bottom:10px}.crop-description{color:#666;font-size:1rem;margin:0 auto;max-width:600px}.crop-image-container:hover{box-shadow:0 12px 24px #0003}.crop-image-upload{background-color:#f9f9f9;border:2px dashed #436850;border-radius:16px;cursor:pointer;margin-bottom:30px;padding:30px;text-align:center;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}.crop-image-upload:hover{background-color:#f0f0f0;border-color:#3a5330}.upload-label{background:#436850;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;padding:14px 28px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.upload-label:hover{background:#3a5330;transform:translateY(-2px)}.upload-label:active{transform:translateY(0)}.image-crop{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.crop-box{border:2px solid #ddd;border-radius:16px;box-shadow:0 4px 8px #0000001a;height:500px;margin-bottom:20px;overflow:hidden;position:relative;transition:border-color .3s ease-in-out;width:100%}.crop-box:hover{border-color:#436850}.crop-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;margin-bottom:30px;padding:35px;transition:all .3s ease}.crop-container:hover{box-shadow:0 12px 28px #0000001f}.upload-section{padding:40px 20px}.upload-area,.upload-section{align-items:center;display:flex;justify-content:center}.upload-area{background-color:#4368500d;border:2px dashed #436850;border-radius:12px;cursor:pointer;flex-direction:column;max-width:500px;padding:40px;transition:all .3s ease;width:100%}.upload-area:hover{background-color:#4368501a;border-color:#3a5330}.upload-icon{margin-bottom:20px}.upload-area h3{color:#436850;font-size:1.3rem;margin-bottom:10px}.upload-area p{color:#777;font-size:.9rem}.crop-wrapper{display:flex;flex-direction:column;gap:30px}.crop-area{border:1px solid #e0e0e0;border-radius:12px;height:500px;overflow:hidden;position:relative;width:100%}.crop-area.dragging{cursor:grabbing}.controls-section{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:15px 0}.rotation-control,.zoom-control{align-items:center;background:#f5f5f5;border-radius:50px;display:flex;gap:15px;padding:12px 20px}.control-btn{align-items:center;background:#436850;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.control-btn:hover{background:#3a5330;transform:scale(1.05)}.control-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.zoom-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;height:6px;outline:none;width:200px}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#436850;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.zoom-slider::-webkit-slider-thumb:hover{background:#3a5330;transform:scale(1.1)}.rotation-value,.zoom-value{color:#436850;font-weight:600;min-width:50px;text-align:center}.rotate-btn{background:#5a7d5a}.action-buttons{gap:20px;margin-top:20px}.action-btn{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.action-btn:disabled{cursor:not-allowed;opacity:.6}.reset-btn{background:#f8f9fa;border:1px solid #ddd;color:#333}.reset-btn:hover:not(:disabled){background:#e9ecef;transform:translateY(-2px)}.crop-btn{background:#436850;color:#fff}.crop-btn:hover:not(:disabled){background:#3a5330;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.crop-controls{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;gap:20px;justify-content:center;margin-bottom:20px;padding:10px}.crop-controls,.zoom-control{align-items:center;display:flex}.zoom-control{gap:10px}.zoom-icon{color:#436850;cursor:pointer;font-size:1.4rem;transition:color .3s ease-in-out,transform .3s ease-in-out}.zoom-icon:hover{color:#3a5330;transform:scale(1.1)}.zoom-range{cursor:pointer;transition:opacity .3s ease-in-out;width:200px}.zoom-range:hover{opacity:.8}.btn{border-radius:8px;padding:12px 24px}.upload-bruiseareacalculation-bt{background:#436850;color:#fff}.upload-bruiseareacalculation-bt:hover{background:#3a5330;transform:scale(1.05)}.upload-bruiseareacalculation-bt:active{transform:scale(1.02)}.remove-background-page{background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0;min-height:100vh;padding:0}.remove-background-content{flex:1 1;margin-top:1.5%;padding:40px 20px;text-align:center}.remove-background-title{color:#12372a;font-size:1.8rem;margin-bottom:10px}.remove-background-description{color:#666;font-size:1rem;margin-bottom:30px}.file-upload-container{display:flex;gap:15px;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:4%;max-width:80%}.file-dropzone{background:linear-gradient(145deg,#e9ecef,#e9ecef);border:2px dashed #adbc9f;border-radius:12px;min-height:120px;padding:20px;text-align:center;transition:background-color .3s;width:48%}.file-dropzone.drag-active{background-color:#e8f5e9;border-color:#3a5330}.file-input{display:none}.browse-btn{background:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:10px 25px;transition:background-color .3s ease-in-out}.browse-btn:hover{background:#3a5330}.browse-btn:focus{background:#2e4725}.selected-files-box{background-color:#fff;border:2px solid #adbc9f;border-radius:12px;max-height:160px;overflow-y:auto;padding:15px;text-align:left;width:48%}.selected-files-box h3{color:#12372a;font-size:1.2rem;margin-bottom:10px}.selected-files-box ul{list-style:none;padding:0}.selected-files-box li{color:#333;font-size:1rem}.action-buttons{display:flex;gap:40px;justify-content:center;margin-top:60px}.btn{border:none;border-radius:15px;box-shadow:0 4px 8px #0003;cursor:pointer;font-size:1rem;font-weight:700;padding:18px 50px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.reset-btn{background:#12372a;color:#fff}.reset-btn:hover{background:#212529;transform:scale(1.05)}.reset-btn:active{transform:scale(1.02)}.remove-btn{background:#436850;color:#fff}.remove-btn:hover{background:#3a5330;transform:scale(1.05)}.remove-btn:active{transform:scale(1.02)}.processed-images{border:2px solid #adbc9f;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 150px);margin:2% auto;max-width:1100px;min-height:600px;overflow-y:auto;padding:30px 40px;position:relative}.processed-images,.processed-images h3{background-color:#f9f9f9;text-align:center}.processed-images h3{border-bottom:2px solid #adbc9f;color:#444;font-size:20px;margin-bottom:15px;padding:10px 0;position:sticky;top:0;z-index:1}.processed-images-grid{grid-gap:25px;display:grid;flex:1 1;gap:25px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow-y:auto;padding:25px 0}.processed-image-card{background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 6px #0000001a;padding:15px;text-align:center}.processed-image-preview{border-radius:5px;margin-bottom:15px;max-height:150px;max-width:100%}.processed-image-details{word-wrap:break-word;color:#555;font-size:15px;margin-bottom:12px;overflow-wrap:break-word;text-align:center}.download-btn{background:linear-gradient(135deg,#6b8e23,#3a5330);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px;transition:transform .3s,background-color .3s}.download-btn:hover{background:linear-gradient(135deg,#556b2f,#2e3d1f);transform:scale(1.05)}.analyze-btn{align-items:center;background:linear-gradient(135deg,#436850,#3a5330);border:none;border-radius:8px;box-shadow:0 4px 15px #4368504d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.analyze-btn:hover{background:linear-gradient(135deg,#3a5330,#2e4725);box-shadow:0 6px 20px #43685066;transform:translateY(-2px)}.analyze-btn:active{box-shadow:0 2px 10px #43685033;transform:translateY(1px)}.analyze-btn:before{content:"→";font-size:1.3rem;margin-right:8px;transition:transform .3s ease}.analyze-btn:hover:before{transform:translateX(5px)}.analyze-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.analyze-btn:disabled:before{content:none}.processed-images-actions{background-color:#f9f9f9;border-top:2px solid #adbc9f;bottom:0;display:flex;gap:20px;justify-content:center;margin-top:auto;padding:20px 0;position:sticky;z-index:1}.download-all-btn{align-items:center;background:#f0f0f0;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.download-all-btn:hover{background:#e0e0e0;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.download-all-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(1px)}.remove-confirm-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.remove-confirm-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.remove-confirm-modal h3{color:#12372a;margin-bottom:15px}.remove-confirm-modal p{color:#555;margin-bottom:25px}.modal-actions{display:flex;gap:15px;justify-content:center}.modal-cancel-btn{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:700;padding:10px 25px;transition:background .2s}.modal-cancel-btn:hover{background:#e0e0e0}.modal-confirm-btn{background:#436850;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 25px;transition:background .2s}.modal-confirm-btn:hover{background:#3a5330}@media screen and (max-width:768px){.navbar{align-items:center;flex-direction:column}.navbar-links{word-wrap:nowrap;flex-direction:column;gap:10px;overflow:hidden}.mango-logo{width:80px}.remove-background-title{font-size:1.5rem}.remove-background-description{font-size:.9rem}.file-upload-container{flex-direction:column;gap:20px}.btn,.file-dropzone,.selected-files-box{width:100%}.btn{padding:15px}.footer{padding:10px 15px}.footer-address{font-size:.8em}}@media screen and (max-width:480px){.navbar{padding:10px 20px}.mango-logo{width:60px}.remove-background-title{font-size:1.2rem}.remove-background-description{font-size:.8rem}.file-dropzone,.selected-files-box{padding:15px}.btn{font-size:.9rem;padding:10px}.footer{padding:8px 10px}.footer-address{font-size:.7em}}.processed-images-selection-controls{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;gap:20px;justify-content:center;margin-bottom:25px;padding:15px;position:sticky;top:60px;z-index:1}.selection-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:all .2s ease}.select-all-btn{background-color:#436850;color:#fff}.select-all-btn:hover{background-color:#3a5330}.deselect-all-btn{background-color:#f0f0f0;color:#333}.deselect-all-btn:hover{background-color:#e0e0e0}.selection-count{color:#666;font-size:1rem;font-weight:500}.processed-image-card{border:2px solid #0000;cursor:pointer;position:relative;transition:all .3s ease}.processed-image-card.selected{border-color:#436850;box-shadow:0 0 0 2px #4368504d;transform:translateY(-5px)}.selection-indicator{align-items:center;background-color:#f0f0f0;border:2px solid #ccc;border-radius:50%;color:#666;display:flex;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:24px}.processed-image-card.selected .selection-indicator{background-color:#436850;border-color:#436850;color:#fff}.processed-image-card:not(.selected) .selection-indicator{background-color:#f0f0f0;border:2px solid #ccc;color:#0000}.processed-image-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.processed-images{scroll-behavior:smooth}.processed-images::-webkit-scrollbar{width:8px}.processed-images::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.processed-images::-webkit-scrollbar-thumb{background:#adbc9f;border-radius:4px}.processed-images::-webkit-scrollbar-thumb:hover{background:#436850}.aboutus-page-container{background-color:#fff;color:#000;font-family:Poppins,sans-serif;font-size:1.2em;max-height:100vh;overflow-y:auto}.hero-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-bottom:100px}.content-section{background:linear-gradient(135deg,#436850,#4b6a3d);border-radius:24px;box-shadow:0 10px 30px #0003;color:#fff;margin:0 20px 60px;opacity:0;padding:40px;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.user-profile-aboutusmain{border:2px solid #fff;border-radius:50%;cursor:pointer;height:40px;margin-right:.05%;transition:border-color .3s ease;width:40px}.user-profile-aboutusmain:hover{border-color:#fd5}.aboutus-navbar{background-color:#436850;box-shadow:0 4px 10px #0003;color:#fff;display:flex;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:10}.aboutus-navbar .navbar-brand{align-items:center;color:#fff;cursor:pointer;display:flex}.aboutus-navbar .navbar-logo{margin-right:4%;max-width:100px;vertical-align:middle;width:100%}.aboutus-navbar .navbar-actions{display:flex;gap:15px}.aboutus-navbar .navbar-actions .navbar-button{background:linear-gradient(135deg,#adbc9f,#fbfada);border:none;border-radius:9.5px;box-shadow:2px 2px 10px #00000026;color:#4b6a3d;cursor:pointer;font-family:Roboto,sans-serif;font-weight:600;letter-spacing:1px;padding:12px 24px;transition:all .3s ease-in-out}.aboutus-navbar .navbar-actions .navbar-button:hover{background:linear-gradient(135deg,#ffe066,#ffc300);box-shadow:2px 2px 15px #0000004d;transform:scale(1.05)}.aboutus-hero{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;height:95vh;justify-content:center;min-height:600px;padding:0 20px;position:relative;text-align:center}.aboutus-hero:before{background:linear-gradient(135deg,#436850e6,#4b6a3dcc);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.cta-primary,.cta-secondary{border-radius:12px}.value-props{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:80px auto;max-width:1200px;padding:0 20px}.value-prop{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:40px 30px;text-align:center;transition:all .3s ease}.value-prop:hover{transform:translateY(-10px)}.prop-icon{color:#436850;font-size:3rem;margin-bottom:20px}.value-prop h3{color:#2c3e2d;font-size:1.5rem;margin-bottom:15px}.value-prop p{color:#666;line-height:1.6}.about-section{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:100px auto;max-width:1200px;padding:0 20px}.about-image img{border-radius:20px;box-shadow:0 10px 30px #00000026;width:100%}.aboutus-content{margin:0 auto;max-width:1200px;padding:80px 20px;text-align:center}.about-text{margin-bottom:40px}.about-text p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.about-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:40px}.stat-item{background:#f8f9fa;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 15px #0000000d;padding:25px;text-align:center}.stat-number{color:#436850;font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:1rem}.tech-stack-section{margin:100px auto;max-width:1200px;padding:0 20px;text-align:center}.tech-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tech-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 8px 25px #0000001a;overflow:hidden;padding:40px 30px;transition:all .3s ease}.tech-card:hover{transform:translateY(-10px)}.tech-logo-container{align-items:center;display:flex;height:100px;justify-content:center;margin:0 auto 25px;width:100px}.tech-logo{max-height:100%;max-width:100%;object-fit:contain}.tech-card h3{color:#2c3e2d;font-size:1.5rem;margin-bottom:15px}.tech-card p{color:#666;line-height:1.6}.cta-section{background:linear-gradient(135deg,#436850,#4b6a3d);border-radius:24px;box-shadow:0 10px 30px #00000026;margin:80px 20px 0}@media screen and (max-width:768px){.content-section,.cta-section{border-radius:20px;margin:0 10px}.framework-item,.tech-card,.value-prop{border-radius:16px}}@media screen and (max-width:480px){.content-section,.cta-section{border-radius:16px;margin:0 5px}.framework-item,.tech-card,.value-prop{border-radius:12px}}.contactus-page-container{background-color:#fff;color:#000;font-family:Poppins,sans-serif;font-size:1.2em;max-height:100vh;overflow-y:auto}.scroll-down-container{bottom:40px;display:flex;justify-content:center;left:0;margin-top:50px;position:absolute;right:0}.scroll-down-indicator{align-items:center;animation:bounce 2s infinite;color:#fff;cursor:pointer;display:flex;flex-direction:column;margin-top:3%;opacity:.8;text-align:center;transition:all .3s ease}.scroll-down-indicator:hover{opacity:1;transform:translateY(5px)}.scroll-down-indicator span{font-size:.9rem;margin-top:10px;text-shadow:0 2px 4px #0000004d}.scroll-down-indicator i{font-size:1.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.user-profile-contactusmain{border:2px solid #fff;border-radius:50%;cursor:pointer;height:40px;margin-right:.05%;transition:border-color .3s ease;width:40px}.user-profile-contactusmain:hover{border-color:#fd5}.navbar-link.active{background-color:#fd5;color:#4b6a3d}.contactus-navbar{background-color:#436850;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:10}.contactus-navbar .navbar-brand{align-items:center;color:#fff;display:flex}.contactus-navbar .navbar-logo{margin-right:4%;max-width:100px;vertical-align:middle;width:100%}.contactus-navbar .navbar-actions{display:flex;gap:15px}.contactus-navbar .navbar-actions .navbar-button{background:linear-gradient(135deg,#adbc9f,#fbfada);border:none;border-radius:8px;box-shadow:2px 2px 10px #0003;color:#4b6a3d;cursor:pointer;font-family:Roboto,sans-serif;font-weight:600;letter-spacing:1px;padding:12px 24px;transition:all .3s ease-in-out}.contactus-navbar .navbar-actions .navbar-button:hover{background:linear-gradient(135deg,#ffe066,#ffc300);box-shadow:2px 2px 15px #0000004d;transform:scale(1.05)}.contactus-hero{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;height:95vh;justify-content:center;min-height:600px;padding:0 20px;position:relative;text-align:center}.contactus-hero:before{background:linear-gradient(135deg,#436850e6,#4b6a3dcc);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 10px #0000004d}.hero-subtitle{font-size:1.5rem;margin:0 auto 2.5rem;max-width:700px;opacity:.9}.hero-cta{display:flex;gap:20px;justify-content:center;margin-top:40px}.cta-primary,.cta-secondary{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.cta-primary{background-color:#fd5;box-shadow:0 4px 15px #fd56;color:#4b6a3d}.cta-primary:hover{background-color:#ffc300;box-shadow:0 6px 20px #fd59;transform:translateY(-3px)}.cta-secondary{background-color:initial;border:2px solid #fff;color:#fff}.cta-secondary:hover{background-color:#ffffff1a;transform:translateY(-3px)}.contact-methods{margin:100px auto;max-width:1200px;padding:0 20px;text-align:center}.section-header{margin-bottom:60px}.section-title{color:#2c3e2d;font-size:2.5rem;font-weight:700;margin-bottom:20px}.section-subtitle{color:#666;font-size:1.2rem;margin-bottom:60px}.contact-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact-card{background:#fff;border-radius:15px;box-shadow:0 5px 25px #00000014;padding:40px 30px;transition:transform .3s ease}.contact-card:hover{transform:translateY(-10px)}.contact-icon{color:#436850;font-size:3rem;margin-bottom:20px}.contact-card h3{color:#2c3e2d;font-size:1.5rem;margin-bottom:15px}.contact-card p{color:#666;line-height:1.6;margin-bottom:20px}.contact-link{color:#436850;font-weight:600;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#ffc300}.social-section{margin:100px auto;max-width:1200px;padding:0 20px;text-align:center}.social-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.social-card{background:#fff;border-radius:15px;box-shadow:0 5px 25px #00000014;cursor:pointer;padding:30px;transition:transform .3s ease}.social-card:hover{transform:translateY(-10px)}.social-logo{height:60px;margin-bottom:20px;object-fit:contain;width:60px}.social-icon{color:#436850;font-size:3rem;margin-bottom:20px}.social-card h3{color:#2c3e2d;font-size:1.5rem;margin-bottom:15px}.social-card p{color:#666;line-height:1.6}.coming-soon{opacity:.7}.cta-section{background:#436850;color:#fff;margin-top:80px;padding:100px 20px;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:20px}.cta-section p{font-size:1.2rem;margin:0 auto 40px;max-width:600px;opacity:.9}.contactuspage-footer{background-color:#436850;box-shadow:0 -4px 10px #0003;color:#fff;margin-top:80px;padding:15px 20px;position:relative;text-align:center}.footer-links{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.footer-link{background:linear-gradient(135deg,#adbc9f,#fbfada);border:none;border-radius:8px;box-shadow:2px 2px 10px #0003;color:#4b6a3d;cursor:pointer;font-family:Roboto,sans-serif;font-weight:600;letter-spacing:1px;padding:12px 24px;transition:all .3s ease-in-out}.footer-link:hover{background:linear-gradient(135deg,#ffe066,#ffc300);box-shadow:2px 2px 15px #0000004d;transform:scale(1.05)}.footer-address{font-size:.7em;margin-top:10px}@media screen and (max-width:768px){.contactus-navbar{align-items:center;flex-direction:column}.contactus-navbar .navbar-actions{flex-direction:column;gap:10px}.hero-title{font-size:2em}.contactus-content{padding:40px 10px}.section-title{font-size:1.8em}.section-subtitle{font-size:.9em}.footer-links{flex-direction:column;gap:10px}}@media screen and (max-width:480px){.contactus-navbar{padding:10px 20px}.contactus-navbar .navbar-logo{max-width:80px}.contactus-navbar .navbar-actions .navbar-button{padding:8px 20px}.hero-title{font-size:1.5em}.contactus-content{padding:30px 5px}.section-title{font-size:1.5em}.section-subtitle{font-size:.8em}.footer-address{font-size:.5em}}
/*# sourceMappingURL=main.d800c2ec.css.map*/