.main-app-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;padding:1rem;box-sizing:border-box}.main-angled-bg{right:0;bottom:0;background-color:#f7f7f7;background-position:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-angled-bg,.main-angled-bg:after{position:absolute;top:0;left:0;background-size:cover}.main-angled-bg:after{content:"";width:100%;height:100%;background-image:url(https://saobacdautelecom.vn/wp-content/uploads/2021/08/Be%CC%A3%CC%82nh-vie%CC%A3%CC%82n-Pho%CC%80ng-kha%CC%81m_1920x772-e1633608427676.png);background-repeat:no-repeat;background-position:144%;opacity:1;clip-path:polygon(0 0,60% 0,56% 100%,0 100%);z-index:0}.login-card{position:relative;z-index:10;background-color:#ffffff;color:#2d3748;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);padding:0;display:flex;flex-direction:column;overflow:hidden;width:90%;max-width:1000px;gap:20px}@media (min-width:640px){.login-card{width:90%}}@media (min-width:768px){.login-card{width:70%;flex-direction:row}}@media (min-width:1024px){.login-card{width:80%}}.inner-image-section{position:relative;flex:1;display:none;align-items:center;justify-content:center;padding:10px 0 10px 10px;overflow:hidden}.inner-image-section img{width:100%;height:100%;object-fit:cover;object-position:80% center}@media (min-width:768px){.inner-image-section{display:flex}}.internal-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px 0 0 8px;clip-path:polygon(0 0,99% 0,92% 100%,0 100%)}.login-form-section{flex:1;padding:20px 10px;display:flex;flex-direction:column;justify-content:center}.form-content-wrapper{width:95%}.form-title{font-size:20px;font-weight:700;margin-bottom:10px;text-align:center;color:#2d3748}.separator-line{flex-grow:1;border-top:1px solid #d1d5db;margin-top:15px}.separator-text{flex-shrink:0;margin-left:1rem;margin-right:1rem;color:#6b7280}.input-group{margin-bottom:1rem}.input-group:last-of-type{margin-bottom:8px}.input-label{display:block;font-size:16px;color:#4b5563;margin-bottom:5px}.input-field{width:100%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;transition:all .3s ease;color:#374151}.input-field::placeholder{color:#9ca3af}.forgot-password-link{display:block;text-align:right;font-size:.875rem;color:#4f46e5;margin-top:.5rem;text-decoration:none;transition:color .3s ease}.forgot-password-link:hover{color:#3730a3}.login-button{width:100%;background-color:#3497F9;color:#ffffff;padding:10px;border-radius:8px;font-weight:600;transition:background-color .3s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:none;cursor:pointer;margin-bottom:10px}.signup-text{text-align:center;font-size:.875rem;color:#4b5563;margin-top:1.5rem}.signup-link{font-weight:500;color:#4f46e5;text-decoration:none;transition:color .3s ease}.signup-link:hover{color:#3730a3}.select-field{width:250px;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:white;color:#374151;font-size:1rem;transition:all .3s ease}.helper-text{color:#3497f9;text-align:right;padding:10px 5px;font-size:16px}.system-title{text-align:left;margin-bottom:10px}.system-title-main{font-size:22px;font-weight:700;color:#3497F9;text-transform:uppercase;margin-bottom:8px}.system-title-sub{font-size:1rem;color:#6b7280}.input-icon-wrapper{position:relative}.input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#aaa;pointer-events:none;transition:opacity .2s ease}.input-field.with-icon{padding-left:3rem}.input-field:not(:placeholder-shown)+.input-icon{opacity:0}.form-content-wrapper-title{display:flex;gap:10px}