*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:14px;color:#333;background-color:#e0e0e0}.u-text-center{text-align:center}.u-mt-sm{margin-top:8px}.u-mt-md{margin-top:16px}.u-mt-lg{margin-top:24px}.app-header{background-color:#3a3a3a;padding:16px 24px;box-shadow:0 2px 4px #0003}.app-header .logo{height:32px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#e0e0e0;padding:24px}.login-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:32px;width:100%;max-width:480px}.tab-group{display:flex;gap:0;margin-bottom:32px}.tab-group .tab{flex:1;padding:16px 24px;border:2px solid #d0d0d0;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.tab-group .tab:first-child{border-radius:4px 0 0 4px}.tab-group .tab:last-child{border-radius:0 4px 4px 0;border-left:none}.tab-group .tab.active{background:#d32f2f;color:#fff;border-color:#d32f2f}.tab-group .tab:hover:not(.active){background:#f5f5f5}.form-title{font-size:32px;font-weight:400;color:#333;text-align:center;margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;color:#4a4a4a;margin-bottom:8px;font-weight:400}.form-group .input-wrapper{position:relative}.form-group .input-wrapper input{width:100%;padding:16px;border:2px solid #2a2a2a;border-radius:4px;font-size:14px;color:#333;transition:border-color .3s}.form-group .input-wrapper input::placeholder{color:#333;opacity:1}.form-group .input-wrapper input:focus{outline:none;border-color:#d32f2f}.form-group .input-wrapper input.error{border-color:#f44336}.form-group .input-wrapper .required{color:#f44336;margin-left:2px}.form-group .input-wrapper .toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;font-size:20px}.forgot-password{text-align:right;margin-top:8px;margin-bottom:24px}.forgot-password a{color:#333;font-size:12px;text-decoration:underline}.forgot-password a:hover{color:#d32f2f}.btn{width:100%;padding:16px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.btn.btn-primary{background:#d32f2f;color:#fff;text-transform:uppercase}.btn.btn-primary:hover{background:#b71c1c}.btn.btn-primary:disabled{background:#ccc;cursor:not-allowed}